Commit 8d261aa1227a647a43ac7b09c255313a4acbfeb9
1 parent
9a8ed768
creator
Showing
17 changed files
with
787 additions
and
3982 deletions
controllet.html
0 → 100644
1 | +<script type="text/javascript" src="controllets/shared_js/jquery-1.11.2.min.js"></script> | |
2 | +<script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> | |
3 | +<link rel="import" href="controllets/data-sevc-controllet/demo-data-sevc-controllet.html" /> | |
4 | + | |
5 | +<style> | |
6 | + #controllet paper-material { | |
7 | + overflow: hidden; | |
8 | + } | |
9 | +</style> | |
10 | + | |
11 | +<script type="text/javascript"> | |
12 | + $(document).ready(function () { | |
13 | + var datasets = {"result":{ | |
14 | + "providers":{"1":{"title":"CKAN","api_url":"http://ckan.routetopa.eu","image_hash":"11","id":"1"}}, | |
15 | + "datasets":[ | |
16 | + {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"SPOD SUPER HEROES","url":"http:\/\/ckan.routetopa.eu\/\/api/action\/datastore_search?resource_id=642ceea8-711e-4124-b450-0d23010c44e6","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"}, | |
17 | + {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"Wonders of the World","url":"http:\/\/ckan.routetopa.eu\/\/api\/action\/datastore_search?resource_id=1d9c8e62-47ab-40d5-8943-b4c3bca14b50","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"}, | |
18 | + {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"Animal Sounds","url":"http:\/\/ckan.routetopa.eu\/\/api\/action\/datastore_search?resource_id=1d9c8e62-47ab-40d5-8943-b4c3bca14b50","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"} | |
19 | + ]}}; | |
20 | + | |
21 | + var controllet = document.getElementById("controllet"); | |
22 | + controllet.setAttribute("datasets", JSON.stringify(datasets)); | |
23 | + | |
24 | + window.addEventListener("data-sevc-controllet.dataletCreated", function(e){parent.createHTML(e);}); | |
25 | + }); | |
26 | + | |
27 | + //http://ckan.routetopa.eu/api/action/datastore_search?resource_id=1d9c8e62-47ab-40d5-8943-b4c3bca14b50 | |
28 | + | |
29 | +</script> | |
30 | + | |
31 | +<demo-data-sevc-controllet id="controllet" | |
32 | + deep-url="http://172.16.15.38/DEEalerProvider/DEEP/" | |
33 | + datalets-list-url="http://172.16.15.38/DEEalerProvider/DEEP/datalets-list" | |
34 | + > | |
35 | +</demo-data-sevc-controllet> | |
36 | + | |
37 | +<!--datasets='{"result":{"providers":{"1":{"title":"CKAN","api_url":"http:\/\/ckan.routetopa.eu","image_hash":"11","id":"1"}},"datasets":[{"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"EXAMPLE 1","url":"http:\/\/ckan.routetopa.eu\/\/api\/action\/datastore_search?resource_id=642ceea8-711e-4124-b450-0d23010c44e6","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"}, {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"EXAMPLE 2","url":"http:\/\/ckan2.routetopa.eu\/\/api\/action\/datastore_search?resource_id=642ceea8-711e-4124-b450-0d23010c44e6","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"}, {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"EXAMPLE 3","url":"http:\/\/ckan3.routetopa.eu\/\/api\/action\/datastore_search?resource_id=642ceea8-711e-4124-b450-0d23010c44e6","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"}]}}'--> | ... | ... |
controllets/cocreation-paper-card-controllet/cocreation-paper-card-controllet.html
... | ... | @@ -186,10 +186,10 @@ |
186 | 186 | <iron-icon class="icon-to" icon="alarm-off"></iron-icon> {{to}} |
187 | 187 | </div> |
188 | 188 | </div> |
189 | - <template is="dom-if" if="{{!checkRoomType(roomType)}}"> | |
189 | + <template is="dom-if" if="{{!_checkRoomType(roomType)}}"> | |
190 | 190 | <paper-fab mini icon="assessment" class="assessment" noink></paper-fab> |
191 | 191 | </template> |
192 | - <template is="dom-if" if="{{checkRoomType(roomType)}}"> | |
192 | + <template is="dom-if" if="{{_checkRoomType(roomType)}}"> | |
193 | 193 | <paper-fab mini icon="description" class="description" noink></paper-fab> |
194 | 194 | </template> |
195 | 195 | </div> |
... | ... | @@ -274,15 +274,15 @@ |
274 | 274 | this.$.explore.innerHTML = cocreation_room_ln["explore_" + cocreation_room_ln["ln"]]; |
275 | 275 | }, |
276 | 276 | |
277 | - _handleDeleteClick: function(e){ | |
277 | + _handleDeleteClick: function(){ | |
278 | 278 | this.fire("cocreation-paper-card-controllet_delete", {roomId: this.roomId}); |
279 | 279 | }, |
280 | 280 | |
281 | - _onExplore: function(e){ | |
281 | + _onExplore: function(){ | |
282 | 282 | window.location = this.roomUrl; |
283 | 283 | }, |
284 | 284 | |
285 | - checkRoomType: function(type){ | |
285 | + _checkRoomType: function(type){ | |
286 | 286 | return (type == "knowledge") ? true : false; |
287 | 287 | } |
288 | 288 | }) | ... | ... |
controllets/data-sevc-controllet/data-sevc-controllet_old.html deleted
1 | -<script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script> | |
2 | -<link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css"> | |
3 | - | |
4 | -<script src="../../locales/controllet_ln.js"></script> | |
5 | - | |
6 | -<link rel="import" href="../../bower_components/polymer/polymer.html"> | |
7 | - | |
8 | -<link rel="import" href="../page-slider-controllet/page-slider-controllet.html"> | |
9 | - | |
10 | -<link rel="import" href="../select-dataset-controllet/select-dataset-controllet.html"> | |
11 | -<link rel="import" href="../select-data-controllet/select-data-controllet.html" /> | |
12 | -<link rel="import" href="../select-visualization-controllet/select-visualization-controllet.html" /> | |
13 | - | |
14 | -<dom-module id="data-sevc-controllet"> | |
15 | - | |
16 | - <template> | |
17 | - | |
18 | - <page-slider-controllet id="slider"> | |
19 | - | |
20 | - <neon-animatable> | |
21 | - | |
22 | - <template is="dom-if" if={{!modify}}> | |
23 | - <select-dataset-controllet id="select_dataset" data={{data}} datasets={{datasets}} suggested-datasets={{suggestedDatasets}}></select-dataset-controllet> | |
24 | - </template> | |
25 | - | |
26 | - </neon-animatable> | |
27 | - | |
28 | - <neon-animatable> | |
29 | - | |
30 | - <select-data-controllet id="select_data" data-url={{dataUrl}} preselected-fields={{selectedFields}} datalet-preset="{{dataletPreset}}"></select-data-controllet> | |
31 | - | |
32 | - </neon-animatable> | |
33 | - | |
34 | - <neon-animatable> | |
35 | - | |
36 | - <select-visualization-controllet id="select_visualization" deep-url={{deepUrl}} datalets-list-url={{dataletsListUrl}} data-url={{dataUrl}} preselected-datalet={{selectedDatalet}} datalet-preset={{dataletPreset}}></select-visualization-controllet> | |
37 | - | |
38 | - </neon-animatable> | |
39 | - | |
40 | - </page-slider-controllet> | |
41 | - | |
42 | - </template> | |
43 | - | |
44 | - <script> | |
45 | - | |
46 | - Polymer({ | |
47 | - | |
48 | - is : 'data-sevc-controllet', | |
49 | - | |
50 | - listeners : { | |
51 | - 'page-slider-controllet_selected' : '_updateSlider', | |
52 | - 'dataset-selection-controllet_data-url' : '_allowSecondStep', | |
53 | - 'tree-view-controllet_selected-fields' : '_allowThirdStep' | |
54 | - }, | |
55 | - | |
56 | - properties : { | |
57 | - | |
58 | - deepUrl : { | |
59 | - type : String, | |
60 | - value : undefined | |
61 | - }, | |
62 | - | |
63 | - dataletsListUrl : { | |
64 | - type : String , | |
65 | - value : undefined | |
66 | - }, | |
67 | - | |
68 | - datasets : { | |
69 | - type : Array, | |
70 | - value : undefined | |
71 | - }, | |
72 | - | |
73 | - suggestedDatasets : { | |
74 | - type : Array, | |
75 | - value : undefined | |
76 | - }, | |
77 | - | |
78 | - dataUrl : { | |
79 | - type : String, | |
80 | - value : undefined | |
81 | - }, | |
82 | - | |
83 | - jsonData : { | |
84 | - type : Object, | |
85 | - value : undefined | |
86 | - }, | |
87 | - | |
88 | - modify : { | |
89 | - type : Boolean, | |
90 | - value : false | |
91 | - }, | |
92 | - | |
93 | - selectedDatalet : { | |
94 | - type : String, | |
95 | - value : undefined | |
96 | - }, | |
97 | - | |
98 | - selectedFields : { | |
99 | - type : Array, | |
100 | - value : [] | |
101 | - }, | |
102 | - | |
103 | - dataletPreset : { | |
104 | - type : Object, | |
105 | - value : [] | |
106 | - }, | |
107 | - | |
108 | - localization : { | |
109 | - type : String, | |
110 | - value : "en" | |
111 | - } | |
112 | - | |
113 | - }, | |
114 | - | |
115 | - ready : function(){ | |
116 | - if(this.selectedDatalet){ | |
117 | - this.modify = true; | |
118 | - this.$.slider.selected = 1; | |
119 | - this.dataUrl = this.dataletPreset["data-url"]; | |
120 | - } | |
121 | - ln["localization"] = this.localization; | |
122 | - }, | |
123 | - | |
124 | - _updateSlider : function(e){ | |
125 | - switch (e.detail.selected) { | |
126 | - case 0: | |
127 | - slider.setTitle(ln["slide1Title_" + this.localization], ln["slide1Subtitle_" + this.localization]); | |
128 | - slider.chevronLeft("invisible"); | |
129 | - slider.chevronRight(false); | |
130 | - if(slider.getPrevSelected() == 1) | |
131 | - slider.chevronRight(true); | |
132 | - break; | |
133 | - case 1: | |
134 | - slider.setTitle(ln["slide2Title_" + this.localization], ln["slide2Subtitle_" + this.localization]); | |
135 | - if(this.modify){ | |
136 | - slider.chevronLeft("invisible"); | |
137 | - } | |
138 | - else{ | |
139 | - slider.chevronLeft(true); | |
140 | - } | |
141 | - slider.chevronRight(false); | |
142 | - this._allowThirdStep({detail: {fields: select_data.getSelectedFields()}}); | |
143 | - if(this.modify){ | |
144 | - this.$.select_visualization.setFields(select_data.getSelectedFields()); | |
145 | - this.$.select_visualization.setFilters(select_data.getFilters()); | |
146 | - } | |
147 | - break; | |
148 | - case 2: | |
149 | - slider.setTitle(ln["slide3Title_" + this.localization], ln["slide3Subtitle_" + this.localization]); | |
150 | - slider.chevronLeft(true); | |
151 | - slider.chevronRight("invisible"); | |
152 | - | |
153 | - this.$.select_visualization.setFields(select_data.getSelectedFields()); | |
154 | - this.$.select_visualization.setFilters(select_data.getFilters()); | |
155 | - if(this.modify) { | |
156 | - this.$.select_visualization.show();//resize | |
157 | - } | |
158 | - } | |
159 | - }, | |
160 | - | |
161 | - _allowSecondStep : function(e){ | |
162 | - if(e.detail.url == "") { | |
163 | - slider.chevronRight(false); | |
164 | - select_dataset.$.selected_url.invalid = false; | |
165 | - return; | |
166 | - } | |
167 | - | |
168 | - this.dataUrl = e.detail.url; | |
169 | - | |
170 | - var that = this; | |
171 | - | |
172 | - $.ajax({ | |
173 | - url: e.detail.url, | |
174 | - dataType: "json", | |
175 | - success: function(data){ | |
176 | -// this.dataUrl = e.detail.url | |
177 | -// this.jsonData = JSON.stringify(data); | |
178 | - slider.chevronRight(true); | |
179 | - select_dataset.$.selected_url.invalid = false; | |
180 | - | |
181 | - that.$.select_data._init(); | |
182 | - }, | |
183 | - error: function(){ | |
184 | -// this.jsonData = undefined; | |
185 | - slider.chevronRight(false); | |
186 | - select_dataset.$.selected_url.invalid = true; | |
187 | - | |
188 | - that.$.select_data._reset(); | |
189 | - } | |
190 | - }); | |
191 | - | |
192 | - //NOT HERE ma quando VADO al secondo passo e l'url è cambiato | |
193 | -// this.$.select_data._init(); | |
194 | - this.$.select_visualization.reset(); | |
195 | - }, | |
196 | - | |
197 | - _allowThirdStep : function(e){ | |
198 | - if(e.detail.fields.length > 0) | |
199 | - slider.chevronRight(true); | |
200 | - else | |
201 | - slider.chevronRight(false); | |
202 | - | |
203 | - //this.$.select_visualization.reset(); | |
204 | - } | |
205 | - | |
206 | - }); | |
207 | - | |
208 | - </script> | |
209 | - | |
210 | -</dom-module> | |
211 | 0 | \ No newline at end of file |
controllets/data-sevc-controllet/datalets-modifier-controllet.html deleted
1 | -<script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script> | |
2 | -<link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css"> | |
3 | - | |
4 | -<script src="../../locales/controllet_ln.js"></script> | |
5 | - | |
6 | -<link rel="import" href="../../bower_components/polymer/polymer.html"> | |
7 | - | |
8 | -<link rel="import" href="../page-slider-controllet/page-slider-controllet.html"> | |
9 | - | |
10 | -<link rel="import" href="../select-data-controllet/select-data-controllet.html" /> | |
11 | -<link rel="import" href="../select-visualization-controllet/select-visualization-controllet.html" /> | |
12 | - | |
13 | -<dom-module id="datalets-modifier-controllet"> | |
14 | - | |
15 | - <template> | |
16 | - | |
17 | - <page-slider-controllet id="slider"> | |
18 | - | |
19 | - <neon-animatable> | |
20 | - | |
21 | - <select-data-controllet id="select_data"></select-data-controllet> | |
22 | - | |
23 | - </neon-animatable> | |
24 | - | |
25 | - <neon-animatable> | |
26 | - | |
27 | - <select-visualization-controllet id="select_visualization" deep-url={{deepUrl}} datalets-list-url={{dataletsListUrl}}></select-visualization-controllet> | |
28 | - | |
29 | - </neon-animatable> | |
30 | - | |
31 | - </page-slider-controllet> | |
32 | - | |
33 | - </template> | |
34 | - | |
35 | - <script> | |
36 | - | |
37 | - Polymer({ | |
38 | - | |
39 | - is : 'datalets-modifier-controllet', | |
40 | - | |
41 | - listeners : { | |
42 | - 'page-slider-controllet_selected' : '_updateSlider', | |
43 | - 'dataset-selection-controllet_data-url' : '_allowSecondStep', | |
44 | - 'tree-view-controllet_selected-fields' : '_allowThirdStep' | |
45 | - }, | |
46 | - | |
47 | - properties : { | |
48 | -// dataUrl : { | |
49 | -// type : String, | |
50 | -// value : undefined | |
51 | -// }, | |
52 | - | |
53 | - preselectedDatalet : { //datalet | |
54 | - type : String, | |
55 | - value : undefined | |
56 | - }, | |
57 | - | |
58 | - preselectedFields : { //fields | |
59 | - type : Array, | |
60 | - value : undefined | |
61 | - }, | |
62 | - | |
63 | - dataletPreset : { //params | |
64 | - type : String, | |
65 | - value : undefined | |
66 | - }, | |
67 | - | |
68 | - deepUrl : { | |
69 | - type : String, | |
70 | - value : undefined | |
71 | - }, | |
72 | - | |
73 | - dataletsListUrl : { | |
74 | - type : String , | |
75 | - value : undefined | |
76 | - }, | |
77 | - | |
78 | - localization : { | |
79 | - type : String, | |
80 | - value : "en" | |
81 | - } | |
82 | - | |
83 | - }, | |
84 | - | |
85 | - ready : function(){ | |
86 | - if(this.selectedDatalet){ | |
87 | - this.modify = true; | |
88 | - this.$.slider.selected = 1; | |
89 | - this.dataUrl = this.dataletPreset["data-url"]; | |
90 | - } | |
91 | - ln["localization"] = this.localization; | |
92 | - }, | |
93 | - | |
94 | - _updateSlider : function(e){ | |
95 | - switch (e.detail.selected) { | |
96 | - case 0: | |
97 | - slider.setTitle(ln["slide1Title_" + this.localization], ln["slide1Subtitle_" + this.localization]); | |
98 | - slider.chevronLeft("invisible"); | |
99 | - slider.chevronRight(false); | |
100 | - if(slider.getPrevSelected() == 1) | |
101 | - slider.chevronRight(true); | |
102 | - break; | |
103 | - case 1: | |
104 | - slider.setTitle(ln["slide2Title_" + this.localization], ln["slide2Subtitle_" + this.localization]); | |
105 | - if(this.modify){ | |
106 | - slider.chevronLeft("invisible"); | |
107 | - } | |
108 | - else{ | |
109 | - slider.chevronLeft(true); | |
110 | - } | |
111 | - slider.chevronRight(false); | |
112 | - this._allowThirdStep({detail: {fields: select_data.getSelectedFields()}}); | |
113 | - if(this.modify){ | |
114 | - this.$.select_visualization.setFields(select_data.getSelectedFields()); | |
115 | - this.$.select_visualization.setFilters(select_data.getFilters()); | |
116 | - } | |
117 | - break; | |
118 | - case 2: | |
119 | - slider.setTitle(ln["slide3Title_" + this.localization], ln["slide3Subtitle_" + this.localization]); | |
120 | - slider.chevronLeft(true); | |
121 | - slider.chevronRight("invisible"); | |
122 | - | |
123 | - this.$.select_visualization.setFields(select_data.getSelectedFields()); | |
124 | - this.$.select_visualization.setFilters(select_data.getFilters()); | |
125 | - if(this.modify) { | |
126 | - this.$.select_visualization.show();//resize | |
127 | - } | |
128 | - } | |
129 | - }, | |
130 | - | |
131 | - _allowSecondStep : function(e){ | |
132 | - if(e.detail.url == "") { | |
133 | - slider.chevronRight(false); | |
134 | - select_dataset.$.selected_url.invalid = false; | |
135 | - return; | |
136 | - } | |
137 | - | |
138 | - this.dataUrl = e.detail.url; | |
139 | - | |
140 | - var that = this; | |
141 | - | |
142 | - $.ajax({ | |
143 | - url: e.detail.url, | |
144 | - dataType: "json", | |
145 | - success: function(data){ | |
146 | -// this.dataUrl = e.detail.url | |
147 | -// this.jsonData = JSON.stringify(data); | |
148 | - slider.chevronRight(true); | |
149 | - select_dataset.$.selected_url.invalid = false; | |
150 | - | |
151 | - that.$.select_data._init(); | |
152 | - }, | |
153 | - error: function(){ | |
154 | -// this.jsonData = undefined; | |
155 | - slider.chevronRight(false); | |
156 | - select_dataset.$.selected_url.invalid = true; | |
157 | - | |
158 | - that.$.select_data._reset(); | |
159 | - } | |
160 | - }); | |
161 | - | |
162 | - //NOT HERE ma quando VADO al secondo passo e l'url è cambiato | |
163 | -// this.$.select_data._init(); | |
164 | - this.$.select_visualization.reset(); | |
165 | - }, | |
166 | - | |
167 | - _allowThirdStep : function(e){ | |
168 | - if(e.detail.fields.length > 0) | |
169 | - slider.chevronRight(true); | |
170 | - else | |
171 | - slider.chevronRight(false); | |
172 | - | |
173 | - //this.$.select_visualization.reset(); | |
174 | - } | |
175 | - | |
176 | - }); | |
177 | - | |
178 | - </script> | |
179 | - | |
180 | -</dom-module> | |
181 | 0 | \ No newline at end of file |
controllets/data-sevc-controllet/demo-data-sevc-controllet.html
0 → 100644
1 | +<script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script> | |
2 | +<link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css"> | |
3 | + | |
4 | +<script src="../../locales/controllet_ln.js"></script> | |
5 | + | |
6 | +<link rel="import" href="../../bower_components/polymer/polymer.html"> | |
7 | + | |
8 | +<link rel="import" href="../page-slider-controllet/page-slider-controllet.html"> | |
9 | + | |
10 | +<link rel="import" href="../select-dataset-controllet/demo-select-dataset-controllet.html"> | |
11 | +<link rel="import" href="../select-data-controllet/select-data-controllet.html" /> | |
12 | +<link rel="import" href="../select-visualization-controllet/select-visualization-controllet.html" /> | |
13 | + | |
14 | +<dom-module id="demo-data-sevc-controllet"> | |
15 | + | |
16 | + <template> | |
17 | + | |
18 | + <page-slider-controllet id="slider"> | |
19 | + | |
20 | + <neon-animatable> | |
21 | + | |
22 | + <demo-select-dataset-controllet id="select_dataset" datasets={{datasets}} suggested-datasets={{suggestedDatasets}}></demo-select-dataset-controllet> | |
23 | + | |
24 | + </neon-animatable> | |
25 | + | |
26 | + <neon-animatable> | |
27 | + | |
28 | + <select-data-controllet id="select_data"></select-data-controllet> | |
29 | + | |
30 | + </neon-animatable> | |
31 | + | |
32 | + <neon-animatable> | |
33 | + | |
34 | + <select-visualization-controllet id="select_visualization" deep-url={{deepUrl}} datalets-list-url={{dataletsListUrl}}></select-visualization-controllet> | |
35 | + | |
36 | + </neon-animatable> | |
37 | + | |
38 | + </page-slider-controllet> | |
39 | + | |
40 | + </template> | |
41 | + | |
42 | + <script> | |
43 | + | |
44 | + Polymer({ | |
45 | + | |
46 | + is : 'demo-data-sevc-controllet', | |
47 | + | |
48 | + listeners : { | |
49 | + 'page-slider-controllet_selected' : '_updateSlider', | |
50 | + 'select-dataset-controllet_data-url' : '_allowSecondStep', | |
51 | + 'select-fields-controllet_selected-fields' : '_allowThirdStep', | |
52 | + 'filters-controllet_filters': '_allowThirdStep', | |
53 | + 'aggregators-controllet_aggregators': '_allowThirdStep', | |
54 | + 'data-ready': '_dataReady' | |
55 | + }, | |
56 | + | |
57 | + properties : { | |
58 | + | |
59 | + datasets : { | |
60 | + type : Object, | |
61 | + value : undefined | |
62 | + }, | |
63 | + | |
64 | + suggestedDatasets : { | |
65 | + type : Array, | |
66 | + value : undefined | |
67 | + }, | |
68 | + | |
69 | + deepUrl : { | |
70 | + type : String, | |
71 | + value : undefined | |
72 | + }, | |
73 | + | |
74 | + dataletsListUrl : { | |
75 | + type : String , | |
76 | + value : undefined | |
77 | + }, | |
78 | + | |
79 | + localization : { | |
80 | + type : String, | |
81 | + value : "en" | |
82 | + } | |
83 | + | |
84 | + }, | |
85 | + | |
86 | + ready : function(){ | |
87 | + ln["localization"] = this.localization; | |
88 | + }, | |
89 | + | |
90 | + _updateSlider : function(e){ | |
91 | + switch (e.detail.selected) { | |
92 | + case 0: | |
93 | + this.$.slider.setTitle(ln["slide1Title_" + this.localization], ln["slide1Subtitle_" + this.localization]); | |
94 | + | |
95 | + this.$.slider.chevronLeft("invisible"); | |
96 | + this.$.slider.chevronRight(false); | |
97 | + | |
98 | + if(this.$.slider.getPrevSelected() == 1) | |
99 | + this.$.slider.chevronRight(true); | |
100 | + break; | |
101 | + case 1: | |
102 | + this.$.slider.setTitle(ln["slide2Title_" + this.localization], ln["slide2Subtitle_" + this.localization]); | |
103 | + | |
104 | + this.$.slider.chevronLeft(true); | |
105 | + this.$.slider.chevronRight(false); | |
106 | + | |
107 | + if(this.$.slider.getPrevSelected() == 2) | |
108 | + this.$.slider.chevronRight(true); | |
109 | + break; | |
110 | + case 2: | |
111 | + this.$.slider.setTitle(ln["slide3Title_" + this.localization], ln["slide3Subtitle_" + this.localization]); | |
112 | + | |
113 | + this.$.slider.chevronLeft(true); | |
114 | + this.$.slider.chevronRight("invisible"); | |
115 | + } | |
116 | + }, | |
117 | + | |
118 | + _allowSecondStep : function(e){ | |
119 | + this.$.slider.chevronRight(false); | |
120 | + | |
121 | + var f = Object.create(providerFactory); | |
122 | + var provider = f.getProvider(e.detail.url); | |
123 | + var dataUrl = provider.addLimit(e.detail.url); | |
124 | + | |
125 | + this.$.select_data.dataUrl = dataUrl; | |
126 | + this.$.select_data.init(); | |
127 | + this.$.select_visualization.dataUrl = dataUrl; | |
128 | + this.$.select_visualization.init(); | |
129 | + }, | |
130 | + | |
131 | + _dataReady : function(e){ | |
132 | + if(e.detail.ready) { | |
133 | + this.$.slider.chevronRight(true); | |
134 | + this.$.select_dataset.$.selected_url.invalid = false; | |
135 | + } | |
136 | + else | |
137 | + this.$.select_dataset.$.selected_url.invalid = true; | |
138 | + | |
139 | + this.$.select_dataset.showDatasetInfo(); | |
140 | + }, | |
141 | + | |
142 | + _allowThirdStep : function(){ | |
143 | + this.$.slider.chevronRight(false); | |
144 | + var selectedFields = this.$.select_data.getSelectedFields(); | |
145 | + var filters = this.$.select_data.getFilters(); | |
146 | + var aggregators = this.$.select_data.getAggregators(); | |
147 | + var data = this.$.select_data.getData(); | |
148 | + if(selectedFields.length > 0) { | |
149 | + this.$.select_visualization.init(); | |
150 | + this.$.select_visualization.setSelectedFields(selectedFields); | |
151 | + this.$.select_visualization.setFilters(filters); | |
152 | + this.$.select_visualization.setAggregators(aggregators); | |
153 | + this.$.select_visualization.setData(data); | |
154 | + this.$.slider.chevronRight(true); | |
155 | + } | |
156 | + } | |
157 | + | |
158 | + }); | |
159 | + | |
160 | + </script> | |
161 | + | |
162 | +</dom-module> | |
0 | 163 | \ No newline at end of file | ... | ... |
controllets/data-sevc-controllet/static/css/reset.css deleted
1 | -::content html { | |
2 | - color: #000; | |
3 | - background: #FFF; | |
4 | -} | |
5 | - | |
6 | -::content body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, | |
7 | -h4, h5, h6, pre, code, form, fieldset, legend, | |
8 | -input, button, textarea, p, blockquote, th, td { | |
9 | - margin: 0; | |
10 | - padding: 0; | |
11 | -} | |
12 | - | |
13 | -::content table { | |
14 | - border-collapse: collapse; | |
15 | - border-spacing: 0; | |
16 | -} | |
17 | - | |
18 | -::content fieldset, img { | |
19 | - border: 0; | |
20 | -} | |
21 | - | |
22 | -::content address, caption, cite, code, dfn, em, strong, | |
23 | -th, var, optgroup { | |
24 | - font-style: inherit; | |
25 | - font-weight: inherit; | |
26 | -} | |
27 | - | |
28 | -::content del, ins { | |
29 | - text-decoration: none; | |
30 | -} | |
31 | - | |
32 | -::content li { | |
33 | - list-style: none; | |
34 | -} | |
35 | - | |
36 | -::content caption, th { | |
37 | - text-align: left; | |
38 | -} | |
39 | - | |
40 | -::content h1, h2, h3, h4, h5, h6 { | |
41 | - font-size: 100%; | |
42 | - font-weight: normal; | |
43 | -} | |
44 | - | |
45 | -::content q:before, q:after { | |
46 | - content: ''; | |
47 | -} | |
48 | - | |
49 | -::content abbr, acronym { | |
50 | - border: 0; | |
51 | - font-variant: normal; | |
52 | -} | |
53 | - | |
54 | -::content sup { | |
55 | - vertical-align: baseline; | |
56 | -} | |
57 | - | |
58 | -::content sub { | |
59 | - vertical-align: baseline; | |
60 | -} | |
61 | - | |
62 | -/*because legend doesn't inherit in IE */ | |
63 | -::content legend { | |
64 | - color: #000; | |
65 | -} | |
66 | - | |
67 | -::content input, button, textarea, select, optgroup, option { | |
68 | - font-family: inherit; | |
69 | - font-size: inherit; | |
70 | - font-style: inherit; | |
71 | - font-weight: inherit; | |
72 | -} | |
73 | - | |
74 | -/*@purpose To enable resizing for IE */ | |
75 | -/*@branch For IE6-Win, IE7-Win */ | |
76 | -::content input, button, textarea, select { | |
77 | - *font-size: 100%; | |
78 | -} | |
79 | 0 | \ No newline at end of file |
controllets/data-sevc-controllet/static/images/UnderConstruction.png deleted
97.5 KB
controllets/data-sevc-controllet/static/images/or.png deleted
733 Bytes
controllets/datalet-selection-controllet/datalet-selection-controllet.html deleted
1 | -<link rel="import" href="../../bower_components/polymer/polymer.html" /> | |
2 | - | |
3 | -<link rel="import" href="../../bower_components/paper-material/paper-material.html" /> | |
4 | - | |
5 | -<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html"> | |
6 | -<link rel="import" href="../../bower_components/paper-menu/paper-menu.html"> | |
7 | -<link rel="import" href="../../bower_components/paper-item/paper-item.html"> | |
8 | - | |
9 | -<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html"> | |
10 | -<link rel="import" href="../../bower_components/iron-icons/iron-icons.html"> | |
11 | -<link rel="import" href="../../bower_components/iron-icon/iron-icon.html"> | |
12 | - | |
13 | -<link rel="import" href="../../bower_components/paper-input/paper-textarea.html"> | |
14 | -<link rel="import" href="../../bower_components/paper-input/paper-input.html"> | |
15 | - | |
16 | -<link rel="import" href="../../bower_components/paper-button/paper-button.html"> | |
17 | - | |
18 | -<link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html"> | |
19 | - | |
20 | -<link rel="import" href="../items-vslider-controllet/items-vslider-controllet.html" /> | |
21 | - | |
22 | -<script src="../../../DEEPCLIENT/js/deepClient.js"></script> | |
23 | - | |
24 | -<dom-module id="datalet-selection-controllet"> | |
25 | - | |
26 | - <template> | |
27 | - | |
28 | - <style is="custom-style"> | |
29 | - :host { | |
30 | - --paper-dropdown-menu-icon: { | |
31 | - color: #2196F3; | |
32 | - }; | |
33 | - } | |
34 | - | |
35 | - #datalet_selection_container { | |
36 | - display: flex; | |
37 | - font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
38 | - font-size: 16px; | |
39 | - margin-top: 8px; | |
40 | - } | |
41 | - | |
42 | - #items_vslider_controllet { | |
43 | - position: relative; | |
44 | - min-width: 172px; | |
45 | - } | |
46 | - | |
47 | - #datalet_selection_inputs { | |
48 | - position: relative; | |
49 | - height: 100vh; | |
50 | - margin-left: 32px; | |
51 | - min-width: 258px; | |
52 | - } | |
53 | - | |
54 | - #datalet_selection_labels { | |
55 | - position: relative; | |
56 | - height: 100vh; | |
57 | - margin-left: 32px; | |
58 | - min-width: 258px; | |
59 | - } | |
60 | - | |
61 | - #datalet_selection_column { | |
62 | - position: relative; | |
63 | - width: 100%; | |
64 | - margin-left: 32px; | |
65 | - } | |
66 | - | |
67 | - #datalet_selection_datalet { | |
68 | - position: relative; | |
69 | - height: 100vh; | |
70 | - width: 100%; | |
71 | - } | |
72 | - | |
73 | - #datalet_selection_datalet_placeholder { | |
74 | - padding: 16px; | |
75 | - } | |
76 | - | |
77 | - .inputs{ | |
78 | - position: relative; | |
79 | - } | |
80 | - | |
81 | - .input_header { | |
82 | - height: 32px; | |
83 | - padding-top: 16px; | |
84 | - text-align: center; | |
85 | - font-weight: 700; | |
86 | - background-color: #B6B6B6; | |
87 | - } | |
88 | - | |
89 | - #expert_container { | |
90 | - display: none; | |
91 | - } | |
92 | - | |
93 | - #expert_header { | |
94 | - display: none; | |
95 | - | |
96 | - height: 32px; | |
97 | - padding-top: 16px; | |
98 | - margin-top: 8px; | |
99 | - text-align: center; | |
100 | - font-weight: 700; | |
101 | - color: #00BCD4; | |
102 | - cursor: pointer; | |
103 | - } | |
104 | - | |
105 | - .field_nema { | |
106 | - height: 40px; | |
107 | - padding-top: 8px; | |
108 | - | |
109 | - margin-top: 8px; | |
110 | - padding-left: 16px; | |
111 | - font-weight: 700; | |
112 | - color: #2196F3; | |
113 | - background-color: #E0E0E0; | |
114 | - } | |
115 | - | |
116 | - .info_button { | |
117 | - position: absolute; | |
118 | - top: 18px; | |
119 | - right: 0px; | |
120 | - } | |
121 | - | |
122 | - paper-input { | |
123 | - display: inline-block; | |
124 | - height: 48px; | |
125 | - /*padding: 0px 8px;*/ | |
126 | - width: 210px; | |
127 | - padding-left: 8px; | |
128 | - padding-bottom: 8px; | |
129 | - --paper-input-container-focus-color: #2196F3; | |
130 | - } | |
131 | - | |
132 | - paper-input.base_input { | |
133 | - width: 242px; | |
134 | - } | |
135 | - | |
136 | - paper-textarea { | |
137 | - width: 242px; | |
138 | - padding-left: 8px; | |
139 | - padding-bottom: 4px; | |
140 | - --paper-input-container-focus-color: #2196F3; | |
141 | - } | |
142 | - | |
143 | - paper-dropdown-menu { | |
144 | - height: 48px; | |
145 | - width: 210px;; | |
146 | - padding-left: 8px; | |
147 | - padding-bottom: 8px; | |
148 | - --paper-input-container-focus-color: #2196F3; | |
149 | - } | |
150 | - | |
151 | - paper-item.iron-selected { | |
152 | - background-color: #2196F3; | |
153 | - color: #FFFFFF; | |
154 | - } | |
155 | - | |
156 | - paper-icon-button { | |
157 | - color: #2196F3; | |
158 | - --paper-icon-button-ink-color: #2196F3; | |
159 | - margin: 0px; | |
160 | - } | |
161 | - | |
162 | - paper-button { | |
163 | - position: absolute; | |
164 | - bottom: 16px; | |
165 | - right: 11px; | |
166 | - | |
167 | - height: 48px; | |
168 | - width: 172px; | |
169 | - background-color: #00BCD4; | |
170 | - color: white; | |
171 | - font-weight: 700; | |
172 | - padding: 16px; | |
173 | - } | |
174 | - | |
175 | - paper-button:hover { | |
176 | - background-color: #00AABF; | |
177 | - | |
178 | - box-shadow: 0px 8px 12px #888; | |
179 | - -webkit-box-shadow: 0px 8px 12px #888; | |
180 | - -moz-box-shadow: 0px 8px 12px #888; | |
181 | - } | |
182 | - | |
183 | - paper-button[disabled] { | |
184 | - background-color: #B6B6B6; | |
185 | - } | |
186 | - | |
187 | - #dialog_info_input { | |
188 | - border: 2px solid #2196F3; | |
189 | - background-color: #E0E0E0; | |
190 | - min-width: 248px; | |
191 | - } | |
192 | - </style> | |
193 | - | |
194 | - <iron-ajax id="selectedDatalet_request" on-response="_handleSelectedDatalet"></iron-ajax> | |
195 | - | |
196 | - <div id="datalet_selection_container"> | |
197 | - | |
198 | - <div id="items_vslider_controllet"> | |
199 | - <items-vslider-controllet id="vslider" datalets-list-url={{dataletsListUrl}} preselected-datalet={{preselectedDatalet}}></items-vslider-controllet> | |
200 | - </div> | |
201 | - | |
202 | - <paper-material id="datalet_selection_inputs" elevation="5"> | |
203 | - <div class="input_header"><span id="inputs"></span></div> | |
204 | - <template is="dom-repeat" items="{{inputs}}" index-as="ddl_index"> | |
205 | - <div class="inputs"> | |
206 | - <paper-dropdown-menu id={{ddl_index}} label={{_getLabelName(item.name)}}> | |
207 | - <paper-menu class="dropdown-content"> | |
208 | - <template is="dom-repeat" items={{fields}}> | |
209 | - <paper-item id={{index}} on-tap="_addInput">{{_fieldName(item)}}</paper-item> | |
210 | - <!--{{_fieldName(item)}}--> | |
211 | - </template> | |
212 | - </paper-menu> | |
213 | - </paper-dropdown-menu> | |
214 | - <div class="info_button"> | |
215 | - <paper-icon-button id={{item.name}} on-click="_showInfo" icon="info-outline" title="{{_getLabelName(item.name)}} info"></paper-icon-button> | |
216 | - </div> | |
217 | - </div> | |
218 | - </template> | |
219 | - | |
220 | - <!-- EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE --> | |
221 | - | |
222 | - <div id="expert_header" on-click="_showExpertMode"><span id="groupBy"></span></div> | |
223 | - | |
224 | - <div id="expert_container"> | |
225 | - | |
226 | - <div class="inputs"> | |
227 | - <paper-dropdown-menu id="group_by"> | |
228 | - <paper-menu class="dropdown-content"> | |
229 | - <template is="dom-repeat" items={{fields}}> | |
230 | - <paper-item id={{index}} on-tap="_showGroupedFields">{{_fieldName(item)}}</paper-item> | |
231 | - </template> | |
232 | - </paper-menu> | |
233 | - </paper-dropdown-menu> | |
234 | - <div class="info_button"> | |
235 | - <paper-icon-button id="gb" on-click="_addOrder" icon="unfold-more" title=""></paper-icon-button> | |
236 | - </div> | |
237 | - </div> | |
238 | - | |
239 | - <template is="dom-repeat" items="{{groupedFields}}"> | |
240 | - <div class="inputs"> | |
241 | - <paper-dropdown-menu id="calculate_{{index}}" label="{{_calculateLabel()}}"> | |
242 | - <paper-menu class="dropdown-content"> | |
243 | - <!--foreach functions--> | |
244 | - <paper-item id="0" on-tap="_addGroupByInput">{{_operationName(0)}} {{_fieldName(item)}}</paper-item> | |
245 | - <paper-item id="1" on-tap="_addGroupByInput">{{_operationName(1)}} {{_fieldName(item)}}</paper-item> | |
246 | - <paper-item id="2" on-tap="_addGroupByInput">{{_operationName(2)}} {{_fieldName(item)}}</paper-item> | |
247 | - <paper-item id="3" on-tap="_addGroupByInput">{{_operationName(3)}} {{_fieldName(item)}}</paper-item> | |
248 | - <paper-item id="4" on-tap="_addGroupByInput">{{_operationName(4)}} {{_fieldName(item)}}</paper-item> | |
249 | - <paper-item id="5" on-tap="_addGroupByInput">{{_operationName(5)}} {{_fieldName(item)}}</paper-item> | |
250 | - <paper-item id="6" on-tap="_addGroupByInput">{{_operationName(6)}} {{_fieldName(item)}}</paper-item> | |
251 | - </paper-menu> | |
252 | - </paper-dropdown-menu> | |
253 | - <div class="info_button"> | |
254 | - <paper-icon-button id={{_fieldName(item)}} on-click="_addOrder" icon="unfold-more" title=""></paper-icon-button> | |
255 | - </div> | |
256 | - </div> | |
257 | - </template> | |
258 | - | |
259 | - </div> | |
260 | - | |
261 | - <!-- EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE --> | |
262 | - | |
263 | - </paper-material> | |
264 | - | |
265 | - <paper-material id="datalet_selection_labels" elevation="5"> | |
266 | - <div class="input_header"><span id="baseInfo"></span></div> | |
267 | - | |
268 | - <div class="inputs"> | |
269 | - <paper-input id="base_title" maxlength="32" class="base_input"></paper-input> | |
270 | - </div> | |
271 | - | |
272 | - <div class="inputs"> | |
273 | - <paper-textarea id="base_description" maxlength="100" class="base_input"></paper-textarea> | |
274 | - </div> | |
275 | - | |
276 | - <div class="input_header"><span id="layouts"></span></div> | |
277 | - | |
278 | - <template is="dom-repeat" items="{{labels}}" index-as="index"> | |
279 | - <div class="inputs"> | |
280 | - <paper-input label={{_getLabelName(item.name)}}></paper-input> | |
281 | - <div class="info_button"> | |
282 | - <paper-icon-button id={{item.name}} on-click="_showInfo" icon="info-outline" title="{{_getLabelName(item.name)}} info"></paper-icon-button> | |
283 | - </div> | |
284 | - </div> | |
285 | - </template> | |
286 | - </paper-material> | |
287 | - | |
288 | - | |
289 | - <div id="datalet_selection_column"> | |
290 | - | |
291 | - <paper-material id="datalet_selection_datalet" elevation="5"> | |
292 | - <div class="input_header"><span id="dataletPreview"></span></div> | |
293 | - <div id="datalet_selection_datalet_placeholder"></div> | |
294 | - | |
295 | - </paper-material> | |
296 | - | |
297 | - <paper-button id="add_button" disabled raised on-click="_addDatalet"></paper-button> | |
298 | - | |
299 | - </div> | |
300 | - | |
301 | - <paper-dialog id="dialog_info_input"> | |
302 | - <h2 id="dialog_name"></h2> | |
303 | - <p id="dialog_description"></p> | |
304 | - </paper-dialog> | |
305 | - | |
306 | - </div> | |
307 | - | |
308 | - </template> | |
309 | - | |
310 | - <script> | |
311 | - | |
312 | - Polymer({ | |
313 | - | |
314 | - is : 'datalet-selection-controllet', | |
315 | - | |
316 | - properties : { | |
317 | - | |
318 | - deepUrl : { | |
319 | - type : String, | |
320 | - value : undefined | |
321 | - }, | |
322 | - | |
323 | - dataletsListUrl : { | |
324 | - type : String, | |
325 | - value : undefined | |
326 | - }, | |
327 | - | |
328 | - selectedDatalet : { | |
329 | - type : String, | |
330 | - value : undefined | |
331 | - }, | |
332 | - | |
333 | - preselectedDatalet : { | |
334 | - type : String, | |
335 | - value : undefined | |
336 | - }, | |
337 | - | |
338 | - loadPreview : { | |
339 | - type : Boolean, | |
340 | - value : false | |
341 | - }, | |
342 | - | |
343 | - type : { | |
344 | - type : String, | |
345 | - value : undefined | |
346 | - }, | |
347 | - | |
348 | - inputs : { | |
349 | - type : Array, | |
350 | - value : [] | |
351 | - }, | |
352 | - | |
353 | - labels : { | |
354 | - type : Array, | |
355 | - value : [] | |
356 | - }, | |
357 | - | |
358 | - filters : { | |
359 | - type : Array, | |
360 | - value : [] | |
361 | - }, | |
362 | - | |
363 | - aggregators : { | |
364 | - type : Array, | |
365 | - value : [] | |
366 | - }, | |
367 | - | |
368 | - orders : { | |
369 | - type : Array, | |
370 | - value : [] | |
371 | - }, | |
372 | - | |
373 | - fields : { | |
374 | - type : Array, | |
375 | - value : [] | |
376 | - }, | |
377 | - | |
378 | - selectedFields : { | |
379 | - type : Array, | |
380 | - value : [] | |
381 | - }, | |
382 | - | |
383 | - groupedFields : { | |
384 | - type : Array, | |
385 | - value : [] | |
386 | - }, | |
387 | - | |
388 | - dataletPreset : { | |
389 | - type : Object, | |
390 | - value : [] | |
391 | - }, | |
392 | - | |
393 | -// selectableFields : { | |
394 | -// type : Array, | |
395 | -// value : [] | |
396 | -// }, | |
397 | - | |
398 | - dataUrl : { | |
399 | - type : String, | |
400 | - value : undefined | |
401 | - }, | |
402 | - | |
403 | - params:{ | |
404 | - type: Object, | |
405 | - value: undefined | |
406 | - }, | |
407 | - | |
408 | - expert : { | |
409 | - type : Boolean, | |
410 | - value : false | |
411 | - }, | |
412 | - | |
413 | - functions : { | |
414 | - type : Array, | |
415 | - value : ["COUNT", "SUM", "MIN", "MAX", "AVG", "FIRST", "LAST"] | |
416 | - }, | |
417 | - | |
418 | - modify : { | |
419 | - type : Boolean, | |
420 | - value : false | |
421 | - } | |
422 | - | |
423 | - }, | |
424 | - | |
425 | - listeners: { | |
426 | - 'items-vslider-controllet_selected-datalet': '_selectDatalet', | |
427 | -// 'tree-view-controllet_selected-fields': '_updateSelectedFields' | |
428 | - 'change': '_paramsChanged' | |
429 | - }, | |
430 | - | |
431 | - _showExpertMode : function() { | |
432 | - if(!this.expert) { | |
433 | - this.$.expert_header.style.color = "#000000"; | |
434 | - this.$.expert_header.style.background = "#B6B6B6"; | |
435 | - this.$.expert_container.style.display = "block"; | |
436 | - } | |
437 | - else { | |
438 | - this.$.expert_header.style.color = "#00BCD4"; | |
439 | - this.$.expert_header.style.background = "#FFFFFF"; | |
440 | - this.$.expert_container.style.display = "none"; | |
441 | - } | |
442 | - | |
443 | - this.expert = !this.expert; | |
444 | - }, | |
445 | - | |
446 | - _showGroupedFields : function(e) { | |
447 | - var index = e.target.id; | |
448 | - var temp = []; | |
449 | - | |
450 | -// var isSelected = false; | |
451 | -// for (var i = 0; i < this.selectedFields.length; i++) { | |
452 | -// if (this.selectedFields[i]) { | |
453 | -// if (this.selectedFields[i].indexOf(this.fields[index]) > -1) { | |
454 | -// isSelected = true; | |
455 | -// } | |
456 | -// else { | |
457 | -// temp.push(this.selectedFields[i]); | |
458 | -// } | |
459 | -// } | |
460 | -// } | |
461 | -// | |
462 | -// if (isSelected) | |
463 | -// this.groupedFields = this._copy(temp); | |
464 | -// else | |
465 | -// this.groupedFields =[]; | |
466 | - | |
467 | - for (var i = 0; i < this.selectedFields.length; i++) { | |
468 | - if (this.selectedFields[i]) { | |
469 | - if (i != index) { | |
470 | - temp.push(this.selectedFields[i]); | |
471 | - } | |
472 | - } | |
473 | - } | |
474 | - | |
475 | - this.groupedFields = this._copy(temp); | |
476 | - | |
477 | - this.async(function() { | |
478 | - var ddls = document.getElementsByTagName("paper-dropdown-menu"); | |
479 | - for (var i = 0; i < ddls.length; i++){ | |
480 | - var id = ddls[i].id; | |
481 | - if(id.indexOf("calculate") > -1) { | |
482 | - $(ddls[i]).find("paper-menu")[0].select(-1); | |
483 | - $(ddls[i]).find("paper-menu")[0].select(0); | |
484 | - } | |
485 | - } | |
486 | - }, 0); | |
487 | - | |
488 | - this._addGroupByInput(); | |
489 | - }, | |
490 | - | |
491 | - ready : function() { | |
492 | - this._resize(); | |
493 | - $(this.$.datalet_selection_inputs).perfectScrollbar(); | |
494 | - $(this.$.datalet_selection_labels).perfectScrollbar(); | |
495 | - $(this.$.datalet_selection_datalet).perfectScrollbar(); | |
496 | - | |
497 | - this.params = {'data-url' : this.dataUrl}; | |
498 | - | |
499 | - //this.modify = true;//da eliminare in futuro | |
500 | - if(this.preselectedDatalet){ | |
501 | - if(this.modify) | |
502 | - this._preselectDatalet(); | |
503 | - | |
504 | - this.modify = true; | |
505 | - this.preselectedDatalet = undefined; | |
506 | - } | |
507 | - }, | |
508 | - | |
509 | - attached : function() { | |
510 | - this._resize(); | |
511 | - var that = this; | |
512 | - window.addEventListener("resize", function() { that._resize(); }); | |
513 | - | |
514 | - this._translate(); | |
515 | - }, | |
516 | - | |
517 | - setFilters : function(filters) { | |
518 | - this.filters = filters; | |
519 | - }, | |
520 | - | |
521 | - setFields : function(fields) { | |
522 | - this.fields = fields; | |
523 | - }, | |
524 | - | |
525 | - reset : function() { | |
526 | - this.selectedDatalet = undefined;//non va!!!!!!!!!!!!!!!!!!!!!!!!!!!!! | |
527 | - this.preselectedDatalet = undefined; | |
528 | - this.type = undefined; | |
529 | - this.inputs = []; | |
530 | - this.labels = []; | |
531 | - this.$.expert_header.style.display = "none"; | |
532 | - this.expert = true; | |
533 | - this._showExpertMode(); | |
534 | - this.loadPreview = false; | |
535 | - this.$.datalet_selection_datalet_placeholder.innerHTML = ""; | |
536 | - this._resetGroupBy(); | |
537 | - }, | |
538 | - | |
539 | - _translate : function(){ | |
540 | - | |
541 | - this.$.add_button.innerHTML = ln["addDatalet_" + ln["localization"]]; | |
542 | - this.$.inputs.innerHTML = ln["inputs_" + ln["localization"]]; | |
543 | - this.$.baseInfo.innerHTML = ln["baseInfo_" + ln["localization"]]; | |
544 | - this.$.layouts.innerHTML = ln["layouts_" + ln["localization"]]; | |
545 | - this.$.dataletPreview.innerHTML = ln["dataletPreview_" + ln["localization"]]; | |
546 | - | |
547 | - this.$.base_title.label = ln["title_" + ln["localization"]]; | |
548 | - this.$.base_description.label = ln["description_" + ln["localization"]]; | |
549 | - | |
550 | - this.$.groupBy.innerHTML = ln["groupBy_" + ln["localization"]]; | |
551 | - this.$.group_by.setAttribute("label", ln["groupBy_" + ln["localization"]]); | |
552 | - | |
553 | - if(this.modify) | |
554 | - this.$.add_button.innerHTML = ln["modifyDatalet_" + ln["localization"]]; | |
555 | - }, | |
556 | - | |
557 | - _selectDatalet : function(e){ | |
558 | - this.$.add_button.setAttribute("disabled", "true"); | |
559 | - | |
560 | - this.selectedDatalet = e.detail.datalet; | |
561 | - | |
562 | - this.$.datalet_selection_datalet_placeholder.innerHTML = ""; | |
563 | - | |
564 | - if(!this.selectedDatalet){ | |
565 | - this.type = undefined; | |
566 | - this.inputs = []; | |
567 | - this.labels = []; | |
568 | - this.$.expert_header.style.display = "none"; | |
569 | - this.expert = true; | |
570 | - this._showExpertMode(); | |
571 | - this.loadPreview = false; | |
572 | - } | |
573 | - else{ | |
574 | - this.$.selectedDatalet_request.url = this.deepUrl + e.detail.datalet + "-datalet"; | |
575 | - this.$.selectedDatalet_request.generateRequest(); | |
576 | - this.$.expert_header.style.display = "block"; | |
577 | - } | |
578 | - }, | |
579 | - | |
580 | - _preselectDatalet : function() { | |
581 | - this.type = "undefined"; | |
582 | - this.$.selectedDatalet_request.url = this.deepUrl + this.preselectedDatalet + "-datalet"; | |
583 | - this.$.selectedDatalet_request.generateRequest(); | |
584 | - | |
585 | - this.selectedDatalet = this.preselectedDatalet; | |
586 | - this.selectedFields = this._copy(this.fields); | |
587 | - | |
588 | -// this.filters = JSON.parse(this.dataletPreset["filters"]); | |
589 | -// this.aggregators = JSON.parse(this.dataletPreset["aggregators"]); | |
590 | -// this.orders = JSON.parse(this.dataletPreset["orders"]); | |
591 | - | |
592 | - this.async(function() { | |
593 | - this.selectedFields = this._copy(this.fields); | |
594 | - | |
595 | - //set info labels options | |
596 | - var textarea = this.$.datalet_selection_labels.querySelectorAll("paper-textarea"); | |
597 | - textarea[0].value = this.dataletPreset["description"]; | |
598 | - | |
599 | - var inputs = this.$.datalet_selection_labels.querySelectorAll("paper-input"); | |
600 | - inputs[0].value = this.dataletPreset["title"]; | |
601 | - | |
602 | - for (var i = 1; i < inputs.length; i++) | |
603 | - inputs[i].value = this.dataletPreset[this.labels[i-1].name]; | |
604 | - | |
605 | - //set inputs --> prima apri GB e riempi CALCULATE e poi gli ORDERBY??? | |
606 | - var ddls = document.getElementsByTagName("paper-dropdown-menu"); | |
607 | - for (var i = 0; i < ddls.length; i++) { | |
608 | - var id = ddls[i].id; | |
609 | - if (!isNaN(id)) { | |
610 | -// id = parseInt(id); | |
611 | - $(ddls[i]).find("paper-menu")[0].select(id); | |
612 | - } | |
613 | - else if (id.indexOf("group_by") > -1) { | |
614 | - ; | |
615 | - } | |
616 | - else if (id.indexOf("calculate") > -1) { | |
617 | - ; | |
618 | - } | |
619 | - } | |
620 | - | |
621 | - this.loadPreview = true; | |
622 | - this._loadDatalet(this.selectedFields); | |
623 | - }, 300); | |
624 | - }, | |
625 | - | |
626 | - _handleSelectedDatalet : function(e){ | |
627 | - | |
628 | - if(this.type != e.detail.response.type) { | |
629 | - | |
630 | - this.inputs = []; | |
631 | - this.labels = []; | |
632 | - | |
633 | - var inputs = e.detail.response.idm.inputs.input; | |
634 | - | |
635 | - if (inputs.constructor == Object) {//not Array && inputs.input.selection == "*" | |
636 | - var name = inputs.name; | |
637 | - var description = inputs.description; | |
638 | - var selection = inputs.selection; | |
639 | - inputs = []; | |
640 | - for (var i in this.fields) | |
641 | - inputs.push({name: name + " " + i, description: description, selection: selection}); | |
642 | - } | |
643 | - | |
644 | - this.async(function(){ | |
645 | - this.type = e.detail.response.type; | |
646 | - this.inputs = inputs; | |
647 | - this.labels = e.detail.response.idm.inputs.layouts.input; | |
648 | - | |
649 | - this.selectedFields = new Array(inputs.length); | |
650 | - },0); | |
651 | - | |
652 | - this._resetGroupBy(); | |
653 | - | |
654 | - this.loadPreview = false; | |
655 | - } | |
656 | - | |
657 | - else if (this.loadPreview) | |
658 | - this._loadDatalet(this.selectedFields); | |
659 | - }, | |
660 | - | |
661 | - _resetGroupBy : function(){ | |
662 | - $(this.$.group_by).find("paper-menu")[0].select(-1); | |
663 | - this.groupedFields = []; | |
664 | - this.aggregators = []; | |
665 | - }, | |
666 | - | |
667 | - _addGroupByInput : function(){ | |
668 | - this.async(function() {//codice reprlicato! | |
669 | - var selectedFields = this.selectedFields; | |
670 | - | |
671 | - var load = true; | |
672 | - | |
673 | - if(this.inputs[0].selection == "*"){ | |
674 | - var temp = []; | |
675 | - for (var i = 0; i < selectedFields.length; i++) | |
676 | - if(selectedFields[i]) | |
677 | - temp.push(selectedFields[i]); | |
678 | - selectedFields = temp; | |
679 | - } | |
680 | - else { | |
681 | - for (var i = 0; i < selectedFields.length; i++) | |
682 | - if (!selectedFields[i]) { | |
683 | - load = false; | |
684 | - break; | |
685 | - } | |
686 | - } | |
687 | - | |
688 | - if(load){ | |
689 | - this.loadPreview = true; | |
690 | - this._loadDatalet(selectedFields); | |
691 | - } | |
692 | - }, 0); | |
693 | - }, | |
694 | - | |
695 | - _addOrder : function(e){ | |
696 | - var t = e.target; | |
697 | - if(t.tagName.indexOf("IRON-ICON") > -1) | |
698 | - t = $(e.target).parents("paper-icon-button")[0]; | |
699 | - | |
700 | - var icon = t.getAttribute("icon"); | |
701 | - var name = t.getAttribute("id"); | |
702 | - | |
703 | - if(name.indexOf("gb") > -1){ | |
704 | - var selectedItem = $(this.$.group_by).find("paper-menu")[0].selectedItem; | |
705 | - if(selectedItem) | |
706 | - name = selectedItem.textContent.trim(); | |
707 | -// name = "[" + selectedItem.textContent.trim() + "]"; | |
708 | - else | |
709 | - return; | |
710 | - }// else { | |
711 | -// var i = name; | |
712 | -// var ddl = $("#calculate_"+i); | |
713 | -// | |
714 | -// var label = $(ddl).find("paper-menu")[0].selectedItem.textContent.trim(); | |
715 | -// var index = label.split(" ", 2).join(" ").length; | |
716 | -// var field = label.substring(index+1, label.length); | |
717 | -// var operation = label.substring(0, label.indexOf(" ")); | |
718 | -// name = operation + "([" + field + "])"; | |
719 | -// } | |
720 | - | |
721 | - if(icon.indexOf("unfold-more") > -1){ | |
722 | - t.setAttribute("icon", "expand-less"); | |
723 | - t.setAttribute("title", ln["sortAscending_" + ln["localization"]]); | |
724 | - var orders = this.orders.filter(function (el) { return el.field !== name; }); | |
725 | - orders.push({"field": name, "operation": "ASC"}); | |
726 | - this.orders = this._copy(orders); | |
727 | - } | |
728 | - else if(icon.indexOf("expand-less") > -1){ | |
729 | - t.setAttribute("icon", "expand-more"); | |
730 | - t.setAttribute("title", ln["sortDescending_" + ln["localization"]]); | |
731 | - var orders = this.orders.filter(function (el) { return el.field !== name; }); | |
732 | - orders.push({"field": name, "operation": "DESC"}); | |
733 | - this.orders = this._copy(orders); | |
734 | - } | |
735 | - else if(icon.indexOf("expand-more") > -1){ | |
736 | - t.setAttribute("icon", "unfold-more"); | |
737 | - t.setAttribute("title", ln["unsort_" + ln["localization"]]); | |
738 | - var orders = this.orders.filter(function (el) { return el.field !== name; }); | |
739 | - this.orders = this._copy(orders); | |
740 | - } | |
741 | - | |
742 | - this._addGroupByInput();//no buoono | |
743 | -// if(load){ | |
744 | -// this.loadPreview = true; | |
745 | -// this._loadDatalet(selectedFields); | |
746 | -// } | |
747 | - }, | |
748 | - | |
749 | - _addInput : function(e){ | |
750 | - var selectedFields = this._copy(this.selectedFields); | |
751 | - | |
752 | -// var index = $(e.target).parents("paper-dropdown-menu")[0].id; | |
753 | -// selectedFields[index] = e.target.innerHTML.trim(); | |
754 | - | |
755 | - var ddl_index = $(e.target).parents("paper-dropdown-menu")[0].id; | |
756 | - var index = e.target.id; | |
757 | - selectedFields[ddl_index] = this.fields[index]; | |
758 | - | |
759 | - this.selectedFields = this._copy(selectedFields); | |
760 | - | |
761 | - var load = true; | |
762 | - | |
763 | - if(this.inputs[0].selection == "*"){ | |
764 | - var temp = []; | |
765 | - for (var i = 0; i < selectedFields.length; i++) | |
766 | - if(selectedFields[i]) | |
767 | - temp.push(selectedFields[i]); | |
768 | - selectedFields = temp; | |
769 | - } | |
770 | - else { | |
771 | - for (var i = 0; i < selectedFields.length; i++) | |