Blame view

controllets/datalet-selection-controllet/datalet-selection-controllet.html 22.9 KB
a31f0660   root   sevc-controllet i...
1
2
3
4
5
6
7
8
9
10
11
12
13
  <link rel="import" href="../../bower_components/polymer/polymer.html" />
  
  <link rel="import" href="../../bower_components/paper-material/paper-material.html" />
  
  <link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
  <link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
  <link rel="import" href="../../bower_components/paper-item/paper-item.html">
  
  <link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
  <link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
  <link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
  
  <link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
3c812cc9   Renato De Donato   title-desciption ...
14
  <link rel="import" href="../../bower_components/paper-input/paper-input.html">
a31f0660   root   sevc-controllet i...
15
16
17
  
  <link rel="import" href="../../bower_components/paper-button/paper-button.html">
  
57ef9bf4   Renato De Donato   labels + info
18
19
  <link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html">
  
a31f0660   root   sevc-controllet i...
20
21
  <link rel="import" href="../items-vslider-controllet/items-vslider-controllet.html" />
  
0f6424fe   root   update new data-s...
22
  <script src="../../../DEEPCLIENT/js/deepClient.js"></script>
a31f0660   root   sevc-controllet i...
23
24
25
26
27
28
  
  <dom-module id="datalet-selection-controllet">
  
      <template>
  
          <style is="custom-style">
e0e4a976   Renato De Donato   data-sevc-control...
29
30
31
32
33
              :host {
              --paper-dropdown-menu-icon: {
                   color: #2196F3;
               };
              }
a31f0660   root   sevc-controllet i...
34
35
36
37
38
  
              #datalet_selection_container {
                  display: flex;
                  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
                  font-size: 16px;
0f6424fe   root   update new data-s...
39
                  margin-top: 8px;
a31f0660   root   sevc-controllet i...
40
41
              }
  
3d8cde48   Renato De Donato   safari bug fix
42
43
44
45
46
47
              #items_vslider_controllet {
                  position: relative;
                  height: 100vh;
                  width: 172px;
              }
  
a31f0660   root   sevc-controllet i...
48
49
50
51
              #datalet_selection_inputs {
                  position: relative;
                  height: 100vh;
                  margin-left: 32px;
e0e4a976   Renato De Donato   data-sevc-control...
52
53
                  /*width: 344px;*/
                  min-width: 258px;
a31f0660   root   sevc-controllet i...
54
55
56
57
58
59
              }
  
              #datalet_selection_labels {
                  position: relative;
                  height: 100vh;
                  margin-left: 32px;
e0e4a976   Renato De Donato   data-sevc-control...
60
61
                  /*width: 344px;*/
                  min-width: 258px;
a31f0660   root   sevc-controllet i...
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
              }
  
              #datalet_selection_column {
                  position: relative;
                  width: 100%;
                  margin-left: 32px;
              }
  
              #datalet_selection_datalet {
                  position: relative;
                  height: 100vh;
                  width: 100%;
                  /*margin-left: 32px;*/
                  /*margin-top: 32px;*/
                  /*margin-bottom: 32px;*/
              }
  
              #datalet_selection_comment{
                  width: 100%;
e0e4a976   Renato De Donato   data-sevc-control...
81
                  /*height: 112px;*/
a31f0660   root   sevc-controllet i...
82
83
84
85
86
87
88
89
90
91
92
93
94
                  margin-bottom: 32px;
              }
  
              #datalet_selection_datalet_placeholder {
                  padding: 16px;
              }
  
              .inputs{
                  position: relative;
                  /*margin-left: 16px;*/
                  /*margin-right: 16px;*/
              }
  
e0e4a976   Renato De Donato   data-sevc-control...
95
96
97
98
              /*.input_name{*/
                  /*height: 16px;*/
                  /*padding: 16px;*/
                  /*/!*background-color: #B6B6B6;*!/*/
a31f0660   root   sevc-controllet i...
99
  
e0e4a976   Renato De Donato   data-sevc-control...
100
101
102
103
                  /*background-color: #2196F3;*/
                  /*color: #FFFFFF;*/
                  /*font-weight: 700;*/
              /*}*/
