WebCompDev / COMPONENTS

Commit cb1aab912b03e8839e3bf87045de7c9ef3daa0d2

Authored by Luigi Serra
1 parent a619e8e4

Controllets update

Inline Side-by-side
Showing 2 changed files with 142 additions and 8 deletions
controllets/data-sevc-controllet/data-sevc-controllet.html
  View file @cb1aab9
@@ -9,6 +9,11 @@ @@ -9,6 +9,11 @@
9 <link rel="import" href="../../bower_components/paper-input/paper-input.html"> 9 <link rel="import" href="../../bower_components/paper-input/paper-input.html">
10 <link rel="import" href="../../bower_components/paper-input/paper-textarea.html"> 10 <link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
11 <link rel="import" href="../../bower_components/paper-button/paper-button.html"> 11 <link rel="import" href="../../bower_components/paper-button/paper-button.html">
  12 +<link rel="import" href="../../bower_components/paper-tabs/paper-tabs.html">
  13 +<link rel="import" href="../../bower_components/paper-tabs/paper-tab.html">
  14 +<link rel="import" href="../../bower_components/iron-pages/iron-pages.html">
  15 +<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
  16 +<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
12 17
13 <link rel="import" href="../../controllets/items-slider-controllet/items-slider-controllet.html"> 18 <link rel="import" href="../../controllets/items-slider-controllet/items-slider-controllet.html">
14 <link rel="import" href="../draggable-element-controllet/draggable-element-controllet.html"> 19 <link rel="import" href="../draggable-element-controllet/draggable-element-controllet.html">
@@ -90,6 +95,17 @@ @@ -90,6 +95,17 @@
90 width: 80%; 95 width: 80%;
91 } 96 }
92 97
  98 + paper-dropdown-menu {
  99 + text-align: left;
  100 + margin: auto;
  101 + width: 100%;
  102 + }
  103 +
  104 + :host ::content paper-menu-button{
  105 + display: block;
  106 + width: 100%;
  107 + }
  108 +
93 #visualization_slider_area{ 109 #visualization_slider_area{
94 position:relative; 110 position:relative;
95 float:left; 111 float:left;
@@ -240,6 +256,25 @@ @@ -240,6 +256,25 @@
240 overflow: auto; 256 overflow: auto;
241 } 257 }
242 258
  259 + paper-tabs, paper-toolbar {
  260 + background-color: var(--paper-blue-500);
  261 + color: #ffffff;
  262 + box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  263 + }
  264 +
  265 + paper-toolbar paper-tabs {
  266 + box-shadow: none;
  267 + --paper-tabs-selection-bar-color : var(--google-gray-500);
  268 + }
  269 +
  270 + paper-tabs[noink][no-bar] paper-tab.iron-selected {
  271 + background-color: var(--google-gray-500);
  272 + }
  273 +
  274 + paper-tabs[align-bottom] {
  275 + box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.15);
  276 + }
  277 +
243 </style> 278 </style>
244 279
245 <iron-ajax 280 <iron-ajax
@@ -287,10 +322,32 @@ @@ -287,10 +322,32 @@
287 322
288 <neon-animatable> 323 <neon-animatable>
289 324
290 - <div class="fancy">  
291 - <div class="card-content">  
292 - <paper-textarea id="data_url" label="Dataset api data url" floatingLabel value="{{dataUrl}}" on-dragover="_handleDatasourceDragOver"></paper-textarea>  
293 - </div> 325 + <div class="fancy area_container">
  326 + <paper-tabs selected="{{DatasourceTabSelected}}">
  327 + <paper-tab>Select data suorce</paper-tab>
  328 + <paper-tab>Most popular</paper-tab>
  329 + <paper-tab>Search</paper-tab>
  330 + </paper-tabs>
  331 + <iron-pages selected="{{DatasourceTabSelected}}">
  332 + <div>
  333 + <div class="card-content">
  334 + <paper-textarea id="data_url" label="Dataset api data url" floatingLabel value="{{dataUrl}}" on-dragover="_handleDatasourceDragOver"></paper-textarea>
  335 + </div>
  336 +
  337 + <div class="card-content">
  338 + <paper-dropdown-menu id="datasets-sources" label="Available datasets">
  339 + <paper-menu class="dropdown-content">
  340 + <template is="dom-repeat" items="{{datasets}}" as="dataset" index-as="index">
  341 + <paper-item id="{{index}}" on-tap="_datasourceSelected">{{dataset}}</paper-item>
  342 + </template>
  343 + </paper-menu>
  344 + </paper-dropdown-menu>
  345 + </div>
  346 +
  347 + </div>
  348 + <div>Under costruction</div>
  349 + <div>Under costruction</div>
  350 + </iron-pages>
