Commit 97b9819d836e8d7a136f3027e60b7ac2194c005d

Authored by Luigi Serra
2 parents 450e175a 10349394

Merge branch 'master' of http://service.routetopa.eu:7480/WebCompDev/COMPONENTS

Showing 45 changed files with 174 additions and 1237 deletions
controllets/animated-button-container-controllet/animated-button-container-controllet.html
... ... @@ -38,8 +38,8 @@
38 38 }
39 39  
40 40 .window {
41   - height: 600px;
42   - width: 484px;
  41 + height: 620px;
  42 + width: 760px;
43 43 display: none;
44 44 position: fixed;
45 45 top: 100px;
... ...
controllets/generic-cards-container-controllet/generic-cards-container-controllet.html
... ... @@ -59,17 +59,10 @@ Example:
59 59  
60 60 <style is="custom-style">
61 61  
62   - .legend span{
63   - position: relative;
64   - top: 8px;
65   - }
66   -
67 62 .card_grid
68 63 {
69 64 width: 100%;
70 65 z-index: 0;
71   - margin: auto;
72   - padding: 5%;
73 66 }
74 67  
75 68 .card_grid:after {
... ... @@ -79,7 +72,7 @@ Example:
79 72 }
80 73  
81 74 ::content .card{
82   - margin: 10px;
  75 + margin: 40px 0px 0px 40px;
83 76 float: left;
84 77 }
85 78  
... ... @@ -100,25 +93,13 @@ Example:
100 93 display: none;
101 94 }
102 95  
103   - ::content .empty{
104   - position: absolute;
105   - right: 0;
106   - left: 27%;
107   - top: 40%;
108   - margin-right: auto;
109   - margin-left: auto;
110   - font-family: 'Roboto', sans-serif;
111   - font-weight: 500;
112   - font-size: large;
113   - }
114   -
115 96 </style>
116 97  
117   - <div id="container" class="layout vertical">
118   - <div class="card_grid" id="card_grid">
  98 + <!--<div id="container">-->
  99 + <div class="card_grid">
119 100 <content></content>
120 101 </div>
121   - </div>
  102 + <!--</div>-->
122 103 </template>
123 104  
124 105 <script>
... ...
controllets/items-vslider-controllet/items-vslider-controllet.html
... ... @@ -69,7 +69,8 @@
69 69 padding: 8px;
70 70 width: 124px;
71 71 color: #000000;
72   - background-color: rgba(158, 158, 158, 0.8);
  72 + background-color: rgba(158, 158, 158, 0.8);/*9E*/
  73 + /*background-color: rgba(182, 182, 182, 0.9);/!*B&*!/*/
73 74 z-index: 1;
74 75 font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
75 76 font-size: 16px;
... ... @@ -79,7 +80,9 @@
79 80  
80 81 .legend.selected {
81 82 background-color: #2196F3;
  83 + /*background-color: rgba(33, 150, 243, 0.8);*/
82 84 color: #FFFFFF;
  85 +
83 86 }
84 87  
85 88 #items_vslider_search{
... ... @@ -225,8 +228,8 @@
225 228 for(var i=0; i < this.datalets.length; i++){
226 229 var datalet = this.datalets[i];
227 230 var imageName = this._getChartName(datalet.imageName).toLowerCase();
228   - console.log(imageName);
229   - console.log(this.filter);
  231 +// console.log(imageName);
  232 +// console.log(this.filter);
230 233 if(imageName.indexOf(this.filter.toLowerCase()) > -1)
231 234 datalets.push(datalet);
232 235 }
... ...
controllets/paper-card-controllet/paper-card-controllet.html
... ... @@ -17,41 +17,40 @@
17 17 #paper_card_container {
18 18 font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
19 19 font-size: 16px;
20   - background-color: white;
21   - position: relative;
22   - float: left;
23   - margin: 40px;
  20 + line-height: 16px;
24 21 }
25 22  
26 23 #content {
27   - padding: 4px 4px 0px 4px;
28   - position:relative;
  24 + width: 100%;
  25 + height: calc(100% - 64px);
  26 + overflow: hidden;
  27 + }
  28 +
  29 + #content.text {
  30 + background-color: #FFFFCC;
  31 + padding: 4px;
  32 + width: calc(100% - 8px);
  33 + height: calc(100% - 72px);
29 34 }
30 35  
31   - .legend {
  36 + #paper_card_container .legend {
32 37 position: relative;
33   - top: -48px;
  38 + bottom: 48px;
34 39 height: 32px;
35 40 padding: 16px 0px 0px 8px;
36   - /*z-index: 1000;*/
37   - background: rgba(0,0,0,0.8);
  41 + background-color: rgba(0, 0, 0, 0.8);
38 42 color: white;
39 43 font-weight: 700;
40 44 word-wrap: break-word;
41 45 }
42 46  
43   - .footer {
44   - height: 16px;
45   - }
46   -
47   - .comment {
  47 + #paper_card_container .footer {
  48 + height: 64px;
  49 + width: 100%;
48 50 position: relative;
49   - top: -50px;
50   - height: 50px;
51   - background-color: white;
52   - padding: 8px;
53   - font-size: small;
54   - color: #727272;
  51 + bottom: 48px;
  52 + padding: 4px;
  53 + font-size: 12px;
55 54 word-wrap: break-word;
56 55 overflow: hidden;
57 56 }
... ... @@ -63,7 +62,6 @@
63 62 }
64 63  
65 64 paper-fab.open {
66   - /*bottom: 28px;*/
67 65 bottom: -20px;
68 66 right: 8px;
69 67 }
... ... @@ -114,7 +112,7 @@
114 112 </style>
115 113  
116 114  
117   - <paper-material id="paper_card_container" elevation="{{elevation}}">
  115 + <paper-material id="paper_card_container" elevation="3">