a31f0660   root   sevc-controllet i...
104
105
  
              .input_header{
e0e4a976   Renato De Donato   data-sevc-control...
106
107
108
                  height: 32px;
                  padding-top: 16px;
                  /*padding: 16px;*/
a31f0660   root   sevc-controllet i...
109
110
111
112
113
114
                  background-color: #B6B6B6;
                  text-align: center;
                  font-weight: 700;
              }
  
              .info_button {
e0e4a976   Renato De Donato   data-sevc-control...
115
                  /*background-color: red;*/
a31f0660   root   sevc-controllet i...
116
                  position: absolute;
e0e4a976   Renato De Donato   data-sevc-control...
117
                  top: 18px;
a31f0660   root   sevc-controllet i...
118
119
120
                  right: 0px;
              }
  
3c812cc9   Renato De Donato   title-desciption ...
121
              paper-input {
e0e4a976   Renato De Donato   data-sevc-control...
122
                  display: inline-block;
a31f0660   root   sevc-controllet i...
123
                  height: 48px;
e0e4a976   Renato De Donato   data-sevc-control...
124
125
126
127
                  /*padding: 0px 8px;*/
                  width: 210px;
                  padding-left: 8px;
                  padding-bottom: 8px;
a31f0660   root   sevc-controllet i...
128
129
130
                  --paper-input-container-focus-color: #2196F3;
              }
  
3c812cc9   Renato De Donato   title-desciption ...
131
132
133
134
135
136
137
138
139
140
141
142
143
144
              paper-input.base_input {
                  width: 242px;
              }
  
              paper-textarea {
                  /*height: 48px;*/
                  /*padding: 0px 8px;*/
                  width: 242px;
                  padding-left: 8px;
                  padding-bottom: 4px;
                  --paper-input-container-focus-color: #2196F3;
              }
  
              #datalet_selection_comment paper-input {
e0e4a976   Renato De Donato   data-sevc-control...
145
146
147
148
                  padding-bottom: 0px;
                  width: calc(100% - 16px);
              }
  
a31f0660   root   sevc-controllet i...
149
              paper-dropdown-menu {
e0e4a976   Renato De Donato   data-sevc-control...
150
                  /*display: inline-block;*/
a31f0660   root   sevc-controllet i...
151
                  height: 48px;
e0e4a976   Renato De Donato   data-sevc-control...
152
153
154
155
                  width: 210px;;
                  /*padding: 0px 8px;*/
                  padding-left: 8px;
                  padding-bottom: 8px;
a31f0660   root   sevc-controllet i...
156
157
158
159
160
161
162
163
164
                  --paper-input-container-focus-color: #2196F3;
              }
  
              paper-item.iron-selected {
                  background-color: #2196F3;
                  color: #FFFFFF;
              }
  
              paper-icon-button {
e0e4a976   Renato De Donato   data-sevc-control...
165
166
167
                  /*display: inline-block;*/
                  color: #2196F3;
                  /*color: #FFFFFF;*/
a31f0660   root   sevc-controllet i...
168
                  --paper-icon-button-ink-color: #2196F3;
e0e4a976   Renato De Donato   data-sevc-control...
169
                  margin: 0px;
a31f0660   root   sevc-controllet i...
170
171
172
173
174
175
176
177
178
                  /*padding: 0px;*/
              }
  
              paper-button {
                  /*display: block;*/
                  position: absolute;
                  bottom: 16px;
                  right: 11px;
  
a31f0660   root   sevc-controllet i...
179
180
181
182
183
184
185
186
187
188
                  height: 48px;
                  width: 172px;
                  background-color: #00BCD4;
                  color: white;
                  font-weight: 700;
                  padding: 16px;
              }
  
              paper-button:hover {
                  background-color: #00AABF;
3c812cc9   Renato De Donato   title-desciption ...
189
190
191
192
  
                  box-shadow: 0px 8px 12px #888;
                  -webkit-box-shadow: 0px 8px 12px #888;
                  -moz-box-shadow: 0px 8px 12px #888;
a31f0660   root   sevc-controllet i...
193
              }
0f6424fe   root   update new data-s...
194
195
196
197
  
              paper-button[disabled] {
                  background-color: #B6B6B6;
              }
57ef9bf4   Renato De Donato   labels + info
198
  
79ec939f   Renato De Donato   info position + a...
199
              #dialog_info_input {
57ef9bf4   Renato De Donato   labels + info
200
201
                  border: 2px solid #2196F3;
                  background-color: #E0E0E0;