294 </div> 351 </div>
295 352
296 </neon-animatable> 353 </neon-animatable>
@@ -369,6 +426,60 @@ @@ -369,6 +426,60 @@
369 426
370 <script> 427 <script>
371 428
  429 + var datasetsPrato = {
  430 + names:[
  431 + 'Consuntivo entrate 2009',
  432 + 'Consuntivo entrate 2010',
  433 + 'Consuntivo entrate 2011',
  434 + 'Consuntivo entrate 2012',
  435 + 'Consuntivo entrate 2014'
  436 + ],
  437 + urls: [
  438 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=07843fc3-07e1-4c66-9be4-fed43ca4a26f&limit=10000',
  439 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=48a4db73-d3d4-4639-bbc2-9c797d0e6cda&limit=10000',
  440 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=a14cc2fb-0c24-48d7-9370-834045797d89&limit=10000',
  441 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=fb32fcb6-5e44-4e52-b132-01c6540ddbee&limit=10000',
  442 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=0cb600fc-19ad-4aaf-9794-1e6ea851840a&limit=10000'
  443 + ]
  444 + }
  445 +
  446 + var datasetsGroeningen = {
  447 + names:[
  448 + 'Vestigingen register gemeente Groningen',
  449 + 'Woonruimte gemeente Groningen'
  450 + ],
  451 + urls: [
  452 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=ba554c1f-02a7-4d76-b449-fb9daa1f8bfd&limit=10000',
  453 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=af7b3916-4347-469a-8354-3c2d559bd92f&limit=10000'
  454 + ]
  455 + }
  456 +
  457 + var datasetsDublin = {
  458 + names:[
  459 + 'SDCC Traffic Cameras',
  460 + 'Derelict Site Register',
  461 + 'Dublin City Council Commencement Notices',
  462 + 'Dublin City Council Planning Applications',
  463 + 'Dun Laoghaire-Rathdown County Council Planning Application 2008-2014',
  464 + 'Fingal Council Planning Applications for last 7 years',
  465 + 'Planning Register',
  466 + 'Fingal Development Plan 2011-2017 Record of Protected Structures'
  467 + ],
  468 + urls: [
  469 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=73e02092-85a1-434e-85fe-0c9a43aa9a52&limit=10000',
  470 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=fcbee83e-3d3d-4303-a568-24dd33d02adc&limit=10000',
  471 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=ee00de68-f2e4-482f-a003-3c0561351075&limit=10000',
  472 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=2f4a9d44-b52f-4c8b-a5db-d8f4a676d81e&limit=10000',
  473 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=c479f061-9638-489d-ac55-0c68765548ff&limit=10000',
  474 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=d29a477a-4734-43ef-8002-048c8640d441&limit=10000',
  475 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=2b23f32d-e27e-4eef-af1e-27e05103df7d&limit=10000',
  476 + 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=5ea813bc-fdf9-4edb-b3b1-0142b593d5c6&limit=10000',
  477 + ]
  478 + }
  479 +
  480 + var AvailableDatasets = [datasetsPrato, datasetsGroeningen, datasetsDublin]
  481 +
  482 +
372 Polymer({ 483 Polymer({
373 484
374 is : 'data-sevc-controllet', 485 is : 'data-sevc-controllet',
@@ -405,7 +516,7 @@ @@ -405,7 +516,7 @@
405 */ 516 */
406 dataUrl : { 517 dataUrl : {
407 type : String, 518 type : String,
408 - value : "http://demo.ckan.org/api/action/datastore_search?resource_id=8324a4c9-66d6-47bf-a898-94237cc39b9f&limit=50", 519 + value : "",/*"http://demo.ckan.org/api/action/datastore_search?resource_id=8324a4c9-66d6-47bf-a898-94237cc39b9f&limit=50",*/
409 observer : '_dataUrlChanged' 520 observer : '_dataUrlChanged'
410 }, 521 },
411 /** 522 /**
@@ -417,7 +528,7 @@ @@ -417,7 +528,7 @@
417 */ 528 */
418 deepUrl : { 529 deepUrl : {
419 type : String, 530 type : String,
420 - value : "http://demo.ckan.org/api/action/datastore_search?resource_id=8324a4c9-66d6-47bf-a898-94237cc39b9f&limit=50" 531 + value : ""
421 }, 532 },
422 533
423 datalet_query : { 534 datalet_query : {
@@ -438,6 +549,23 @@ @@ -438,6 +549,23 @@
438 selected_fields : { 549 selected_fields : {
439 type : Array, 550 type : Array,
440 value : [] 551 value : []
  552 + },
  553 +
  554 + DatasourceTabSelected : {
  555 + type : Number,
  556 + value : 0
  557 + },
  558 +
  559 + datasets :
  560 + {
  561 + type : Array,
  562 + value : AvailableDatasets[2].names
  563 + },
  564 +
  565 + datasets_urls :
  566 + {
  567 + type : Array,
  568 + value :AvailableDatasets[2].urls
441 } 569 }
442 570
443 }, 571 },
@@ -564,6 +692,11 @@ @@ -564,6 +692,11 @@
564 this.assignToolbar(); 692 this.assignToolbar();
565 }, 693 },
566 694
  695 + _datasourceSelected : function(e){
  696 +
  697 + this.$.data_url.value = this.datasets_urls[parseInt(e.srcElement.id)];
  698 + },
  699 +
567 _dataUrlChanged : function(newValue, oldValue){ 700 _dataUrlChanged : function(newValue, oldValue){
568 this.$.data_request.generateRequest(); 701 this.$.data_request.generateRequest();
569 }, 702 },
controllets/treeview-controllet/treeview-controllet.html
  View file @cb1aab9
@@ -171,8 +171,9 @@ @@ -171,8 +171,9 @@
171 '<div class="panel-title">' + heading + '</div>' + 171 '<div class="panel-title">' + heading + '</div>' +
172 '<input id="'+ heading +'" type="checkbox" class="checkbox select-all">' + 172 '<input id="'+ heading +'" type="checkbox" class="checkbox select-all">' +
173 '</div>' + 173 '</div>' +
174 - '<br>' +  
175 - '<div class="items-list"></div>'; 174 + '<br>';
  175 + /*'<div class="items-list"></div>';*/
  176 + ul.innerHTML += (id.indexOf("records") != -1) ? '<div class="items-list" style="display:block;"></div>' : '<div class="items-list"></div>';
176 177
177 return ul; 178 return ul;
178 179