118 116  
119 117 <paper-fab id="card_modify" class="modify" mini icon="create" on-click="_handleModifyClick"></paper-fab>
120 118  
... ... @@ -149,7 +147,7 @@
149 147 </div>
150 148  
151 149 <div class="footer">
152   - <div class="comment">{{comment}}</div>
  150 + {{comment}}
153 151 </div>
154 152  
155 153 <paper-dialog id="fullscreen_container" entry-animation="scale-up-animation" exit-animation="fade-out-animation">
... ... @@ -170,22 +168,17 @@
170 168  
171 169 width: {
172 170 type: Number,
173   - observer: "_changeWidth"
  171 + value: 200
174 172 },
175 173  
176 174 height: {
177 175 type: Number,
178   - observer: "_changeHeight"
179   - },
180   -
181   - elevation:{
182   - type: Number,
183   - value: 3
  176 + value: 250
184 177 },
185 178  
186 179 cardType:{
187 180 type: String,
188   - value: "text"
  181 + value: ""
189 182 },
190 183  
191 184 cardTitle:{
... ... @@ -200,12 +193,17 @@
200 193  
201 194 },
202 195  
  196 + ready: function(){
  197 + this._resize();
  198 + },
  199 +
203 200 attached: function(){
204   - if(this.cardType == "text"){
205   - this.$.content.style.backgroundColor = "#FFFFCC";
206   - }
  201 + if(this.cardType == "text")
  202 + this.$.content.className += this.$.content.className ? ' text' : 'text';
  203 +
207 204 $(this.$.fullscreen_container).perfectScrollbar();
208 205  
  206 + this._resize();
209 207 this._translate();
210 208 },
211 209  
... ... @@ -225,17 +223,9 @@
225 223 this.$$("#card_open_datalet").setAttribute("title", paper_ln["open_"+paper_ln["ln"]]);
226 224 },
227 225  
228   - _changeWidth: function(){
229   - this.style.width = this.width + "px";
230   - this.$.content.style.width = this.width - 8 + "px";
231   - this.$.paper_card_container.style.width = this.width + "px";
232   - },
233   -
234   - _changeHeight: function(){
235   - this.style.height = this.height + 64 + "px";
236   - this.$.content.style.height = this.height - 4 + "px";
237   - this.$.paper_card_container.style.height = this.height + "px";
238   - $(this.$.content).perfectScrollbar();
  226 + _resize: function(){
  227 + $(this.$.paper_card_container).height(this.height);
  228 + $(this.$.paper_card_container).width(this.width);
239 229 },
240 230  
241 231 checkType: function(type, check){
... ...
controllets/select-visualization-controllet/demo/index.html
... ... @@ -20,7 +20,8 @@
20 20  
21 21 <body>
22 22  
23   -<select-visualization-controllet fields='["records,fields,annee", "records,fields,preteur", "records,fields,capital_restant_du"]' data-url="https://data.issy.com/api/records/1.0/search/?dataset=repartitiondeladetteparpreteursau3112n-feuille1&rows=56&sort=-annee" deep-url="http://172.16.15.38/DEEalerProvider/DEEP/" datalets-list-url="http://172.16.15.38/DEEalerProvider/DEEP/datalets-list"></select-visualization-controllet>
  23 +<!--<select-visualization-controllet fields='["records,fields,annee", "records,fields,preteur", "records,fields,capital_restant_du"]' data-url="https://data.issy.com/api/records/1.0/search/?dataset=repartitiondeladetteparpreteursau3112n-feuille1&rows=56&sort=-annee" deep-url="http://172.16.15.38/DEEalerProvider/DEEP/" datalets-list-url="http://172.16.15.38/DEEalerProvider/DEEP/datalets-list"></select-visualization-controllet>-->
  24 +<select-visualization-controllet fields='["result,records,x", "result,records,y", "result,records,cat"]' data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=b056c5e6-76af-4526-a35d-7dee664fb6ee&limit=99999" deep-url="http://172.16.15.38/DEEalerProvider/DEEP/" datalets-list-url="http://172.16.15.38/DEEalerProvider/DEEP/datalets-list"></select-visualization-controllet>
24 25 <!--<select-datalet-inputs_series></select-datalet-inputs_series>-->
25 26 <!--<select-datalet-options></select-datalet-options>-->
26 27  
... ...
controllets/select-visualization-controllet/select-datalet-inputs.html
... ... @@ -272,7 +272,7 @@
272 272  
273 273 this.async(function () {
274 274 //reset ddl
275   - var ddls = document.getElementsByTagName("paper-dropdown-menu");
  275 + var ddls = this.$.inputs_container.getElementsByTagName("paper-dropdown-menu");
276 276 for (var i = 0; i < ddls.length; i++)
277 277 $(ddls[i]).find("paper-menu")[0].select(-1);
278 278 this.$.group_by.setAttribute("disabled", "");
... ...
controllets/select-visualization-controllet/select-datalet-inputs_series.html
... ... @@ -108,7 +108,7 @@
108 108 <paper-dropdown-menu id="group_by" disabled>
109 109 <paper-menu class="dropdown-content">
110 110 <template is="dom-repeat" items={{groupableFields}}>
111   - <paper-item id={{index}} on-tap="_setAggregators">{{_fieldName(item)}}</paper-item>
  111 + <paper-item id={{index}} on-tap="_setAggregatorsFields">{{_fieldName(item)}}</paper-item>
112 112 </template>
113 113 </paper-menu>
114 114 </paper-dropdown-menu>
... ... @@ -237,7 +237,7 @@
237 237  
238 238 this.async(function () {
239 239 //reset ddl
240   - var ddls = document.getElementsByTagName("paper-dropdown-menu");
  240 + var ddls = this.$.inputs_series_container.getElementsByTagName("paper-dropdown-menu");
241 241 for (var i = 0; i < ddls.length; i++)
242 242 $(ddls[i]).find("paper-menu")[0].select(-1);
243 243 this.$.group_by.setAttribute("disabled", "");
... ... @@ -310,6 +310,17 @@
310 310 this._setAggregators();
311 311 },
312 312  
  313 + _setAggregatorsFields : function(e){
  314 + this.async(function() {
  315 + var c_menu = $("#calculate_0").find("paper-menu")[0];
  316 + var selected = c_menu.selected > 0 ? c_menu.selected : 0;
  317 + c_menu.select(-1);
  318 + c_menu.select(selected);
  319 +
  320 + this._setAggregators();
  321 + }, 0);
  322 + },
  323 +
313 324 _setAggregators : function(){
314 325 this.async(function() {
315 326 this.aggregators = [];
... ...
controllets/select-visualization-controllet/select-datalet-options.html
... ... @@ -197,12 +197,13 @@
197 197  
198 198 setOptions : function(options) {
199 199 this.options = [];
  200 + this.params = [];
200 201 this.async(function() {
201 202 this.options = options;
202 203 }, 0);
203 204  
204   - this.params["title"] = "";
205   - this.params["description"] = "";
  205 +// this.params["title"] = "";
  206 +// this.params["description"] = "";
206 207 },
207 208  
208 209 ceckOptions : function(options) {
... ...
datalets/areachart-datalet/areachart-datalet.html
... ... @@ -80,10 +80,6 @@ Example:
80 80 min: 0,
81 81 title: {
82 82 text: this._component.yAxisLabel,
83   - align: 'high'
84   - },
85   - labels: {
86   - overflow: 'justify'
87 83 }
88 84 },
89 85 tooltip: {
... ...
datalets/areachart_stacked-datalet/areachart_stacked-datalet.html
... ... @@ -73,13 +73,13 @@ Example:
73 73 xAxis: {
74 74 categories: this.properties.categories.value,
75 75 title: {
76   - text: this._component.yAxisLabel
  76 + text: this._component.xAxisLabel
77 77 }
78 78 },
79 79 yAxis: {
80 80 min: 0,
81 81 title: {
82   - text: this._component.xAxisLabel,
  82 + text: this._component.yAxisLabel,
83 83 },
84 84 },
85 85 tooltip: {
... ...
datalets/barchart-datalet/barchart-datalet.html
... ... @@ -73,17 +73,13 @@ Example:
73 73 xAxis: {
74 74 categories: this.properties.categories.value,
75 75 title: {
76   - text: this._component.yAxisLabel
  76 + text: this._component.xAxisLabel
77 77 }
78 78 },
79 79 yAxis: {
80 80 min: 0,
81 81 title: {
82   - text: this._component.xAxisLabel,
83   - align: 'high'
84   - },
85   - labels: {
86   - overflow: 'justify'
  82 + text: this._component.yAxisLabel,
87 83 }
88 84 },
89 85 tooltip: {
... ...
datalets/barchart_stacked-datalet/barchart_stacked-datalet.html
... ... @@ -73,13 +73,13 @@ Example:
73 73 xAxis: {
74 74 categories: this.properties.categories.value,
75 75 title: {
76   - text: this._component.yAxisLabel
  76 + text: this._component.xAxisLabel
77 77 }
78 78 },
79 79 yAxis: {
80 80 min: 0,
81 81 title: {
82   - text: this._component.xAxisLabel,
  82 + text: this._component.yAxisLabel,
83 83 },
84 84 },
85 85 tooltip: {
... ...
datalets/base-datalet/base-datalet.html
... ... @@ -67,6 +67,7 @@ Example :
67 67 font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
68 68 padding-top: 2px;
69 69 border-top: 2px solid #B6B6B6;
  70 + margin-top: 8px;
70 71 }
71 72 #base_datalet_rtp {
72 73 display: flex;
... ... @@ -75,7 +76,7 @@ Example :
75 76 #rtp {
76 77 padding-top: 8px;
77 78 padding-right: 8px;
78   - font-size: small;
  79 + font-size: 12px;
79 80 }
80 81 #rtpalogo {
81 82 height: 32px;
... ... @@ -191,6 +192,7 @@ Example :
191 192  
192 193 hideFooter: function() {
193 194 this.$.base_datalet_container.innerHTML = "";
  195 + this.$.base_datalet_container.style.margin = 0;
194 196 this.$.base_datalet_container.style.border = 0;
195 197 }
196 198 });
... ...
datalets/bubble3d-datalet/bubble3d-datalet.html deleted
1   -<!--
2   -@license
3   - The MIT License (MIT)
4   -
5   - Copyright (c) 2015 Dipartimento di Informatica - Universit� di Salerno - Italy
6   -
7   - Permission is hereby granted, free of charge, to any person obtaining a copy
8   - of this software and associated documentation files (the "Software"), to deal
9   - in the Software without restriction, including without limitation the rights
10   - to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
11   - copies of the Software, and to permit persons to whom the Software is
12   - furnished to do so, subject to the following conditions:
13   -
14   - The above copyright notice and this permission notice shall be included in
15   - all copies or substantial portions of the Software.
16   -
17   - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
18   - IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
19   - FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
20   - AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
21   - LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
22   - OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
23   - THE SOFTWARE.
24   --->
25   -
26   -<!--
27   -* Developed by :
28   -* ROUTE-TO-PA Project - grant No 645860. - www.routetopa.eu
29   -*
30   --->
31   -
32   -<link rel="import" href="../highcharts-datalet/highcharts-datalet.html">
33   -<script src="http://code.highcharts.com/highcharts-more.js"></script>
34   -
35   -<!--
36   -`bubble3d-datalet` is a 3D bubbles datalet based on highcharts project <http://www.highcharts.com/>
37   -
38   -Examples:
39   -
40   - An example to create a 3d Bubble chart with multiple series specified (fields4)
41   -
42   - <bubble3d-datalet
43   - data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=#"
44   - fields='["field1","field2","field3","field4"]'>
45   - </bubble3d-datalet>
46   -
47   - An example to create a 3d Bubble chart with x and y values, and a size value (field3)
48   -
49   - <bubble3d-datalet
50   - data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=#"
51   - fields='["field1","field2","field3"]'>
52   - </bubble3d-datalet>
53   -
54   -@element bubble3d-datalet
55   -@status v0.1
56   -@demo demo/index.html
57   -@group datalets
58   --->
59   -
60   -<dom-module name="bubble3d-datalet">
61   - <template>
62   - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
63   - </template>
64   - <script>
65   -
66   - var Bubble3dBehavior = {
67   - /**
68   - * Build Highchart object
69   - *
70   - * @method presentData
71   - */
72   - presentData: function() {
73   - var categoryName = [];
74   - var color = {};
75   - var bubble3DSeriesData = {};
76   - var b3dserie = [];
77   -
78   - Bubble3DArr = [];
79   - var dataTmp = [];
80   - //Example 1: No Series name is specified in the query
81   - if(this.data.length == 3){
82   - for (var i = 0; i < this.data[0].data.length; i++) {
83   - Bubble3DArr = [this.data[0].data[i], parseFloat(this.data[1].data[i]), parseFloat(this.data[2].data[i])];
84   - dataTmp.push(Bubble3DArr)
85   - }
86   - color = {
87   - fillColor: {
88   - radialGradient: {cx: 0.4, cy: 0.3, r: 0.7},
89   - stops: [
90   - [0, 'rgba(255,255,255,0.5)']
91   - ]
92   - }
93   - }
94   - //add data to the series
95   - bubble3DSeriesData = {
96   - name: "Series",
97   - data: dataTmp,
98   - marker: color
99   - }
100   - b3dserie.push(bubble3DSeriesData);
101   - }
102   - //Example 2: A multi-series 3d bubble charts
103   - else{
104   - var categoryNameDuplicateValue = [];
105   - for (i = 0; i < this.data[0].data.length; i++) {
106   - categoryNameDuplicateValue.push(this.data[3].data[i]);
107   - }
108   - categoryName = categoryNameDuplicateValue.filter(function (itm, i, categoryNameDuplicateValue) {
109   - return i == categoryNameDuplicateValue.indexOf(itm);
110   - });
111   - for (var index = 0; index < categoryName.length; index++) {
112   - for (var i = 0; i < this.data[0].data.length; i++) {
113   - if (this.data[3].data[i] == categoryName[index]) {
114   - Bubble3DArr = [this.data[0].data[i], this.data[1].data[i], parseFloat(this.data[2].data[i])];
115   - dataTmp.push(Bubble3DArr);
116   - //A different color for each series
117   - color = {
118   - fillColor: {
119   - radialGradient: {cx: 0.4, cy: 0.3, r: 0.7},
120   - stops: [
121   - [0, 'rgba(255,255,255,0.5)'],
122   - [1, Highcharts.Color(Highcharts.getOptions().colors[index]).setOpacity(0.5).get('rgba')]
123   - ]
124   - }
125   - }
126   - }
127   - }
128   - //add data to the series
129   - bubble3DSeriesData = {
130   - name: "Series: " + categoryName[index],
131   - data: dataTmp,
132   - marker: color
133   - }
134   -
135   - b3dserie.push(bubble3DSeriesData);
136   - dataTmp = [];
137   - }
138   - }
139   - $(this._component.$.charts.$.container).highcharts({
140   - chart: {
141   - type: 'bubble',
142   - plotBorderWidth: 1,
143   - zoomType: 'xy'
144   - },
145   -
146   - legend: {
147   - enabled: true
148   - },
149   -
150   - title: {
151   - text: "" + this._component.title
152   - },
153   - xAxis: {
154   - categories: this.properties.categories.value,
155   - title: {
156   - text: this._component.xAxisLabel
157   - }
158   - },
159   -
160   - yAxis: {
161   - categories: this.properties.categories.value,
162   - title: {
163   - text: this._component.yAxisLabel
164   - }
165   - },
166   - title: {
167   - text: this._component.title
168   - },
169   - subtitle: {
170   - text: this._component.title
171   - },
172   - //A custom tooltip
173   - tooltip: {
174   - shared: true,
175   - useHTML: true,
176   - headerFormat:
177   - '<table ><tr><td style="color: {series.color}">{series.name}</td></tr>' +
178   - '<tr><td <b> {point.key}</b> , <b>{point.y}</b></tr>',
179   - pointFormat:
180   - '<td style="text-align: right"><b>{point.z}</b></td></tr>',
181   - footerFormat: '</table>',
182   - followPointer: true
183   - },
184   - plotOptions: {
185   - series: {
186   - dataLabels: {
187   - enabled: false, //enable for label for each bubble
188   - format: '{point.z}'
189   - }
190   - }
191   - },
192   - //hide link HighChart
193   - credits: {
194   - enabled: false
195   - },
196   - series: b3dserie
197   - });
198   - }
199   - };
200   - /**
201   - * Element registration
202   - */
203   - Bubble3dDatalet = Polymer({
204   - is: 'bubble3d-datalet',
205   - properties: {
206   - /**
207   - * It's the label for X axis
208   - *
209   - * @attribute xAxisLabel
210   - * @type String
211   - * @default ''
212   - */
213   - xAxisLabel: {
214   - type: String,
215   - value: ""
216   - },
217   - /**
218   - * It's the label for Y axis
219   - *
220   - * @attribute yAxisLabel
221   - * @type String
222   - * @default ''
223   - */
224   - yAxisLabel: {
225   - type: String,
226   - value: ""
227   - },
228   - /**
229   - * It's the component behavior
230   - *
231   - * @attribute behavior
232   - * @type Object
233   - * @default {}
234   - */
235   - behavior : {
236   - type : Object,
237   - value : {}
238   - }
239   - },
240   - /**
241   - * 'ready' callback extend the Bubble3dBehavior with HighchartsComponentBehavior and Bubble3dBehavior
242   - * and run the Datalet workcycle.
243   - *
244   - * @method ready
245   - */
246   - ready: function(){
247   - this.behavior = $.extend(true, {}, HighchartsComponentBehavior, Bubble3dBehavior);
248   - this.async(function(){this.behavior.init(this)},0);
249   - }
250   - });
251   - </script>
252   -</dom-module>
253 0 \ No newline at end of file
datalets/bubble3d-datalet/bubble3d-datalet.png deleted

15.8 KB

datalets/bubble3d-datalet/bubble3d-datalet.xml deleted
1   -<component>
2   - <name>bubble3d-datalet</name>
3   - <attributes>
4   - <attribute>
5   - <name>data-url</name>
6   - </attribute>
7   - <attribute>
8   - <name>fields</name>
9   - </attribute>
10   - </attributes>
11   - <idm>
12   - <inputs>
13   - <input>
14   - <name>Categories</name>
15   - <description>The chart categories. Its values will be put in the horizontal axis. You need one value for each series.</description>
16   - <scale>nominal</scale>
17   - <role>domain</role>
18   - <selection>11</selection>
19   - </input>
20   - <input>
21   - <name>Y values</name>
22   - <description>The chart plots y values. Its values will be put in the vertical axis.</description>
23   - <scale>nominal</scale>
24   - <role>domain</role>
25   - <selection>11</selection>
26   - </input>
27   - <input>
28   - <name>Z values</name>
29   - <description>The chart plots z value. Its values represent the size of the bubble.</description>
30   - <scale>nominal</scale>
31   - <role>domain</role>
32   - <selection>11</selection>
33   - </input>
34   - <input>
35   - <name>Series</name>
36   - <description>The chart series. Its values visualize multi- series bubbles chart.</description>
37   - <scale>nominal</scale>
38   - <role>domain</role>
39   - <selection>11</selection>
40   - </input>
41   - <layouts>
42   - <input>
43   - <name>title</name>
44   - <description>The label for the title of the chart</description>
45   - </input>
46   - <input>
47   - <name>x-axis-label</name>
48   - <description>The label for the X axis</description>
49   - </input>
50   - <input>
51   - <name>y-axis-label</name>
52   - <description>The label for the Y axis</description>
53   - </input>
54   - <input>
55   - <name>suffix</name>
56   - <description>The values suffix(eg units, dollars, euro, ...)</description>
57   - </input>
58   - <input>
59   - <name>comment</name>
60   - <description>The values suffix(eg units, dollars, euro, ...)</description>
61   - </input>
62   - </layouts>
63   - </inputs>
64   - </idm>
65   -</component>
66 0 \ No newline at end of file
datalets/bubble3d-datalet/demo/index.html deleted
1   -<!DOCTYPE html>
2   -<html lang="en">
3   -<head>
4   - <meta charset="UTF-8">
5   - <title></title>
6   -
7   - <script>
8   - </script>
9   -
10   -</head>
11   -<body>
12   -
13   -<script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
14   -<link rel="import" href="../bubble3d-datalet.html" />
15   -<bubble3d-datalet data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=0cb600fc-19ad-4aaf-9794-1e6ea851840a"
16   - fields='["result,records,risorsa","result,records,capitolo","result,records,movimento", "result,records,categoria"]'></bubble3d-datalet>
17   -
18   -</body>
19   -</html>
datalets/bubble3d-datalet/docs.html deleted
1   -<!DOCTYPE html>
2   -<html lang="en">
3   -<head>
4   - <link rel="import" href="../../bower_components/iron-component-page/iron-component-page.html">
5   - <meta charset="UTF-8">
6   -</head>
7   -<body>
8   -
9   -<iron-component-page src="bubble3d-datalet.html"></iron-component-page>
10   -
11   -</body>
12   -</html>
13 0 \ No newline at end of file
datalets/bubblechart-datalet/bubblechart-datalet.png 100755 → 100644

11.9 KB | W: | H:

790 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
datalets/column3Dchart-datalet/column3Dchart-datalet.html deleted
1   -<!--
2   -@license
3   - The MIT License (MIT)
4   -
5   - Copyright (c) 2015 Dipartimento di Informatica - Universit� di Salerno - Italy
6   -
7   - Permission is hereby granted, free of charge, to any person obtaining a copy
8   - of this software and associated documentation files (the "Software"), to deal
9   - in the Software without restriction, including without limitation the rights
10   - to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
11   - copies of the Software, and to permit persons to whom the Software is
12   - furnished to do so, subject to the following conditions:
13   -
14   - The above copyright notice and this permission notice shall be included in
15   - all copies or substantial portions of the Software.
16   -
17   - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
18   - IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
19   - FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
20   - AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
21   - LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
22   - OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
23   - THE SOFTWARE.
24   --->
25   -
26   -<!--
27   -* Developed by :
28   -* ROUTE-TO-PA Project - grant No 645860. - www.routetopa.eu
29   -*
30   --->
31   -
32   -
33   -<link rel="import" href="../highcharts-datalet/highcharts-datalet.html">
34   -<script src="http://code.highcharts.com/highcharts-3d.js"></script>
35   -
36   -
37   -<!--
38   -
39   -`column3Dchart-datalet` is a column3Dchart datalet based on highcharts project <http://www.highcharts.com/>
40   -
41   -Example:
42   -
43   - <column3dchart-datalet
44   - data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=#"
45   - fields='["field1","field2"]'>
46   - </column3dchart-datalet>
47   -
48   -@element column3Dchart-datalet
49   -@status v0.1
50   -@demo demo/index.html
51   -@group datalets
52   --->
53   -
54   -
55   -<dom-module name="column3Dchart-datalet">
56   -
57   - <template>
58   - <table>
59   - <tr><td>Alpha Angle</td><td><input id="R0" type="range" min="0" max="45" value="15"/> <span id="R0-value" class="value"></span></td></tr>
60   - <tr><td>Beta Angle</td><td><input id="R1" type="range" min="0" max="45" value="15"/> <span id="R1-value" class="value"></span></td></tr>
61   - </table>
62   - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
63   - </template>
64   -
65   - <script>
66   -
67   - var chart = null;
68   -
69   - var column3DchartBehavior = {
70   -
71   - /**
72   - * Bluid Highchart object
73   - *
74   - * @method transformData
75   - */
76   - presentData: function(){
77   - chart = new Highcharts.Chart({
78   - chart: {
79   - renderTo: this._component.$.charts.$.container,
80   - borderColor: '#EBBA95',
81   - borderWidth: 2,
82   - zoomType : 'xy',
83   - type: 'line',
84   - type: 'column',
85   - margin: 75,
86   - options3d: {
87   - enabled: true,
88   - alpha: 15,
89   - beta: 15,
90   - depth: 50,
91   - viewDistance: 25
92   - }
93   - },
94   - title: {
95   - text: this._component.title
96   - },
97   - xAxis: {
98   - categories: this.properties.categories.value,
99   - title: {
100   - text: this._component.xAxislabel
101   - }
102   - },
103   - title: {
104   - text: this.properties.title
105   - },
106   - subtitle: {
107   - text: this._component.title
108   - },
109   - plotOptions: {
110   - column: {
111   - depth: 25
112   - }
113   - },
114   -
115   - series: this.properties.series.value
116   - });
117   -
118   - // Activate the sliders
119   - $('#R0').on('change', function () {
120   - chart.options.chart.options3d.alpha = this.value;
121   - chart.redraw(false);
122   - });
123   -
124   - $('#R1').on('change', function () {
125   - chart.options.chart.options3d.beta = this.value;
126   - chart.redraw(false);
127   - });
128   - }
129   - };
130   -
131   - //element registration
132   - column3DchartDatalet = Polymer({
133   - is: 'column3Dchart-datalet',
134   -
135   - properties: {
136   - /**
137   - * It's the label for X axis
138   - *
139   - * @attribute xAxisLabel
140   - * @type String
141   - * @default ''
142   - */
143   - xAxisLabel: {
144   - type: String,
145   - value: ""
146   - },
147   - /**
148   - * It's the label for Y axis
149   - *
150   - * @attribute yAxisLabel
151   - * @type String
152   - * @default ''
153   - */
154   - yAxisLabel: {
155   - type: String,
156   - value: ""
157   - },
158   - /**
159   - * It's the component behavior
160   - *
161   - * @attribute behavior
162   - * @type Object
163   - * @default {}
164   - */
165   - behavior : {
166   - type : Object,
167   - value : {}
168   - }
169   - },
170   -
171   - /**
172   - * 'ready' callback extend the column3DchartComponentBehavior with HighchartsComponentBehavior and column3DchartBehavior
173   - * and run the Datalet workcycle.
174   - *
175   - * @method ready
176   - */
177   - ready: function(){
178   - this.behavior = $.extend(true, {}, HighchartsComponentBehavior, column3DchartBehavior);
179   - this.async(function(){this.behavior.init(this)},0);
180   - }
181   - });
182   - </script>
183   -</dom-module>
184 0 \ No newline at end of file
datalets/column3Dchart-datalet/column3Dchart-datalet.png deleted

99 KB

datalets/column3Dchart-datalet/demo/index.html deleted
1   -<!DOCTYPE html>
2   -<html lang="en">
3   -<head>
4   - <meta charset="UTF-8">
5   - <title></title>
6   -
7   - <script>
8   - </script>
9   -
10   -</head>
11   -<body>
12   -
13   -<script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
14   -<link rel="import" href="../column3Dchart-datalet.html" />
15   -
16   -<column3Dchart-datalet data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=73e02092-85a1-434e-85fe-0c9a43aa9a52&amp;limit=10000"
17   - fields='["result,records,Lat","result,records,Lng"]'></column3Dchart-datalet>
18   -
19   -</body>
20   -</html>
21 0 \ No newline at end of file
datalets/column3Dchart-datalet/docs.html deleted
1   -<!DOCTYPE html>
2   -<html lang="en">
3   -<head>
4   - <link rel="import" href="../../bower_components/iron-component-page/iron-component-page.html">
5   - <meta charset="UTF-8">
6   -</head>
7   -<body>
8   -
9   -<iron-component-page src="column3Dchart-datalet.html"></iron-component-page>
10   -
11   -</body>
12   -</html>
13 0 \ No newline at end of file
datalets/columnchart-datalet/columnchart-datalet.html
... ... @@ -82,10 +82,6 @@ Example:
82 82 min: 0,
83 83 title: {
84 84 text: this._component.yAxisLabel,
85   - align: 'high'
86   - },
87   - labels: {
88   - overflow: 'justify'
89 85 }
90 86 },
91 87 // tooltip: {
... ...
datalets/columnchart_stacked-datalet/columnchart_stacked-datalet.html
... ... @@ -73,13 +73,13 @@ Example:
73 73 xAxis: {
74 74 categories: this.properties.categories.value,
75 75 title: {
76   - text: this._component.yAxisLabel
  76 + text: this._component.xAxisLabel
77 77 }
78 78 },
79 79 yAxis: {
80 80 min: 0,
81 81 title: {
82   - text: this._component.xAxisLabel,
  82 + text: this._component.yAxisLabel,
83 83 },
84 84 },
85 85 tooltip: {
... ...
datalets/datasetexplorer-datalet/js/buildtreemap2.js
... ... @@ -50,6 +50,7 @@ function build2(root, meta, place_holder, select_listener, width, height) {
50 50 var data = ["top", "", "#000000", "", "", "", ""];
51 51 //data[3] = OW.getLanguageText('ode', 'back');
52 52 data[3] = datasetexplorer_ln["ode+back_"+datasetexplorer_ln["ln"]];
  53 + /*error*/data[3] = "<< Click to navigate back to the top level.";
53 54  
54 55 return "showTooltip(evt, '" + data + "')";
55 56 })
... ...
datalets/datatable-datalet/js/DataTables/datatables.css
... ... @@ -1722,7 +1722,7 @@ table.dataTable tfoot th.ui-state-default:last-child {
1722 1722 font-weight: normal;
1723 1723 }
1724 1724 .dataTables_wrapper .ui-toolbar {
1725   - padding: 16px;
  1725 + padding: 8px;/*16*/
1726 1726 }
1727 1727 .dataTables_wrapper.no-footer .dataTables_scrollBody {
1728 1728 border-bottom: none;
... ...
datalets/donutpie3dchart-datalet/demo/index.html deleted
1   -<!DOCTYPE html>
2   -<html lang="en">
3   -<head>
4   - <meta charset="UTF-8">
5   - <title></title>
6   -
7   - <script>
8   - </script>
9   -
10   -</head>
11   -<body>
12   -
13   -<script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
14   -<link rel="import" href="../donutpie3dchart-datalet.html" />
15   -<donutpie3dchart-datalet data-url="https://data.issy.com/api/records/1.0/search?dataset=flux-rss-des-offres-demplois-a-issy-les-moulineaux&sort=published&facet=published&refine.published=2015%2F10"
16   - fields='["facet_groups,facets,facets,path","facet_groups,facets,facets,count"]'></donutpie3dchart-datalet>
17   -</body>
18   -</html>
19   -
datalets/donutpie3dchart-datalet/docs.html deleted
1   -<!DOCTYPE html>
2   -<html lang="en">
3   -<head>
4   - <link rel="import" href="../../bower_components/iron-component-page/iron-component-page.html">
5   - <meta charset="UTF-8">
6   -</head>
7   -<body>
8   -
9   -<iron-component-page src="donutpie3dchart-datalet.html"></iron-component-page>
10   -
11   -</body>
12   -</html>
datalets/donutpie3dchart-datalet/donutpie3dchart-datalet.html deleted
1   -<!--
2   -@license
3   - The MIT License (MIT)
4   -
5   - Copyright (c) 2015 Dipartimento di Informatica - Universit� di Salerno - Italy
6   -
7   - Permission is hereby granted, free of charge, to any person obtaining a copy
8   - of this software and associated documentation files (the "Software"), to deal
9   - in the Software without restriction, including without limitation the rights
10   - to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
11   - copies of the Software, and to permit persons to whom the Software is
12   - furnished to do so, subject to the following conditions:
13   -
14   - The above copyright notice and this permission notice shall be included in
15   - all copies or substantial portions of the Software.
16   -
17   - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
18   - IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
19   - FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
20   - AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
21   - LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
22   - OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
23   - THE SOFTWARE.
24   --->
25   -
26   -<!--
27   -* Developed by :
28   -* ROUTE-TO-PA Project - grant No 645860. - www.routetopa.eu
29   -*
30   --->
31   -<link rel="import" href="../../bower_components/polymer/polymer.html">
32   -<link rel="import" href="../highcharts-datalet/highcharts-datalet.html">
33   -<script src="https://code.highcharts.com/highcharts-3d.js"></script>
34   -
35   -
36   -
37   -<!--
38   -`donutpie3dchart-datalet` is a donutpie3dchart datalet based on highcharts project <http://www.highcharts.com/>
39   -
40   -Example:
41   -
42   - <donutpie3dchart-datalet>
43   - data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=#"
44   - fields='["field1","field2"]'>
45   - </donutpie3dchart-datalet>
46   -
47   -@element donut3dchart-datalet
48   -@status v0.1
49   -@demo demo/index.html
50   -@group datalets
51   --->
52   -<dom-module id="donutpie3dchart-datalet">
53   - <template>
54   - <highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" data="{{data}}" title="{{title}}" description="{{description}}"></highcharts-datalet>
55   - </template>
56   - <script>
57   -
58   - var DonutPiechartBehavior = {
59   - /**
60   - * Build Highchart object
61   - *
62   - * @method presentData
63   - */
64   - presentData: function(){
65   -
66   - var DonutPie3DSeries = [{"name": this.data[1].name, "data":[]}];
67   -
68   - for(var i=0; i<this.data[0].data.length; i++)
69   - {
70   - var DonutPie3DArr = [this.data[0].data[i], this.data[1].data[i]];
71   - DonutPie3DSeries[0].data.push(DonutPie3DArr);
72   - }
73   -
74   - //Build Highchart element
75   - $(this._component.$.charts.$.container).highcharts({
76   - chart: {
77   - type: 'pie',
78   - options3d: {
79   - enabled: true,
80   - alpha: 45
81   - }
82   - },
83   - title: {
84   - text: "" + this._component.title
85   - },
86   - plotOptions: {
87   - pie: {
88   - innerSize: 100,
89   - depth: 45,
90   - allowPointSelect: true,
91   - cursor: 'pointer',
92   - dataLabels: {
93   - enabled: true,
94   - formatter: function() {
95   - if (this.point.name.length > 10) {
96   - return this.point.name.substr(0, 10) + "...";
97   - } else {
98   - return this.point.name;
99   - }
100   - }
101   - },
102   - showInLegend: true
103   - }
104   - },
105   - //hide link HighChart
106   - credits: {
107   - enabled: false
108   - },
109   - series: DonutPie3DSeries//this.properties.series.value
110   - });
111   - }
112   - };
113   -
114   -
115   - DonutPiechartDatalet = Polymer({
116   - is: 'donutpie3dchart-datalet',
117   -
118   - properties: {
119   - /**
120   - * It's the component behavior
121   - *
122   - * @attribute behavior
123   - * @type Object
124   - * @default {}
125   - */
126   - behavior : {
127   - type : Object,
128   - value : {}
129   - }
130   - },
131   -
132   - /**
133   - * 'ready' callback extend the DonutPiechartComponentBehavior with HighchartsComponentBehavior and DonutPiechartBehavior
134   - * and run the Datalet workcycle.
135   - *
136   - * @method ready
137   - */
138   - ready: function(){
139   - this.behavior = $.extend(true, {}, HighchartsComponentBehavior, DonutPiechartBehavior);
140   - this.async(function(){this.behavior.init(this)},0);
141   - }
142   - });
143   - </script>
144   -</dom-module>
145 0 \ No newline at end of file
datalets/donutpie3dchart-datalet/donutpie3dchart-datalet.png deleted

26.4 KB

datalets/donutpie3dchart-datalet/donutpie3dchart-datalet.xml deleted
1   -<component>
2   -<name>donutpie3dchart-datalet</name>
3   -<attributes>
4   -<attribute>
5   - <name>data-url</name>
6   -</attribute>
7   -<attribute>
8   - <name>fields</name>
9   -</attribute>
10   -</attributes>
11   -<idm>
12   -<inputs>
13   - <input>
14   - <name>Series</name>
15   - <description>The chart series. Its values will be put on slice of each series.</description>
16   - <scale>nominal</scale>
17   - <role>domain</role>
18   - <selection>11</selection>
19   - </input>
20   - <input>
21   - <name>Size </name>
22   - <description>The size for each series to create a concentric rings</description>
23   - <scale>nominal</scale>
24   - <role>domain</role>
25   - <selection>11</selection>
26   - </input>
27   - <layouts>
28   - <input>
29   - <name>title</name>
30   - <description>The label for the title of the chart</description>
31   - </input>
32   - </layouts>
33