3c812cc9   Renato De Donato   title-desciption ...
202
                  min-width: 248px;
57ef9bf4   Renato De Donato   labels + info
203
              }
a31f0660   root   sevc-controllet i...
204
205
          </style>
  
0f6424fe   root   update new data-s...
206
          <iron-ajax id="selectedDatalet_request" on-response="_handleSelectedDatalet"></iron-ajax>
a31f0660   root   sevc-controllet i...
207
208
  
          <div id="datalet_selection_container">
3d8cde48   Renato De Donato   safari bug fix
209
210
211
212
  
              <div id="items_vslider_controllet">
                  <items-vslider-controllet id="vslider" datalets-list-url={{dataletsListUrl}} preselected-datalet={{preselectedDatalet}}></items-vslider-controllet>
              </div>
a31f0660   root   sevc-controllet i...
213
  
a31f0660   root   sevc-controllet i...
214
              <paper-material id="datalet_selection_inputs" elevation="5">
6d2a2a1e   Andrea Petta   language handling
215
                  <div class="input_header"><span id="inputs"></span></div>
e0e4a976   Renato De Donato   data-sevc-control...
216
                  <template is="dom-repeat" items="{{inputs}}" index-as="ddl_index">
a31f0660   root   sevc-controllet i...
217
                      <div class="inputs">
e0e4a976   Renato De Donato   data-sevc-control...
218
                          <paper-dropdown-menu id={{ddl_index}} label={{item.name}}>
a31f0660   root   sevc-controllet i...
219
                              <paper-menu class="dropdown-content">
e0e4a976   Renato De Donato   data-sevc-control...
220
                                  <template is="dom-repeat" items={{fields}}>
0b7cbd33   Renato De Donato   title-desciption
221
                                      <paper-item id={{index}} on-tap="_addInput">{{_fieldName(item)}}</paper-item>
59100bec   Renato De Donato   localization + ba...
222
                                      <!--{{_fieldName(item)}}-->
a31f0660   root   sevc-controllet i...
223
224
225
                                  </template>
                              </paper-menu>
                          </paper-dropdown-menu>
e0e4a976   Renato De Donato   data-sevc-control...
226
227
228
                          <div class="info_button">
                              <paper-icon-button id="info_button" on-click="_showInfo" icon="info-outline" title="{{item.name}} info"></paper-icon-button>
                          </div>
a31f0660   root   sevc-controllet i...
229
230
231
232
233
                      </div>
                  </template>
              </paper-material>
  
              <paper-material id="datalet_selection_labels" elevation="5">
6d2a2a1e   Andrea Petta   language handling
234
                  <div class="input_header"><span id="baseInfo"></span></div>
3c812cc9   Renato De Donato   title-desciption ...
235
236
  
                  <div class="inputs">
4b79b3c8   Renato De Donato   datalet-selection...
237
                      <paper-input maxlength="32" label="title" class="base_input"></paper-input>
3c812cc9   Renato De Donato   title-desciption ...
238
239
240
                  </div>
  
                  <div class="inputs">
4b79b3c8   Renato De Donato   datalet-selection...
241
                      <paper-textarea maxlength="100" label="description" class="base_input"></paper-textarea>
3c812cc9   Renato De Donato   title-desciption ...
242
243
                  </div>
  
6d2a2a1e   Andrea Petta   language handling
244
                  <div class="input_header"><span id="layouts"></span></div>
3c812cc9   Renato De Donato   title-desciption ...
245
  
a31f0660   root   sevc-controllet i...
246
247
                  <template is="dom-repeat" items="{{labels}}" index-as="index">
                      <div class="inputs">
4b79b3c8   Renato De Donato   datalet-selection...
248
                          <paper-input label={{item.name}}></paper-input>
e0e4a976   Renato De Donato   data-sevc-control...
249
250
                          <div class="info_button">
                              <paper-icon-button id="info_button" on-click="_showInfo" icon="info-outline" title="{{item.name}} info"></paper-icon-button>
a31f0660   root   sevc-controllet i...
251
                          </div>
a31f0660   root   sevc-controllet i...
252
253
254
255
256
257
                      </div>
                  </template>
              </paper-material>
  
  
              <div id="datalet_selection_column">
e0e4a976   Renato De Donato   data-sevc-control...
258
  
