938d1928
Luigi Serra
Update documentat...
|
1
2
|
<!--
@license
|
584d6ecd
Luigi Serra
Update components...
|
3
|
The MIT License (MIT)
|
73bcce88
luigser
COMPONENTS
|
4
|
|
584d6ecd
Luigi Serra
Update components...
|
5
|
Copyright (c) 2015 Dipartimento di Informatica - Università di Salerno - Italy
|
73bcce88
luigser
COMPONENTS
|
6
|
|
938d1928
Luigi Serra
Update documentat...
|
7
8
9
10
11
12
|
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
|
e619a3b0
Luigi Serra
Controllet cross ...
|
13
|
|
938d1928
Luigi Serra
Update documentat...
|
14
15
|
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
|
73bcce88
luigser
COMPONENTS
|
16
|
|
938d1928
Luigi Serra
Update documentat...
|
17
18
19
20
21
22
23
24
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
-->
|
73bcce88
luigser
COMPONENTS
|
25
|
|
ae17a8dc
Luigi Serra
Controllet and da...
|
26
|
<!--
|
950d181d
Luigi Serra
license updates
|
27
28
|
* Developed by :
* ROUTE-TO-PA Project - grant No 645860. - www.routetopa.eu
|
ae17a8dc
Luigi Serra
Controllet and da...
|
29
30
31
|
*
-->
|
938d1928
Luigi Serra
Update documentat...
|
32
33
34
35
36
37
38
39
40
|
<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/paper-styles/color.html">
<link rel="import" href="../../bower_components/neon-animation/neon-animated-pages.html">
<link rel="import" href="../../bower_components/neon-animation/neon-animatable.html">
<link rel="import" href="../../bower_components/neon-animation/neon-animations.html">
<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">
<link rel="import" href="../../bower_components/paper-input/paper-input.html">
|
f748e9cf
Luigi Serra
new controllet an...
|
41
|
<link rel="import" href="../../bower_components/paper-material/paper-material.html">
|
938d1928
Luigi Serra
Update documentat...
|
42
43
44
45
46
47
48
49
50
|
<link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
<link rel="import" href="../../bower_components/paper-button/paper-button.html">
<link rel="import" href="../../bower_components/paper-tabs/paper-tabs.html">
<link rel="import" href="../../bower_components/paper-tabs/paper-tab.html">
<link rel="import" href="../../bower_components/iron-pages/iron-pages.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-toast/paper-toast.html">
|
c011cd54
Luigi Serra
selection control...
|
51
52
|
<link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html">
<link rel="import" href="../../bower_components/paper-dialog-scrollable/paper-dialog-scrollable.html">
|
938d1928
Luigi Serra
Update documentat...
|
53
|
|
f748e9cf
Luigi Serra
new controllet an...
|
54
|
<link rel="import" href="../items-list-controllet/item-list-controllet.html">
|
938d1928
Luigi Serra
Update documentat...
|
55
|
<link rel="import" href="../draggable-element-controllet/draggable-element-controllet.html">
|
9d4a34db
Luigi Serra
selection control...
|
56
|
<link rel="import" href="../tree-view-controllet/tree-view-controllet.html">
|
035bbee3
Luigi Serra
Datalets and cont...
|
57
|
<link rel="import" href="../text-element-controllet/text-element-controllet.html">
|
f748e9cf
Luigi Serra
new controllet an...
|
58
|
<link rel="import" href="../animated-button-container-controllet/animated-button-container-controllet.html">
|
938d1928
Luigi Serra
Update documentat...
|
59
60
|
<!--
|
c6d8e1a1
Luigi Serra
fix
|
61
62
63
64
65
|
The `data-sevc-controllet` is a controllet to generate visualization from a dataset accessible through api. A json response is required.
It's composed by three steps. First, user have to select a datasource to access to a dataset. He can copy and paste/drag and drop an url(an api url with json response) or select
from select contextual menu an available one. Second, the user selects the fields he want to visualize from a treeview by checking on it. A table preview of selected fields will show
the currently selected values. Third, the users selects a visualization(datalet) from a slider and drags the previous selected fields in to the input data model fields area. A preview
is available every time a fields is dragged in the input data model fields area.
|
938d1928
Luigi Serra
Update documentat...
|
66
67
68
|
Example:
|
6f8e74f7
Luigi Serra
card update
|
69
70
|
<data-sevc-controllet deep-url="http://192.168.36.128/DatalEts-Ecosystem-Provider/DEEP/"
datalets-list-url="http://192.168.36.128/DatalEts-Ecosystem-Provider/DEEP/datalets-list"
|
c6d8e1a1
Luigi Serra
fix
|
71
|
datasets='{[{name : 'dataset1', url : dataset1Urls}, ... , {name : 'datasetN', url : datasetNUrls}]'>
|
938d1928
Luigi Serra
Update documentat...
|
72
73
74
75
76
|
</data-sevc-controllet>
@element data-sevc-controllet
@status beta
|
c6d8e1a1
Luigi Serra
fix
|
77
|
@homepage
|
938d1928
Luigi Serra
Update documentat...
|
78
79
80
81
82
83
84
|
@group controllets
-->
<dom-module id="data-sevc-controllet">
<template>
<link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
|
74249687
Luigi Serra
Cross browser con...
|
85
|
|
325c348a
Luigi Serra
Cross browser bug...
|
86
|
<style is="custom-style">
|
73bcce88
luigser
COMPONENTS
|
87
|
|
938d1928
Luigi Serra
Update documentat...
|
88
89
90
|
::content body {
font-family: 'Roboto', sans-serif;
}
|
dbc787cf
Luigi Serra
Controllet cross ...
|
91
|
|
938d1928
Luigi Serra
Update documentat...
|
92
93
94
95
|
.flexchild
{
@apply(--layout-flex);
}
|
73bcce88
luigser
COMPONENTS
|
96
|
|
938d1928
Luigi Serra
Update documentat...
|
97
98
99
100
|
.flex2child
{
@apply(--layout-flex-2);
}
|
73bcce88
luigser
COMPONENTS
|
101
|
|
938d1928
Luigi Serra
Update documentat...
|
102
103
104
105
106
107
108
109
110
111
112
113
|
.avatar
{
display: inline-block;
height: 2em;
width: 2em;
border-radius: 50%;
background: var(--paper-blue-500);
color: white;
line-height: 2em;
font-size: 1.87em;
text-align: center;
}
|
73bcce88
luigser
COMPONENTS
|
114
|
|
938d1928
Luigi Serra
Update documentat...
|
115
116
117
118
119
120
|
.title
{
position: relative;
top: 0.60vh;
margin-left: 20px;
}
|
73bcce88
luigser
COMPONENTS
|
121
|
|
938d1928
Luigi Serra
Update documentat...
|
122
123
124
125
126
|
.big
{
font-size: 1.37em;
color: var(--google-grey-500);
}
|
73bcce88
luigser
COMPONENTS
|
127
|
|
938d1928
Luigi Serra
Update documentat...
|
128
129
130
131
132
133
134
|
.medium
{
font-size: 1em;
padding-bottom: 0.5em;
color : #000000;
font-weight: bold;
}
|
73bcce88
luigser
COMPONENTS
|
135
|
|
938d1928
Luigi Serra
Update documentat...
|
136
137
138
139
140
141
142
|
.small
{
font-size: 0.8em;
padding-top: 10px;
color: var(--paper-blue-500);
font-weight: bold;
}
|
74249687
Luigi Serra
Cross browser con...
|
143
|
|
938d1928
Luigi Serra
Update documentat...
|
144
145
146
147
|
paper-input
{
width: 80%;
}
|
73bcce88
luigser
COMPONENTS
|
148
|
|
938d1928
Luigi Serra
Update documentat...
|
149
150
151
152
153
154
|
paper-dropdown-menu
{
text-align: left;
margin: auto;
width: 100%;
}
|
cb1aab91
Luigi Serra
Controllets update
|
155
|
|
938d1928
Luigi Serra
Update documentat...
|
156
157
158
159
160
|
::content paper-menu-button
{
display: block;
width: 100%;
}
|
cb1aab91
Luigi Serra
Controllets update
|
161
|
|
938d1928
Luigi Serra
Update documentat...
|
162
163
|
#visualization_slider_area
{
|
f748e9cf
Luigi Serra
new controllet an...
|
164
165
|
padding-top: 20px;
overflow: visible;
|
938d1928
Luigi Serra
Update documentat...
|
166
|
}
|
73bcce88
luigser
COMPONENTS
|
167
|
|
938d1928
Luigi Serra
Update documentat...
|
168
169
170
171
172
|
#fields_mapping_area
{
min-width: 670px;
min-height: 180px;
}
|
73bcce88
luigser
COMPONENTS
|
173
|
|
938d1928
Luigi Serra
Update documentat...
|
174
175
|
#datalet_placeholder
{
|
f748e9cf
Luigi Serra
new controllet an...
|
176
177
|
height: 60vh;
min-height: 60vh;
|
dd139891
isisadmin
layout fix
|
178
179
|
min-width: 45%;
margin-top:10px;
|
938d1928
Luigi Serra
Update documentat...
|
180
|
}
|
73bcce88
luigser
COMPONENTS
|
181
|
|
938d1928
Luigi Serra
Update documentat...
|
182
183
184
185
|
.datalet_right_container
{
width: 100vh;
}
|
73bcce88
luigser
COMPONENTS
|
186
|
|
938d1928
Luigi Serra
Update documentat...
|
187
188
189
190
191
|
.field-mapping-card
{
width: 50%;
float: left;
}
|
73bcce88
luigser
COMPONENTS
|
192
|
|
938d1928
Luigi Serra
Update documentat...
|
193
194
195
196
197
|
.toolbar_button
{
--iron-icon-height: 32px;
--iron-icon-width: 32px;
}
|
73bcce88
luigser
COMPONENTS
|
198
|
|
938d1928
Luigi Serra
Update documentat...
|
199
200
201
202
203
204
|
#finish_button
{
--iron-icon-height: 32px;
--iron-icon-width: 32px;
color: var(--paper-blue-500);
}
|
73bcce88
luigser
COMPONENTS
|
205
|
|
938d1928
Luigi Serra
Update documentat...
|
206
207
208
209
210
|
.area_container
{
overflow: hidden;
margin : 0.8em;
padding : 0.8em;
|
938d1928
Luigi Serra
Update documentat...
|
211
|
}
|
73bcce88
luigser
COMPONENTS
|
212
|
|
938d1928
Luigi Serra
Update documentat...
|
213
214
215
216
217
218
219
|
#fields_placeholder{
width: 40%;
height: 75vh;
position: relative;
float: left;
overflow: auto;
}
|
73bcce88
luigser
COMPONENTS
|
220
|
|
938d1928
Luigi Serra
Update documentat...
|
221
222
223
224
225
226
227
|
#table_fields_container{
height: 75vh;
width: 55%;
position: relative;
float: left;
overflow: auto;
}
|
73bcce88
luigser
COMPONENTS
|
228
|
|
938d1928
Luigi Serra
Update documentat...
|
229
230
231
232
233
234
|
paper-tabs, paper-toolbar
{
background-color: var(--paper-blue-500);
color: #ffffff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
|
cb1aab91
Luigi Serra
Controllets update
|
235
|
|
938d1928
Luigi Serra
Update documentat...
|
236
237
238
239
240
|
paper-toolbar paper-tabs
{
box-shadow: none;
--paper-tabs-selection-bar-color : var(--google-gray-500);
}
|
cb1aab91
Luigi Serra
Controllets update
|
241
|
|
938d1928
Luigi Serra
Update documentat...
|
242
243
244
245
|
paper-tabs[noink][no-bar] paper-tab.iron-selected
{
background-color: var(--google-gray-500);
}
|
cb1aab91
Luigi Serra
Controllets update
|
246
|
|
938d1928
Luigi Serra
Update documentat...
|
247
248
249
250
|
paper-tabs[align-bottom]
{
box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.15);
}
|
cb1aab91
Luigi Serra
Controllets update
|
251
|
|
938d1928
Luigi Serra
Update documentat...
|
252
253
|
#idm_fields_main_container{
position: relative;
|
f748e9cf
Luigi Serra
new controllet an...
|
254
|
height: 60vh;
|
938d1928
Luigi Serra
Update documentat...
|
255
|
}
|
74249687
Luigi Serra
Cross browser con...
|
256
|
|
24be6abb
Luigi Serra
selection control...
|
257
|
#selectedFields_main_container{
|
938d1928
Luigi Serra
Update documentat...
|
258
|
position: relative;
|
f748e9cf
Luigi Serra
new controllet an...
|
259
|
height: 60vh;
|
938d1928
Luigi Serra
Update documentat...
|
260
|
}
|
74249687
Luigi Serra
Cross browser con...
|
261
|
|
035bbee3
Luigi Serra
Datalets and cont...
|
262
263
|
#idm_layout_main_container{
position: relative;
|
486a1c48
Luigi Serra
selection control...
|
264
265
266
267
268
269
|
height: 50vh;
}
#comment{
position: relative;
width: 35vw;
|
035bbee3
Luigi Serra
Datalets and cont...
|
270
271
|
}
|
938d1928
Luigi Serra
Update documentat...
|
272
273
274
|
paper-menu{
width: 100%;
}
|
74249687
Luigi Serra
Cross browser con...
|
275
|
|
c011cd54
Luigi Serra
selection control...
|
276
277
278
279
280
281
282
283
284
|
paper-dialog {
position: fixed;
top: 16px;
width: auto;
height: auto;
overflow: auto;
padding : 30px;
}
|
938d1928
Luigi Serra
Update documentat...
|
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
|
</style>
<iron-ajax
auto
id="data_request"
url={{dataUrl}}
verbose="true"
on-response="handleResponseData"
debounce-duration="300">
</iron-ajax>
<iron-ajax
id="datales_list_request"
auto
url={{dataletsListUrl}}
handle-as="json"
on-response="handleResponseDatalets"
debounce-duration="300">
</iron-ajax>
<iron-ajax
|
24be6abb
Luigi Serra
selection control...
|
306
|
id="selectedDatalet_request"
|
938d1928
Luigi Serra
Update documentat...
|
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
|
url={{deepUrl}}
verbose="true"
on-response="handleSelectedDatalet"
debounce-duration="300">
</iron-ajax>
<content>
<neon-animated-pages id="pages" selected="[[selected]]" entry-animation="[[entryAnimation]]" exit-animation="[[exitAnimation]]">
<neon-animatable>
<div class="vertical justified layout">
<div class="horizontal layout">
<div class="avatar" style="margin-left:15px">1</div>
<div class="title flex">
<div id="toolbar_title" class="big">Dataset source</div>
<div id="toolbar_description" class="small">Copy and paste/drag and drop in the textarea the url of datasource</div>
</div>
<paper-icon-button id="NextButton" class="toolbar_button" on-click="_onNextClick" icon="chevron-right" alt="arrow-forward" title="arrow-forward"></paper-icon-button>
|
74249687
Luigi Serra
Cross browser con...
|
328
|
</div>
|
74249687
Luigi Serra
Cross browser con...
|
329
|
|
f748e9cf
Luigi Serra
new controllet an...
|
330
|
<paper-material elevation="2" class="area_container">
|
938d1928
Luigi Serra
Update documentat...
|
331
332
333
334
335
336
337
338
|
<paper-tabs selected="{{DatasourceTabSelected}}">
<paper-tab>Select data source</paper-tab>
<paper-tab>Most popular</paper-tab>
<paper-tab>Search</paper-tab>
</paper-tabs>
<iron-pages selected="{{DatasourceTabSelected}}">
<div>
<div class="card-content">
|
bf28e75e
Luigi Serra
selection control...
|
339
|
<paper-dropdown-menu id="datasets-sources" name="datasets-sources" label="Available datasets">
|
938d1928
Luigi Serra
Update documentat...
|
340
341
|
<paper-menu class="dropdown-content">
<template is="dom-repeat" items="{{datasets}}" as="dataset" index-as="index">
|
35c4a6d8
Luigi Serra
Datasets provider...
|
342
|
<paper-item id="{{index}}" on-tap="_datasourceSelected">{{dataset.name}}</paper-item>
|
938d1928
Luigi Serra
Update documentat...
|
343
344
345
|
</template>
</paper-menu>
</paper-dropdown-menu>
|
c011cd54
Luigi Serra
selection control...
|
346
|
<paper-icon-button id="infoButton" on-click="_onInfoClick" icon="info-outline" alt="Information about selected dataset" title="info-button" style="color:#9e9e9e;"></paper-icon-button>
|
938d1928
Luigi Serra
Update documentat...
|
347
|
</div>
|
cb1aab91
Luigi Serra
Controllets update
|
348
|
|
938d1928
Luigi Serra
Update documentat...
|
349
|
<div><img src="static/images/or.png" style="position: relative;left: 50%;padding-top:20px"></div>
|
835a711f
Luigi Serra
Controllet cross ...
|
350
|
|
938d1928
Luigi Serra
Update documentat...
|
351
|
<div class="card-content">
|
486a1c48
Luigi Serra
selection control...
|
352
|
<paper-textarea class="custom_textarea" id="data_url" label="Dataset api data url" floatingLabel value="{{dataUrl}}" on-dragover="_handleDatasourceDragOver"></paper-textarea>
|
938d1928
Luigi Serra
Update documentat...
|
353
|
</div>
|
835a711f
Luigi Serra
Controllet cross ...
|
354
355
|
|
938d1928
Luigi Serra
Update documentat...
|
356
357
358
359
|
</div>
<div><img src="static/images/UnderConstruction.png" style="position: relative;top: 60%;left: 25%;"></div>
<div><img src="static/images/UnderConstruction.png" style="position: relative;top: 60%;left: 25%;"></div>
</iron-pages>
|
f748e9cf
Luigi Serra
new controllet an...
|
360
|
</paper-material>
|
cb1aab91
Luigi Serra
Controllets update
|
361
|
|
938d1928
Luigi Serra
Update documentat...
|
362
|
</div>
|
73bcce88
luigser
COMPONENTS
|
363
|
|
938d1928
Luigi Serra
Update documentat...
|
364
|
</neon-animatable>
|
73bcce88
luigser
COMPONENTS
|
365
|
|
938d1928
Luigi Serra
Update documentat...
|
366
|
<neon-animatable>
|
73bcce88
luigser
COMPONENTS
|
367
|
|
938d1928
Luigi Serra
Update documentat...
|
368
|
<div class="vertical justified layout">
|
74249687
Luigi Serra
Cross browser con...
|
369
|
|
938d1928
Luigi Serra
Update documentat...
|
370
371
372
373
374
|
<div class="horizontal layout">
<paper-icon-button id="PrevButton" class="toolbar_button x-scope" on-click="_onPrevClick" icon="chevron-left" alt="arrow-back" title="arrow-back"></paper-icon-button>
<div class="avatar">2</div>
<div class="title flex">
<div id="toolbar_title" class="big">Dataset source</div>
|
f4f24b9d
Luigi Serra
containers layout...
|
375
|
<div id="toolbar_description" class="small">Select the fields you want to use for visualization from tree on the right side. The table on the left side will show you the values related to the selected fields.</div>
|
938d1928
Luigi Serra
Update documentat...
|
376
377
|
</div>
<paper-icon-button id="NextButton" class="toolbar_button" on-click="_onNextClick" icon="chevron-right" alt="arrow-forward" title="arrow-forward"></paper-icon-button>
|
74249687
Luigi Serra
Cross browser con...
|
378
|
</div>
|
74249687
Luigi Serra
Cross browser con...
|
379
|
|
938d1928
Luigi Serra
Update documentat...
|
380
|
<div class="horizontal layout">
|
73bcce88
luigser
COMPONENTS
|
381
|
|
f748e9cf
Luigi Serra
new controllet an...
|
382
|
<paper-material elevation="2" id="fields_placeholder" class="area_container flexchild" style="min-width:300px">
|
9d4a34db
Luigi Serra
selection control...
|
383
|
<tree-view-controllet id="fields_treeview" root-name="data" opened-path="result,records"></tree-view-controllet>
|
f748e9cf
Luigi Serra
new controllet an...
|
384
|
</paper-material>
|
938d1928
Luigi Serra
Update documentat...
|
385
|
|
f748e9cf
Luigi Serra
new controllet an...
|
386
|
<paper-material elevation="2" id="table_fields_container" class="area_container flex2child">
|
938d1928
Luigi Serra
Update documentat...
|
387
|
<div id="table_component_place_holder"></div>
|
f748e9cf
Luigi Serra
new controllet an...
|
388
|
</paper-material>
|
74249687
Luigi Serra
Cross browser con...
|
389
|
|
73bcce88
luigser
COMPONENTS
|
390
|
</div>
|
74249687
Luigi Serra
Cross browser con...
|
391
|
|
73bcce88
luigser
COMPONENTS
|
392
|
</div>
|
74249687
Luigi Serra
Cross browser con...
|
393
|
|
938d1928
Luigi Serra
Update documentat...
|
394
|
</neon-animatable>
|
73bcce88
luigser
COMPONENTS
|
395
|
|
dd139891
isisadmin
layout fix
|
396
|
<neon-animatable>
|
73bcce88
luigser
COMPONENTS
|
397
|
|
938d1928
Luigi Serra
Update documentat...
|
398
|
<div class="vertical justified layout">
|
73bcce88
luigser
COMPONENTS
|
399
|
|
938d1928
Luigi Serra
Update documentat...
|
400
401
402
403
404
|
<div class="horizontal layout">
<paper-icon-button id="PrevButton" class="toolbar_button x-scope" on-click="_onPrevClick" icon="chevron-left" alt="arrow-back" title="arrow-back"></paper-icon-button>
<div class="avatar">3</div>
<div class="title flex">
<div id="toolbar_title" class="big">Data mapping</div>
|
f4f24b9d
Luigi Serra
containers layout...
|
405
|
<div id="toolbar_description" class="small">Select the visualization by clicking on the button(a window will appear with all available visualization).After, drag and drop the selected fields into datalet parameters area. A preview will be shown on the right side.</div>
|
938d1928
Luigi Serra
Update documentat...
|
406
|
</div>
|
24be6abb
Luigi Serra
selection control...
|
407
|
<paper-icon-button id="NextButton" class="toolbar_button" on-click="_onNextClick" icon="chevron-right" alt="arrow-forward" title="arrow-forward"></paper-icon-button>
|
73bcce88
luigser
COMPONENTS
|
408
|
</div>
|
74249687
Luigi Serra
Cross browser con...
|
409
|
|
73bcce88
luigser
COMPONENTS
|
410
|
|
938d1928
Luigi Serra
Update documentat...
|
411
|
<div class="horizontal layout">
|
74249687
Luigi Serra
Cross browser con...
|
412
|
|
938d1928
Luigi Serra
Update documentat...
|
413
|
<div class="">
|
f748e9cf
Luigi Serra
new controllet an...
|
414
415
|
<paper-material elevation="0" id="visualization_slider_area"></paper-material>
<paper-material elevation="2" id="fields_mapping_area" class="area_container">
|
73bcce88
luigser
COMPONENTS
|
416
|
|
24be6abb
Luigi Serra
selection control...
|
417
|
<div id="selectedFields_main_container" class="field-mapping-card">
|
938d1928
Luigi Serra
Update documentat...
|
418
419
420
|
<div class="title">
<div class="medium">Selected fields</div>
</div>
|
f748e9cf
Luigi Serra
new controllet an...
|
421
|
<paper-material elevation="2" id="selectedFields_container" class="area_container"></paper-material>
|
73bcce88
luigser
COMPONENTS
|
422
|
</div>
|
73bcce88
luigser
COMPONENTS
|
423
|
|
938d1928
Luigi Serra
Update documentat...
|
424
425
426
427
|
<div id="idm_fields_main_container" class="field-mapping-card">
<div class="title">
<div class="medium">Datalet fields</div>
</div>
|
f748e9cf
Luigi Serra
new controllet an...
|
428
|
<paper-material elevation="2" id="datalet_idm_fields_container" class="area_container"></paper-material>
|
73bcce88
luigser
COMPONENTS
|
429
|
</div>
|
f748e9cf
Luigi Serra
new controllet an...
|
430
|
</paper-material>
|
74249687
Luigi Serra
Cross browser con...
|
431
|
</div>
|
73bcce88
luigser
COMPONENTS
|
432
|
|
dd139891
isisadmin
layout fix
|
433
|
<div id="datalet_placeholder"></div>
|
8f65d1be
Luigi Serra
selection control...
|
434
|
|
24be6abb
Luigi Serra
selection control...
|
435
|
</div>
|
73bcce88
luigser
COMPONENTS
|
436
|
|
24be6abb
Luigi Serra
selection control...
|
437
438
439
440
441
442
443
444
445
446
447
448
|
</div>
</neon-animatable>
<neon-animatable>
<div class="vertical justified layout">
<div class="horizontal layout">
<paper-icon-button id="PrevButton" class="toolbar_button x-scope" on-click="_onPrevClick" icon="chevron-left" alt="arrow-back" title="arrow-back"></paper-icon-button>
<div class="avatar">4</div>
<div class="title flex">
<div id="toolbar_title" class="big">Finalize visualization</div>
|
f4f24b9d
Luigi Serra
containers layout...
|
449
|
<div id="toolbar_description" class="small">Assign the values for layout parameters (e.g. title for you visualization) and look at the final visualization. You can also add a comment if you are in the private room. </div>
|
24be6abb
Luigi Serra
selection control...
|
450
451
|
</div>
<paper-icon-button id="finish_button" on-click="_onFinish" icon="add-circle" alt="Conforms the creation" title="finish"></paper-icon-button>
|
938d1928
Luigi Serra
Update documentat...
|
452
|
</div>
|
74249687
Luigi Serra
Cross browser con...
|
453
|
|
24be6abb
Luigi Serra
selection control...
|
454
455
456
457
458
|
<div class="horizontal layout">
<div style="margin-top: 10px;">
<div class="title">
<div class="medium">Layout fields</div>
</div>
|
f748e9cf
Luigi Serra
new controllet an...
|
459
460
461
|
<paper-material elevation="2" id="idm_layout_main_container" class="area_container">
<paper-material elevation="2" id="idm_layout_container" class="area_container"></paper-material>
</paper-material>
|
486a1c48
Luigi Serra
selection control...
|
462
463
|
<div id="comment">
|
59190a9b
Luigi Serra
update
|
464
|
<paper-textarea class="custom_textarea" id="commentArea" label="Max 100 characters comment" maxlength="100"></paper-textarea>
|
486a1c48
Luigi Serra
selection control...
|
465
466
|
</div>
|
24be6abb
Luigi Serra
selection control...
|
467
468
|
</div>
|
f748e9cf
Luigi Serra
new controllet an...
|
469
|
<div id="datalet_placeholder_2" style="min-width: 45%;margin-top: 10px;"></div>
|
24be6abb
Luigi Serra
selection control...
|
470
471
|
</div>
|
938d1928
Luigi Serra
Update documentat...
|
472
|
</div>
|
73bcce88
luigser
COMPONENTS
|
473
|
|
938d1928
Luigi Serra
Update documentat...
|
474
|
</neon-animatable>
|
73bcce88
luigser
COMPONENTS
|
475
|
|
938d1928
Luigi Serra
Update documentat...
|
476
|
</neon-animated-pages>
|
73bcce88
luigser
COMPONENTS
|
477
|
|
938d1928
Luigi Serra
Update documentat...
|
478
|
<paper-toast id="message" text=""></paper-toast>
|
73bcce88
luigser
COMPONENTS
|
479
|
|
c011cd54
Luigi Serra
selection control...
|
480
481
482
483
484
485
|
<paper-dialog id="infoDialog">
<h2 id="infoDialogTitle"></h2>
<paper-dialog-scrollable id="infoDialogContent">
</paper-dialog-scrollable>
</paper-dialog>
|
938d1928
Luigi Serra
Update documentat...
|
486
|
</content>
|
73bcce88
luigser
COMPONENTS
|
487
|
</template>
|
74249687
Luigi Serra
Cross browser con...
|
488
|
|
0b818d7e
Luigi Serra
Selection control...
|
489
|
<script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
|
73bcce88
luigser
COMPONENTS
|
490
491
492
493
|
<script src="../../../DEEPCLIENT/js/deepClient.js"></script>
<script>
|
73bcce88
luigser
COMPONENTS
|
494
495
496
497
|
Polymer({
is : 'data-sevc-controllet',
|
938d1928
Luigi Serra
Update documentat...
|
498
499
500
|
/**
* Received when the user selects a datalet from slider.
*
|
f748e9cf
Luigi Serra
new controllet an...
|
501
|
* @event items-list-controllet_item-selected
|
938d1928
Luigi Serra
Update documentat...
|
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
|
*/
/**
* Received when the user drags a selected fields in to one of the source input data model field
*
* @event draggable-element-controllet_content-dragged
*/
/**
* Received when the user selects one field from treeview controllet
*
* @event treeview-controllet-fileds-selected
*/
/**
* Received when the user drags a selected fields in to one of the source input data model field
*
* @event draggable-element-controllet_content-dragged
*/
/**
|
035bbee3
Luigi Serra
Datalets and cont...
|
523
524
525
526
527
528
|
* Received when the user change text value of the selected datalet layout inputs
*
* @event text-element-controllet_content-changed
*/
/**
|
938d1928
Luigi Serra
Update documentat...
|
529
530
531
532
533
|
* Fired when the user press to finish button. At this event are attached all information about the visualization currently created
*
* @event data-sevc-controllet.dataletCreated
*/
|
73bcce88
luigser
COMPONENTS
|
534
|
listeners : {
|
f748e9cf
Luigi Serra
new controllet an...
|
535
|
'items-list-controllet_item-selected' : '_dataletSelected',
|
73bcce88
luigser
COMPONENTS
|
536
|
'draggable-element-controllet_content-dragged' : '_fieldsMapped',
|
9d4a34db
Luigi Serra
selection control...
|
537
|
'tree-view-controllet_selected-fields' : '_fieldsSelected',
|
035bbee3
Luigi Serra
Datalets and cont...
|
538
|
'text-element-controllet_content-changed' : '_textElementChanged'
|
73bcce88
luigser
COMPONENTS
|
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
|
},
properties : {
entryAnimation : {
type : String,
value : ""
},
exitAnimation : {
type : String,
value : ""
},
selected : {
type : Number,
value : 0
},
/**
|
938d1928
Luigi Serra
Update documentat...
|
559
|
* It represents the data url from CKAN api
|
73bcce88
luigser
COMPONENTS
|
560
561
562
563
564
565
566
|
*
* @attribute dataUrl
* @type string
* @default 'null'
*/
dataUrl : {
type : String,
|
24be6abb
Luigi Serra
selection control...
|
567
|
value : undefined,
|
73bcce88
luigser
COMPONENTS
|
568
569
570
|
observer : '_dataUrlChanged'
},
/**
|
938d1928
Luigi Serra
Update documentat...
|
571
|
* It represents the DEEP url to get information about the datalets
|
73bcce88
luigser
COMPONENTS
|
572
573
574
575
576
577
578
|
*
* @attribute deepUrl
* @type string
* @default 'null'
*/
deepUrl : {
type : String,
|
24be6abb
Luigi Serra
selection control...
|
579
|
value : undefined
|
73bcce88
luigser
COMPONENTS
|
580
|
},
|
938d1928
Luigi Serra
Update documentat...
|
581
|
/**
|
938d1928
Luigi Serra
Update documentat...
|
582
583
584
585
586
587
|
* It's used to store the list of datalets returned from DEEP
*
* @attribute datalets_list
* @type Array
* @default empty
*/
|
73bcce88
luigser
COMPONENTS
|
588
589
590
591
|
datalets_list : {
type : Array ,
value : []
},
|
938d1928
Luigi Serra
Update documentat...
|
592
|
/**
|
f748e9cf
Luigi Serra
new controllet an...
|
593
|
* It's used to store the selected datalet. It will be set when the controllet get the event of selection by item slider (items-list-controllet_item-selected)
|
938d1928
Luigi Serra
Update documentat...
|
594
|
*
|
24be6abb
Luigi Serra
selection control...
|
595
|
* @attribute selectedDatalet
|
938d1928
Luigi Serra
Update documentat...
|
596
597
598
|
* @type String
* @default ''
*/
|
24be6abb
Luigi Serra
selection control...
|
599
|
selectedDatalet : {
|
73bcce88
luigser
COMPONENTS
|
600
|
type : String,
|
24be6abb
Luigi Serra
selection control...
|
601
|
value : undefined
|
73bcce88
luigser
COMPONENTS
|
602
|
},
|
938d1928
Luigi Serra
Update documentat...
|
603
604
605
|
/**
* It's used to store the list of selected fields by user
*
|
24be6abb
Luigi Serra
selection control...
|
606
|
* @attribute selectedFields
|
938d1928
Luigi Serra
Update documentat...
|
607
608
609
|
* @type Array
* @default empty
*/
|
24be6abb
Luigi Serra
selection control...
|
610
|
selectedFields : {
|
73bcce88
luigser
COMPONENTS
|
611
|
type : Array,
|
24be6abb
Luigi Serra
selection control...
|
612
613
614
615
616
617
618
619
|
value : undefined
},
/**
* It contains all attributes for the datalet preset. It'll be used when the controllet is called to modify an exsting datalet.
*/
dataletPreset:{
type: Object,
value: undefined
|
cb1aab91
Luigi Serra
Controllets update
|
620
|
},
|
938d1928
Luigi Serra
Update documentat...
|
621
|
/**
|
035bbee3
Luigi Serra
Datalets and cont...
|
622
623
|
* It's used to store the params to give to datalet. This kind of params will not processed by selection step
*
|
24be6abb
Luigi Serra
selection control...
|
624
|
* @attribute paramsFields
|
035bbee3
Luigi Serra
Datalets and cont...
|
625
626
627
|
* @type Object
* @default empty
*/
|
24be6abb
Luigi Serra
selection control...
|
628
|
paramsFields:{
|
035bbee3
Luigi Serra
Datalets and cont...
|
629
|
type: Object,
|
6546f412
Luigi Serra
controllets and b...
|
630
|
value: undefined
|
035bbee3
Luigi Serra
Datalets and cont...
|
631
632
|
},
/**
|
938d1928
Luigi Serra
Update documentat...
|
633
634
635
636
637
638
|
* It's used to store the tab index in the first pass
*
* @attribute DatasourceTabSelected
* @type Number
* @default 0
*/
|
cb1aab91
Luigi Serra
Controllets update
|
639
640
641
642
|
DatasourceTabSelected : {
type : Number,
value : 0
},
|
938d1928
Luigi Serra
Update documentat...
|
643
644
645
646
647
648
649
|
/**
* It's used to store the datasets to show in the contexual menu
*
* @attribute datasets
* @type Array
* @default empty
*/
|
cb1aab91
Luigi Serra
Controllets update
|
650
651
652
|
datasets :
{
type : Array,
|
35c4a6d8
Luigi Serra
Datasets provider...
|
653
|
value : []
|
73bcce88
luigser
COMPONENTS
|
654
|
}
|
73bcce88
luigser
COMPONENTS
|
655
|
},
|
938d1928
Luigi Serra
Update documentat...
|
656
657
658
659
660
661
662
663
|
/**
* It is called after the elements template has been stamped and all elements inside the elements local DOM have been configured (with values bound from parents, deserialized attributes, or else default values) and had their ready method called.
* In this phase the scrollbar will be initialized
*
* @method handleResponseData
*
* @param {Event} e
*/
|
73bcce88
luigser
COMPONENTS
|
664
665
666
|
ready : function(){
|
0b818d7e
Luigi Serra
Selection control...
|
667
|
$(this.$.fields_placeholder).perfectScrollbar();
|
24be6abb
Luigi Serra
selection control...
|
668
|
$(this.$.selectedFields_main_container).perfectScrollbar();
|
0b818d7e
Luigi Serra
Selection control...
|
669
|
$(this.$.idm_fields_main_container).perfectScrollbar();
|
035bbee3
Luigi Serra
Datalets and cont...
|
670
|
$(this.$.idm_layout_main_container).perfectScrollbar();
|
0b818d7e
Luigi Serra
Selection control...
|
671
|
$(this.$.table_fields_container).perfectScrollbar();
|
73bcce88
luigser
COMPONENTS
|
672
|
|
24be6abb
Luigi Serra
selection control...
|
673
674
|
if(this.dataletPreset != undefined) {
this.$.data_url.value = this.dataletPreset['data-url'];
|
486a1c48
Luigi Serra
selection control...
|
675
|
this.selected = 1;
|
24be6abb
Luigi Serra
selection control...
|
676
|
}
|
f4f24b9d
Luigi Serra
containers layout...
|
677
678
679
680
681
682
683
684
685
686
687
688
689
|
//Fiefox force :O
var table_params ={
component : "datatable-datalet",
params :{
'data-url' : this.dataUrl
},
fields : [],
placeHolder : this.$.table_component_place_holder
};
ComponentService.deep_url = this.deepUrl;
ComponentService.getComponent(table_params);
|
7b2d40bf
Luigi Serra
Selection control...
|
690
|
},
|
486a1c48
Luigi Serra
selection control...
|
691
692
693
694
|
/**
* Utility function to inject datalet in a placeholder
*/
injectDatalet: function(place_holder){
|
f748e9cf
Luigi Serra
new controllet an...
|
695
|
|
9d4a34db
Luigi Serra
selection control...
|
696
|
var datalet_params ={
|
486a1c48
Luigi Serra
selection control...
|
697
698
699
700
701
702
|
component : this.selectedDatalet,
params : this.paramsFields,
fields : this.selectedFields,
placeHolder : place_holder
};
ComponentService.deep_url = this.deepUrl;
|
9d4a34db
Luigi Serra
selection control...
|
703
|
ComponentService.getComponent(datalet_params);
|
486a1c48
Luigi Serra
selection control...
|
704
|
},
|
7b2d40bf
Luigi Serra
Selection control...
|
705
|
|
73bcce88
luigser
COMPONENTS
|
706
707
708
709
|
/**
* Callback to parse the data requested when dataUrl change its value
*
* @method handleResponseData
|
938d1928
Luigi Serra
Update documentat...
|
710
711
|
*
* @param {Event} e
|
73bcce88
luigser
COMPONENTS
|
712
713
|
*/
handleResponseData : function(e){
|
9d4a34db
Luigi Serra
selection control...
|
714
715
716
|
this.$.fields_treeview.setAttribute("json-data", JSON.stringify(e.detail.response));
this.$.fields_treeview.setAttribute("preselected-fields", JSON.stringify(this.selectedFields));
this.$.fields_treeview.ready();//chrome
|
73bcce88
luigser
COMPONENTS
|
717
718
719
720
721
722
|
},
/**
* Callback to parse the components response object
*
* @method handleResponseDatalets
|
938d1928
Luigi Serra
Update documentat...
|
723
724
|
*
* @param {Event} e
|
73bcce88
luigser
COMPONENTS
|
725
726
727
728
729
730
731
732
733
734
735
|
*/
handleResponseDatalets : function(e){
this.datalets_list = new Array();
for(var i=0;i < e.detail.response.length;i++){
var datalet_info = { name : e.detail.response[i].name ,
image : e.detail.response[i].url + e.detail.response[i].name + ".png"
};
this.datalets_list.push(datalet_info);
}
|
24be6abb
Luigi Serra
selection control...
|
736
|
if(this.selectedDatalet == undefined)
|
f4f24b9d
Luigi Serra
containers layout...
|
737
|
this.$.visualization_slider_area.innerHTML = '<animated-button-container-controllet height="300" width="450" icon="assessment" icon-width="64" icon-height="64" background-button-color="#2196F3">' +
|
31d9a4f6
Luigi Serra
updates
|
738
|
'<items-list-controllet' +
|
f748e9cf
Luigi Serra
new controllet an...
|
739
740
741
742
|
' replace-string="-datalet"' +
' items=\'' + JSON.stringify(this.datalets_list) + '\'>' +
'</items-list-controllet>' +
'</animated-button-container-controllet>';
|
24be6abb
Luigi Serra
selection control...
|
743
|
else
|
f4f24b9d
Luigi Serra
containers layout...
|
744
|
this.$.visualization_slider_area.innerHTML = '<animated-button-container-controllet height="300" width="450" icon="assessment" icon-width="64" icon-height="64" background-button-color="#2196F3">' +
|
31d9a4f6
Luigi Serra
updates
|
745
|
'<items-list-controllet' +
|
f748e9cf
Luigi Serra
new controllet an...
|
746
747
748
749
750
|
' replace-string="-datalet"' +
' selected-card=\'' + this.selectedDatalet + '\'' +
' items=\'' + JSON.stringify(this.datalets_list) + '\'>' +
'</items-list-controllet>' +
'</animated-button-container-controllet>';
|
24be6abb
Luigi Serra
selection control...
|
751
|
|
73bcce88
luigser
COMPONENTS
|
752
|
},
|
938d1928
Luigi Serra
Update documentat...
|
753
754
755
756
757
758
759
760
|
/**
* Callback to dataset selection from list in the phase three. When a datalet is selected this function will build a bundle of box items, based on the datalet input data model,
* to allow user to drag the fields, from the selected fields box, and create a new visualization.
*
* @method handleSelectedDatalet
*
* @param {Event} e
*/
|
73bcce88
luigser
COMPONENTS
|
761
762
763
|
handleSelectedDatalet : function(e){
var response = e.detail.response;
|
73bcce88
luigser
COMPONENTS
|
764
|
this.$.datalet_idm_fields_container.innerHTML = "";
|
035bbee3
Luigi Serra
Datalets and cont...
|
765
|
this.$.idm_layout_container.innerHTML = "";
|
73bcce88
luigser
COMPONENTS
|
766
|
|
24be6abb
Luigi Serra
selection control...
|
767
768
769
|
var input;
var layouts = jQuery.extend(true, {}, response.idm.inputs.layouts);
|
a619e8e4
Luigi Serra
Selection control...
|
770
|
if(response.idm.inputs.input.constructor == Object) {
|
24be6abb
Luigi Serra
selection control...
|
771
772
|
if(response.idm.inputs.input.selection == "*")
{
|
f748e9cf
Luigi Serra
new controllet an...
|
773
|
var fields = this.$.selectedFields_container.querySelectorAll('draggable-element-controllet');
|
24be6abb
Luigi Serra
selection control...
|
774
775
|
input = response.idm.inputs.input;
response.idm.inputs.input = new Array();
|
f748e9cf
Luigi Serra
new controllet an...
|
776
|
for(var i=0;i<fields.length;i++){
|
24be6abb
Luigi Serra
selection control...
|
777
778
779
|
var newInput = jQuery.extend(true, {}, input);
newInput.name = input.name + ' ' + (i + 1);
response.idm.inputs.input.push(newInput);
|
a619e8e4
Luigi Serra
Selection control...
|
780
781
|
}
}
|
24be6abb
Luigi Serra
selection control...
|
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
|
}
var heading;
var id;
for(var i =0; i < response.idm.inputs.input.length; i++) {
var html = '<draggable-element-controllet is-target="true" ';
input = response.idm.inputs.input[i];
heading = ' heading="' + input.name + '"';
id = ' id="' + (i + 1) + '"';
html += heading + id;
html += ' description="' + input.description + '"' +
' number="' + (i + 1) + '"';
if(this.selectedFields != undefined) {
if(this.selectedFields[i] != undefined) {
html += ' value="' + this.selectedFields[i] + '"' +
' label="' + this.selectedFields[i].split(",")[this.selectedFields[i].split(",").length - 1] + '"';
}
|
74249687
Luigi Serra
Cross browser con...
|
803
|
}
|
24be6abb
Luigi Serra
selection control...
|
804
|
|
f748e9cf
Luigi Serra
new controllet an...
|
805
|
html += '></draggable-element-controllet>';
|
24be6abb
Luigi Serra
selection control...
|
806
807
|
this.$.datalet_idm_fields_container.innerHTML += html;
|
a619e8e4
Luigi Serra
Selection control...
|
808
809
|
}
|
24be6abb
Luigi Serra
selection control...
|
810
811
812
|
if(layouts.input != undefined) {
if(layouts.input.constructor == Object){
layouts.input = new Array(jQuery.extend(true, {}, layouts.input));
|
035bbee3
Luigi Serra
Datalets and cont...
|
813
814
|
}
|
24be6abb
Luigi Serra
selection control...
|
815
816
817
818
819
820
821
822
823
824
825
826
|
html = '<text-element-controllet ';
for (var i = 0; i < layouts.input.length; i++) {
html += '<text-element-controllet heading="' + layouts.input[i].name + '" ' +
'description="' + layouts.input[i].description + '" ' +
'number="' + (i + 1) + '" ';
if(this.dataletPreset != undefined){
html += 'value="' + this.dataletPreset[Object.keys(this.dataletPreset)[(i + 1)]] + '"';
}
html += '></text-element-controllet>';
}
this.$.idm_layout_container.innerHTML = html;
|
035bbee3
Luigi Serra
Datalets and cont...
|
827
828
|
}
|
24be6abb
Luigi Serra
selection control...
|
829
830
|
if(this.selectedFields != undefined) this.generateDataletPreview();
|
035bbee3
Luigi Serra
Datalets and cont...
|
831
832
833
834
835
836
837
838
|
},
/**
* Generate the datalet preview when user mapped fields. it even retrieves the value of layout inputs values.
*
* @method generateDataletPreview
*/
generateDataletPreview : function(){
|
f748e9cf
Luigi Serra
new controllet an...
|
839
|
var input_mapped_fields = this.$.datalet_idm_fields_container.querySelectorAll('draggable-element-controllet[is-target=true]');
|
24be6abb
Luigi Serra
selection control...
|
840
|
this.selectedFields = Array();
|
035bbee3
Luigi Serra
Datalets and cont...
|
841
842
843
|
for (var i = 0; i < input_mapped_fields.length; i++) {
if (input_mapped_fields[i].value != "") {
|
24be6abb
Luigi Serra
selection control...
|
844
|
this.selectedFields.push(input_mapped_fields[i].value);
|
035bbee3
Luigi Serra
Datalets and cont...
|
845
846
847
|
}
}
|
f748e9cf
Luigi Serra
new controllet an...
|
848
|
var input_layouts_fields = this.$.idm_layout_container.querySelectorAll('text-element-controllet');
|
24be6abb
Luigi Serra
selection control...
|
849
|
this.paramsFields = {'data-url' : this.dataUrl};
|
035bbee3
Luigi Serra
Datalets and cont...
|
850
851
852
|
for (var i = 0; i < input_layouts_fields.length; i++) {
if (input_layouts_fields[i].value != "") {
|
24be6abb
Luigi Serra
selection control...
|
853
|
this.paramsFields[input_layouts_fields[i].heading] = input_layouts_fields[i].value;
|
035bbee3
Luigi Serra
Datalets and cont...
|
854
855
856
|
}
}
|
486a1c48
Luigi Serra
selection control...
|
857
|
this.injectDatalet(this.$.datalet_placeholder);
|
035bbee3
Luigi Serra
Datalets and cont...
|
858
|
|
73bcce88
luigser
COMPONENTS
|
859
|
},
|
938d1928
Luigi Serra
Update documentat...
|
860
861
862
863
864
865
866
|
/**
* Validate the current pass in order to access to next one.
*
* @method validateCurrentPass
*
* @param {Number} next_selected_pass
*/
|
74249687
Luigi Serra
Cross browser con...
|
867
868
869
870
|
validateCurrentPass : function(next_selected_pass){
switch(next_selected_pass){
case 0:
|
77395397
Luigi Serra
controllets and b...
|
871
|
this.$.data_url.value = "";
|
f0ea8ac7
Luigi Serra
controllets and b...
|
872
873
874
|
this.$.fields_treeview.setAttribute("json-data", null);
this.$.fields_treeview.setAttribute("preselected-fields", null);
this.$.fields_treeview.ready();//chrome
|
74249687
Luigi Serra
Cross browser con...
|
875
876
|
return true;
case 1:
|
f0ea8ac7
Luigi Serra
controllets and b...
|
877
878
879
|
var x = this.$.fields_treeview.getAttribute("json-data");
if(this.$.data_url.value == undefined || this.$.fields_treeview.getAttribute('json-data') == "null" || this.$.fields_treeview.getAttribute('json-data') == null){
this.$.message.text = "You have to select a dataset to access to pass 2. It's possible that the data you selected are not available.";
|
74249687
Luigi Serra
Cross browser con...
|
880
881
882
883
884
885
886
|
this.$.message.show();
return false;
}else{
return true;
}
case 2:
|
6546f412
Luigi Serra
controllets and b...
|
887
|
if(this.selectedFields == undefined || this.selectedFields.length == 0){
|
74249687
Luigi Serra
Cross browser con...
|
888
889
890
891
892
893
|
this.$.message.text = "You have to select a set of fields to access to pass 3.";
this.$.message.show();
return false;
}else{
return true;
}
|
24be6abb
Luigi Serra
selection control...
|
894
|
case 3:
|
6546f412
Luigi Serra
controllets and b...
|
895
896
897
898
899
900
901
902
|
if(this.paramsFields == undefined){
this.$.message.text = "You have to select a datalet and map the selected fields to datalets fields(by drag and drop) to access to pass 4.";
this.$.message.show();
return false;
}else{
this.injectDatalet(this.$.datalet_placeholder_2);
return true;
}
|
74249687
Luigi Serra
Cross browser con...
|
903
904
905
|
}
},
|
938d1928
Luigi Serra
Update documentat...
|
906
907
908
909
910
911
|
/**
* Callback for manage the previous pass button
*
* @method _onPrevClick
*
*/
|
73bcce88
luigser
COMPONENTS
|
912
|
_onPrevClick : function() {
|
74249687
Luigi Serra
Cross browser con...
|
913
914
|
if(!this.validateCurrentPass(this.selected === 0 ? 0 : (this.selected - 1))) return;
|
73bcce88
luigser
COMPONENTS
|
915
|
this.entryAnimation = 'slide-from-left-animation';
|
2b9aa997
Luigi Serra
Bugs fix
|
916
917
|
this.exitAnimation = 'slide-right-animation';
this.selected = this.selected === 0 ? 0 : (this.selected - 1);
|
73bcce88
luigser
COMPONENTS
|
918
|
},
|
938d1928
Luigi Serra
Update documentat...
|
919
|
/**
|
c011cd54
Luigi Serra
selection control...
|
920
|
* Callback to manage the next pass button
|
938d1928
Luigi Serra
Update documentat...
|
921
922
923
924
|
*
* @method _onNextClick
*
*/
|
73bcce88
luigser
COMPONENTS
|
925
|
_onNextClick : function() {
|
74249687
Luigi Serra
Cross browser con...
|
926
|
|
24be6abb
Luigi Serra
selection control...
|
927
|
if(!this.validateCurrentPass(this.selected === 3 ? 3 : (this.selected + 1))) return;
|
74249687
Luigi Serra
Cross browser con...
|
928
|
|
73bcce88
luigser
COMPONENTS
|
929
|
this.entryAnimation = 'slide-from-right-animation';
|
2b9aa997
Luigi Serra
Bugs fix
|
930
|
this.exitAnimation = 'slide-left-animation';
|
24be6abb
Luigi Serra
selection control...
|
931
|
this.selected = this.selected === 3 ? 3 : (this.selected + 1);
|
73bcce88
luigser
COMPONENTS
|
932
|
},
|
938d1928
Luigi Serra
Update documentat...
|
933
|
/**
|
c011cd54
Luigi Serra
selection control...
|
934
935
936
937
938
939
940
941
942
|
* Callback to manage InfoButton click to give user information about the selected dataset
*
*/
_onInfoClick : function(){
this.$.infoDialog.open();
},
/**
|
938d1928
Luigi Serra
Update documentat...
|
943
944
945
946
947
948
|
* Callback related to datasource selection from select menu
*
* @method _datasourceSelected
*
* @param {Event} e
*/
|
cb1aab91
Luigi Serra
Controllets update
|
949
|
_datasourceSelected : function(e){
|
2b235978
Luigi Serra
Controllet cross ...
|
950
|
|
35c4a6d8
Luigi Serra
Datasets provider...
|
951
|
this.$.data_url.value = this.datasets[parseInt(e.target.id)].url;
|
c011cd54
Luigi Serra
selection control...
|
952
953
954
|
this.$.infoDialogTitle.innerHTML = this.datasets[parseInt(e.target.id)].name;
this.$.infoDialogContent.innerHTML = this.datasets[parseInt(e.target.id)].description;
|
cb1aab91
Luigi Serra
Controllets update
|
955
|
},
|
938d1928
Luigi Serra
Update documentat...
|
956
957
958
959
960
961
962
|
/**
* Callback related to data url change
*
* @method _dataUrlChanged
*
* @param {Event} e
*/
|
73bcce88
luigser
COMPONENTS
|
963
964
965
|
_dataUrlChanged : function(newValue, oldValue){
this.$.data_request.generateRequest();
},
|
938d1928
Luigi Serra
Update documentat...
|
966
967
968
969
970
971
972
|
/**
* Callback related to event 'items-slider-controllet_item-selected' fired by items-slider-controllet when the user selects a datalet
*
* @method _dataletSelected
*
* @param {Event} e
*/
|
73bcce88
luigser
COMPONENTS
|
973
|
_dataletSelected : function(e){
|
24be6abb
Luigi Serra
selection control...
|
974
975
976
|
this.selectedDatalet = e.detail.datalet;
this.$.selectedDatalet_request.url = this.deepUrl + e.detail.datalet;
this.$.selectedDatalet_request.generateRequest();
|
73bcce88
luigser
COMPONENTS
|
977
978
|
},
|
938d1928
Luigi Serra
Update documentat...
|
979
980
981
982
983
984
985
|
/**
* Callback related to event 'treeview-controllet-fileds-selected' fired by treeview-controllet when the user selects a field
*
* @method _fieldsSelected
*
* @param {Event} e
*/
|
73bcce88
luigser
COMPONENTS
|
986
987
|
_fieldsSelected : function(e){
|
9d4a34db
Luigi Serra
selection control...
|
988
|
this.selectedFields = e.detail.fields;
|
24be6abb
Luigi Serra
selection control...
|
989
|
this.$.selectedFields_container.innerHTML = "";
|
73bcce88
luigser
COMPONENTS
|
990
|
for(var i=0;i<e.detail.fields.length;i++) {
|
24be6abb
Luigi Serra
selection control...
|
991
|
this.$.selectedFields_container.innerHTML += '<draggable-element-controllet identifier="' + e.detail.fields[i] +
|
73bcce88
luigser
COMPONENTS
|
992
993
994
995
|
'" label="' + e.detail.fields[i].split(",")[e.detail.fields[i].split(",").length -1] +
'"></draggable-element-controllet><br>';
}
|
73bcce88
luigser
COMPONENTS
|
996
997
998
999
1000
1001
|
var table_params ={
component : "datatable-datalet",
params :{
'data-url' : this.dataUrl
},
fields : e.detail.fields,
|
f748e9cf
Luigi Serra
new controllet an...
|
1002
|
placeHolder : this.$.table_component_place_holder
|
73bcce88
luigser
COMPONENTS
|
1003
1004
1005
1006
1007
|
};
ComponentService.deep_url = this.deepUrl;
ComponentService.getComponent(table_params);
|
f4f24b9d
Luigi Serra
containers layout...
|
1008
|
|
73bcce88
luigser
COMPONENTS
|
1009
|
},
|
938d1928
Luigi Serra
Update documentat...
|
1010
1011
1012
1013
1014
1015
1016
|
/**
* Callback related to event 'draggable-element-controllet_content-dragged' fired by draggable-element-controllet when the user drags a selected field in to input data model field
*
* @method _fieldsMapped
*
* @param {Event} e
*/
|
73bcce88
luigser
COMPONENTS
|
1017
1018
|
_fieldsMapped : function(e){
|
035bbee3
Luigi Serra
Datalets and cont...
|
1019
|
this.generateDataletPreview();
|
73bcce88
luigser
COMPONENTS
|
1020
1021
|
},
|
938d1928
Luigi Serra
Update documentat...
|
1022
|
/**
|
035bbee3
Luigi Serra
Datalets and cont...
|
1023
1024
1025
1026
1027
1028
1029
|
* Callback related to event 'text-element-controllet_content-changed' fired by text-element-controllet when the user change the value of text
*
* @method _textElementChanged
*
* @param {Event} e
*/
_textElementChanged : function(e){
|
f748e9cf
Luigi Serra
new controllet an...
|
1030
|
if(this.selected == 3) {
|
59190a9b
Luigi Serra
update
|
1031
|
this.generateDataletPreview();
|
f748e9cf
Luigi Serra
new controllet an...
|
1032
1033
|
this.injectDatalet(this.$.datalet_placeholder_2);
}
|
035bbee3
Luigi Serra
Datalets and cont...
|
1034
1035
|
},
/**
|
938d1928
Luigi Serra
Update documentat...
|
1036
1037
1038
1039
1040
1041
|
* Callback related to the drag operation in the dataUrl input area. It's used to delete previous value.
*
* @method _handleDatasourceDragOver
*
* @param {Event} e
*/
|
73bcce88
luigser
COMPONENTS
|
1042
1043
1044
|
_handleDatasourceDragOver : function(e){
this.$.data_url.value = "";
},
|
938d1928
Luigi Serra
Update documentat...
|
1045
1046
1047
1048
1049
1050
1051
|
/**
* Callback related to the finish button.
*
* @method _onFinish
*
* @param {Event} e
*/
|
73bcce88
luigser
COMPONENTS
|
1052
1053
|
_onFinish : function(e){
|
24be6abb
Luigi Serra
selection control...
|
1054
|
if((this.selectedFields.length == 0) || this.selectedDatalet == ""){
|
dbc787cf
Luigi Serra
Controllet cross ...
|
1055
1056
1057
1058
1059
|
this.$.message.text = "You have to map the selected fields with datalets fields(by dragging) and select a datalet to export a new visualization.";
this.$.message.show();
return;
}
|
73bcce88
luigser
COMPONENTS
|
1060
1061
|
var data = {
dataUrl : this.dataUrl,
|
24be6abb
Luigi Serra
selection control...
|
1062
1063
1064
|
params : this.paramsFields,
fields : this.selectedFields,
datalet : this.selectedDatalet,
|
486a1c48
Luigi Serra
selection control...
|
1065
|
comment : this.$.commentArea.value,
|
5e31b047
isisadmin
datalet chaching ...
|
1066
|
staticData : JSON.stringify(this.$.datalet_placeholder.children[1].behavior.data)
|
73bcce88
luigser
COMPONENTS
|
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
|
}
this.fire('data-sevc-controllet.dataletCreated', {data : data});
}
});
</script>
</dom-module>
|