83faae2e   Renato De Donato   comment-modify
259
                  <!--<template is="dom-if" if={{modify}}>-->
3c812cc9   Renato De Donato   title-desciption ...
260
261
262
263
                      <!--<paper-material id="datalet_selection_comment" elevation="5">-->
                          <!--<div class="input_header"><span data-l10n-id="comment"></span></div>-->
                          <!--<paper-textarea id="comment" no-label-float maxlength="100" label="comment (max 100 characters)"></paper-textarea>-->
                      <!--</paper-material>-->
83faae2e   Renato De Donato   comment-modify
264
                  <!--</template>-->
a31f0660   root   sevc-controllet i...
265
266
  
                  <paper-material id="datalet_selection_datalet" elevation="5">
6d2a2a1e   Andrea Petta   language handling
267
                      <div class="input_header"><span id="dataletPreview"></span></div>
a31f0660   root   sevc-controllet i...
268
269
270
271
                      <div id="datalet_selection_datalet_placeholder"></div>
  
                  </paper-material>
  
6d2a2a1e   Andrea Petta   language handling
272
                  <paper-button id="add_button" disabled raised on-click="_addDatalet"></paper-button>
a31f0660   root   sevc-controllet i...
273
274
275
  
              </div>
  
79ec939f   Renato De Donato   info position + a...
276
              <paper-dialog id="dialog_info_input">
57ef9bf4   Renato De Donato   labels + info
277
278
279
280
                  <h2 id="dialog_name"></h2>
                  <p id="dialog_description"></p>
              </paper-dialog>
  
a31f0660   root   sevc-controllet i...
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
          </div>
  
      </template>
  
      <script>
  
          Polymer({
  
              is : 'datalet-selection-controllet',
  
              properties : {
  
                  deepUrl : {
                      type : String,
                      value : undefined
                  },
  
                  dataletsListUrl : {
                      type : String,
                      value : undefined
                  },
  
                  selectedDatalet : {
                      type  : String,
                      value : undefined
                  },
  
e0e4a976   Renato De Donato   data-sevc-control...
308
309
310
311
312
                  preselectedDatalet : {
                      type  : String,
                      value : undefined
                  },
  
d2da5141   Renato De Donato   async 0
313
314
315
316
317
318
319
320
321
322
                  loadPreview : {
                      type :  Boolean,
                      value : false
                  },
  
                  type : {
                      type : String,
                      value : undefined
                  },
  
a31f0660   root   sevc-controllet i...
323
324
325
326
327
328
329
330
331
332
333
334
                  inputs : {
                      type : Array,
                      value : []
                  },
  
                  labels : {
                      type : Array,
                      value : []
                  },
  
                  fields : {
                      type : Array,
0f6424fe   root   update new data-s...
335
336
337
338
339
340
341
342
                      value : []
                  },
  
                  selectedFields : {
                      type : Array,
                      value : []
                  },
  
e8219f9a   Renato De Donato   datalet-mod
343
344
345
346
347
                  dataletPreset : {
                      type  : Object,
                      value : []
                  },
  
e0e4a976   Renato De Donato   data-sevc-control...
348
349
350
351
  //                selectableFields : {
  //                    type : Array,
  //                    value : []
  //                },
a31f0660   root   sevc-controllet i...
352
353
354
  
                  dataUrl : {
                      type  : String,
0f6424fe   root   update new data-s...
355
                      value : undefined
e0e4a976   Renato De Donato   data-sevc-control...
356
357
                  },
  
57ef9bf4   Renato De Donato   labels + info
358
359
360
361
362
                  params:{
                      type: Object,
                      value: undefined
                  },
  
e0e4a976   Renato De Donato   data-sevc-control...
363
364
365
                  modify : {
                      type  : Boolean,
                      value : false
a31f0660   root   sevc-controllet i...
366
367
368
369
370
                  }
  
              },
  
              listeners: {
4b79b3c8   Renato De Donato   datalet-selection...
371
                  'items-vslider-controllet_selected-datalet': '_selectDatalet',
0f6424fe   root   update new data-s...
372
  //                'tree-view-controllet_selected-fields': '_updateSelectedFields'
b4accc86   Renato De Donato   datalet improved
373
                  'change': '_paramsChanged'
a31f0660   root   sevc-controllet i...
374
375
              },
  
e8219f9a   Renato De Donato   datalet-mod
376
              ready : function() {//console.log(this.dataletPreset);
a31f0660   root   sevc-controllet i...
377
378
379
380
                  this._resize();
                  $(this.$.datalet_selection_inputs).perfectScrollbar();
                  $(this.$.datalet_selection_labels).perfectScrollbar();
                  $(this.$.datalet_selection_datalet).perfectScrollbar();
0f6424fe   root   update new data-s...
381
  
ed1bed76   Renato De Donato   fix bug-modify in...
382
383
384
                  this.params = {'data-url' : this.dataUrl};
  
                  //this.modify = true;//da eliminare in futuro
e0e4a976   Renato De Donato   data-sevc-control...
385
                  if(this.preselectedDatalet){
0b7cbd33   Renato De Donato   title-desciption
386
387
388
                      if(this.modify)
                          this._preselectDatalet();
  
e0e4a976   Renato De Donato   data-sevc-control...
389
                      this.modify = true;
e0e4a976   Renato De Donato   data-sevc-control...
390
391
                      this.preselectedDatalet = undefined;
                  }
a31f0660   root   sevc-controllet i...
392
393
394
395
396
397
              },
  
              attached : function() {
                  this._resize();
                  var that = this;
                  window.addEventListener("resize", function() { that._resize(); });
e0e4a976   Renato De Donato   data-sevc-control...
398
  
97e0b0f8   Renato De Donato   google chart & lo...
399
                  this._translate();
97e0b0f8   Renato De Donato   google chart & lo...
400
401
              },
  
0f6424fe   root   update new data-s...
402
403
404
405
              setFields : function(fields) {
                  this.fields = fields;
              },
  
e0e4a976   Renato De Donato   data-sevc-control...
406
407
408
409
410
411
412
              reset : function() {
                  this.selectedDatalet = undefined;
                  this.inputs = [];
                  this.labels = [];
                  this.$.datalet_selection_datalet_placeholder.innerHTML = "";
              },
  
3c812cc9   Renato De Donato   title-desciption ...
413
              _translate : function(){
6d2a2a1e   Andrea Petta   language handling
414
415
416
417
418
419
420
421
422
  
                  this.$.add_button.innerHTML     = ln["addDatalet_" + ln["localization"]];
                  this.$.inputs.innerHTML         = ln["inputs_" + ln["localization"]];
                  this.$.baseInfo.innerHTML       = ln["baseInfo_" + ln["localization"]];
                  this.$.layouts.innerHTML        = ln["layouts_" + ln["localization"]];
                  this.$.dataletPreview.innerHTML = ln["dataletPreview_" + ln["localization"]];
  
                  if(this.modify)
                      this.$.add_button.innerHTML = ln["modifyDatalet_" + ln["localization"]];
3c812cc9   Renato De Donato   title-desciption ...
423
424
              },
  
e0e4a976   Renato De Donato   data-sevc-control...
425
              _selectDatalet : function(e){
0f6424fe   root   update new data-s...
426
427
                  this.$.add_button.setAttribute("disabled", "true");
  
a31f0660   root   sevc-controllet i...
428
                  this.selectedDatalet = e.detail.datalet;
0f6424fe   root   update new data-s...
429
  
d2da5141   Renato De Donato   async 0
430
431
432
433
434
435
436
437
438
                  this.$.datalet_selection_datalet_placeholder.innerHTML = "";
  
                  if(!this.selectedDatalet){
                      this.type = undefined;
                      this.inputs = [];
                      this.labels = [];
                      this.loadPreview = false;
                  }
                  else{
a31f0660   root   sevc-controllet i...
439
440
441
                      this.$.selectedDatalet_request.url = this.deepUrl + e.detail.datalet + "-datalet";
                      this.$.selectedDatalet_request.generateRequest();
                  }
e0e4a976   Renato De Donato   data-sevc-control...
442
              },
0f6424fe   root   update new data-s...
443
  
e0e4a976   Renato De Donato   data-sevc-control...
444
              _preselectDatalet : function() {
0b7cbd33   Renato De Donato   title-desciption
445
446
447
448
                  this.type = "undefined";
                  this.$.selectedDatalet_request.url = this.deepUrl + this.preselectedDatalet + "-datalet";
                  this.$.selectedDatalet_request.generateRequest();
  
e0e4a976   Renato De Donato   data-sevc-control...
449
450
451
                  this.selectedDatalet = this.preselectedDatalet;
                  this.selectedFields = this._copy(this.fields);
  
0b7cbd33   Renato De Donato   title-desciption
452
453
                  this.async(function() {
                      this.selectedFields = this._copy(this.fields);
e0e4a976   Renato De Donato   data-sevc-control...
454
  
0b7cbd33   Renato De Donato   title-desciption
455
456
457
                      var inputs = document.getElementsByTagName("paper-dropdown-menu");
                      for (var i = 0; i < inputs.length; i++)
                          $(inputs[i]).find("paper-menu")[0].select(i);
e8219f9a   Renato De Donato   datalet-mod
458
  
0b7cbd33   Renato De Donato   title-desciption
459
460
461
462
                      //set info labels options
                      var labels = this.$.datalet_selection_labels.querySelectorAll("paper-textarea");
                      for (var i = 0; i < labels.length; i++)
                          labels[i].value = this.dataletPreset[labels[i].label];
e8219f9a   Renato De Donato   datalet-mod
463
  
0b7cbd33   Renato De Donato   title-desciption
464
465
466
467
                      var labels = this.$.datalet_selection_labels.querySelectorAll("paper-input");
                      for (var i = 0; i < labels.length; i++)
                          labels[i].value = this.dataletPreset[labels[i].label];
                  }, 300);
3c812cc9   Renato De Donato   title-desciption ...
468
  
59100bec   Renato De Donato   localization + ba...
469
                  this.loadPreview = true;
e0e4a976   Renato De Donato   data-sevc-control...
470
                  this._loadDatalet(this.selectedFields);
a31f0660   root   sevc-controllet i...
471
472
              },
  
0f6424fe   root   update new data-s...
473
              _handleSelectedDatalet : function(e){
0f6424fe   root   update new data-s...
474
  
d2da5141   Renato De Donato   async 0
475
                  if(this.type != e.detail.response.type) {
a31f0660   root   sevc-controllet i...
476
  
d2da5141   Renato De Donato   async 0
477
478
479
480
481
482
483
484
485
486
487
                      this.inputs = [];
                      this.labels = [];
  
                      var inputs = e.detail.response.idm.inputs.input;
  
                      if (inputs.constructor == Object) {//not Array && inputs.input.selection == "*"
                          var name = inputs.name;
                          var description = inputs.description;
                          var selection = inputs.selection;
                          inputs = [];
                          for (var i in this.fields)
0b7cbd33   Renato De Donato   title-desciption
488
  //                        for (var i = 0; i < Math.max(this.fields.length, 8); i++)//error
d2da5141   Renato De Donato   async 0
489
490
                              inputs.push({name: name + " " + i, description: description, selection: selection});
                      }
a31f0660   root   sevc-controllet i...
491
  
d2da5141   Renato De Donato   async 0
492
493
494
495
                      this.async(function(){
                          this.type = e.detail.response.type;
                          this.inputs = inputs;
                          this.labels = e.detail.response.idm.inputs.layouts.input;
a31f0660   root   sevc-controllet i...
496
  
d2da5141   Renato De Donato   async 0
497
498
499
500
501
502
503
504
                          this.selectedFields = new Array(inputs.length);
                      },0);
  
                      this.loadPreview = false;
                  }
  
                  else if (this.loadPreview)
                      this._loadDatalet(this.selectedFields);
0f6424fe   root   update new data-s...
505
506
              },
  
e0e4a976   Renato De Donato   data-sevc-control...
507
              _addInput : function(e){
0f6424fe   root   update new data-s...
508
                  var selectedFields = this._copy(this.selectedFields);
0f6424fe   root   update new data-s...
509
  
0b7cbd33   Renato De Donato   title-desciption
510
511
512
513
514
515
  //                var index = $(e.target).parents("paper-dropdown-menu")[0].id;
  //                selectedFields[index] = e.target.innerHTML.trim();
  
                  var ddl_index = $(e.target).parents("paper-dropdown-menu")[0].id;
                  var index = e.target.id;
                  selectedFields[ddl_index] = this.fields[index];
0f6424fe   root   update new data-s...
516
  
e0e4a976   Renato De Donato   data-sevc-control...
517
                  this.selectedFields = this._copy(selectedFields);
0f6424fe   root   update new data-s...
518
  
e0e4a976   Renato De Donato   data-sevc-control...
519
                  var load = true;
0f6424fe   root   update new data-s...
520
  
e0e4a976   Renato De Donato   data-sevc-control...
521
522
523
524
525
526
527
528
529
530
531
532
533
534
                  if(this.inputs[0].selection == "*"){
                      var temp = [];
                      for (var i = 0; i < selectedFields.length; i++)
                          if(selectedFields[i])
                             temp.push(selectedFields[i]);
                      selectedFields = temp;
                  }
                  else {
                      for (var i = 0; i < selectedFields.length; i++)
                          if (!selectedFields[i]) {
                              load = false;
                              break;
                          }
                  }
0f6424fe   root   update new data-s...
535
536
  
                  if(load){
d2da5141   Renato De Donato   async 0
537
                      this.loadPreview = true
e0e4a976   Renato De Donato   data-sevc-control...
538
539
                      this._loadDatalet(selectedFields);
                  }
0f6424fe   root   update new data-s...
540
  
e0e4a976   Renato De Donato   data-sevc-control...
541
              },
0f6424fe   root   update new data-s...
542
  
b4accc86   Renato De Donato   datalet improved
543
              _updateParams : function(){
e8219f9a   Renato De Donato   datalet-mod
544
545
  
                  var labels = this.$.datalet_selection_labels.querySelectorAll("paper-textarea");
b4accc86   Renato De Donato   datalet improved
546
547
548
549
                  this.params[labels[0].label] = labels[0].value;
  
                  if(!labels[0].value)
                      this.params[labels[0].label] = "";
0f6424fe   root   update new data-s...
550
  
3c812cc9   Renato De Donato   title-desciption ...
551
                  var labels = this.$.datalet_selection_labels.querySelectorAll("paper-input");
e8219f9a   Renato De Donato   datalet-mod
552
553
                  for (var i = 0; i < labels.length; i++)
                      this.params[labels[i].label] = labels[i].value;
b4accc86   Renato De Donato   datalet improved
554
555
556
557
558
              },
  
              _paramsChanged : function(){
  
                  this._updateParams();
e8219f9a   Renato De Donato   datalet-mod
559
  
4b79b3c8   Renato De Donato   datalet-selection...
560
561
                  if(this.$.datalet_selection_datalet_placeholder.children[1])
                      this.$.datalet_selection_datalet_placeholder.children[1].behavior.setParameters(this.params);
e8219f9a   Renato De Donato   datalet-mod
562
563
564
565
              },
  
              _loadDatalet : function(selectedFields){
  
b4accc86   Renato De Donato   datalet improved
566
                  this._updateParams();
e8219f9a   Renato De Donato   datalet-mod
567
  
e0e4a976   Renato De Donato   data-sevc-control...
568
569
                  var dataletParams ={
                      component   : this.selectedDatalet+"-datalet",
57ef9bf4   Renato De Donato   labels + info
570
                      params      : this.params,
e0e4a976   Renato De Donato   data-sevc-control...
571
572
573
                      fields      : selectedFields,
                      placeHolder : this.$.datalet_selection_datalet_placeholder
                  };
0f6424fe   root   update new data-s...
574
  
e0e4a976   Renato De Donato   data-sevc-control...
575
576
                  ComponentService.deep_url = this.deepUrl;
                  ComponentService.getComponent(dataletParams);
a31f0660   root   sevc-controllet i...
577
  
8afca675   Renato De Donato   title-description
578
  //                console.log(this.params);
1c44cfb8   Renato De Donato   datalet selection...
579
  
0b7cbd33   Renato De Donato   title-desciption
580
  
8afca675   Renato De Donato   title-description
581
582
583
584
585
  //                this.async(function(){
  //                    if(this.$.datalet_selection_datalet_placeholder.children[1])
  //                        this.$.datalet_selection_datalet_placeholder.children[1].behavior.setParameters(this.params);
  //                    this.$.add_button.removeAttribute("disabled");
  //                }, 300);
1c44cfb8   Renato De Donato   datalet selection...
586
587
  
  //                this.async(function(){this.$.add_button.removeAttribute("disabled");}, 300);
8afca675   Renato De Donato   title-description
588
                  this.$.add_button.removeAttribute("disabled");
0f6424fe   root   update new data-s...
589
590
              },
  
e0e4a976   Renato De Donato   data-sevc-control...
591
              _addDatalet : function(){
0f6424fe   root   update new data-s...
592
  
9579b866   Renato De Donato   firefox bug fix
593
594
595
596
597
                  var selectedFields = [];
                  for (var i = 0; i < this.selectedFields.length; i++)
                      if(this.selectedFields[i])
                          selectedFields.push(this.selectedFields[i]);
  
0b7cbd33   Renato De Donato   title-desciption
598
  //                console.log(this.params);
3c812cc9   Renato De Donato   title-desciption ...
599
  
0f6424fe   root   update new data-s...
600
601
                  var data = {
                      dataUrl : this.dataUrl,
57ef9bf4   Renato De Donato   labels + info
602
                      params :  this.params,
9579b866   Renato De Donato   firefox bug fix
603
                      fields :  selectedFields,
0f6424fe   root   update new data-s...
604
                      datalet : this.selectedDatalet+"-datalet",
3c812cc9   Renato De Donato   title-desciption ...
605
  //                    comment : "",//DEPRECATED!!!
0f6424fe   root   update new data-s...
606
607
608
                      staticData : JSON.stringify(this.$.datalet_selection_datalet_placeholder.children[1].behavior.data)
                  }
  
0f6424fe   root   update new data-s...
609
                  this.fire('data-sevc-controllet.dataletCreated', {data : data});
a31f0660   root   sevc-controllet i...
610
611
612
  
              },
  
57ef9bf4   Renato De Donato   labels + info
613
              _showInfo : function(e){
90890e86   Andrea Petta   l20n bug fix
614
                  var that = this;
57ef9bf4   Renato De Donato   labels + info
615
616
617
618
619
620
621
622
623
624
625
                  var t = e.target;
                  if(t.tagName.indexOf("IRON-ICON") != -1)
                      t = $(e.target).parents("paper-icon-button")[0];
  
                  var name = t.getAttribute("title").replace(" info", "");
  
                  var dataset = $.grep(this.inputs, function(e){ return e.name == name; })[0];
                  if(!dataset)
                      dataset = $.grep(this.labels, function(e){ return e.name == name; })[0];
  
                  this.$.dialog_name.innerHTML = dataset.name;
6d2a2a1e   Andrea Petta   language handling
626
                  this.$.dialog_description.innerHTML = ln[dataset.description + "_" +  ln["localization"]];
79ec939f   Renato De Donato   info position + a...
627
                  this.$.dialog_info_input.open();
57ef9bf4   Renato De Donato   labels + info
628
629
  
                  var pos = t.getBoundingClientRect();
79ec939f   Renato De Donato   info position + a...
630
631
                  $("#dialog_info_input").css("top", pos.top - 4);
                  $("#dialog_info_input").css("left", pos.left - 4);
57ef9bf4   Renato De Donato   labels + info
632
633
              },
  
59100bec   Renato De Donato   localization + ba...
634
635
636
637
              _fieldName : function(field) {
                  return field.substring(field.lastIndexOf(",")+1, field.length);;
              },
  
e0e4a976   Renato De Donato   data-sevc-control...
638
639
640
641
642
643
644
645
646
647
              _copy : function(o) {
                  var out, v, key;
                  out = Array.isArray(o) ? new Array(o.length) : {};
                  for (key in o) {
                      v = o[key];
                      out[key] = (typeof v === "object") ? this._copy(v) : v;
                  }
                  return out;
              },
  
a31f0660   root   sevc-controllet i...
648
649
650
651
652
653
654
655
              _resize : function(){
                  var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - 16;
                  h = h - 64 - 8; //height with page scroller
  
                  $("#items_vslider_container").height(h);//vslider controllet
  
                  $("#datalet_selection_inputs").height(h);
                  $("#datalet_selection_labels").height(h);
ed1bed76   Renato De Donato   fix bug-modify in...
656
  //                if(this.modify)
3c812cc9   Renato De Donato   title-desciption ...
657
  //                    $("#datalet_selection_datalet").height(h-128);
ed1bed76   Renato De Donato   fix bug-modify in...
658
  //                else
3c812cc9   Renato De Donato   title-desciption ...
659
                      $("#datalet_selection_datalet").height(h);
a31f0660   root   sevc-controllet i...
660
661
662
663
664
665
666
              }
  
          });
  
      </script>
  
  </dom-module>