suggested dataset list

root
1 parent 9579b866
Showing 2 changed files with 23 additions and 8 deletions
controllets/dataset-selection-controllet/dataset-selection-controllet.html
controllets/items-vslider-controllet/items-vslider-controllet.html
@@ -181,7 +181,7 @@
                                 <paper-dropdown-menu label="Suggested datasets">
                                     <paper-menu class="dropdown-content">
                                         <template is="dom-repeat" items={{suggestedDatasets}} as="dataset">
-                                            <paper-item id={{index}} on-tap="_selectDataUrl">{{dataset.name}}</paper-item>
+                                            <paper-item id={{index}} on-tap="_selectSuggestedDataUrl">{{dataset.name}}</paper-item>
                                             <!--<paper-item id={{index}} on-tap="_selectDataUrl">{{_addHTMLSpace(dataset.name)}}</paper-item>-->
                                         </template>
                                     </paper-menu>
@@ -327,9 +327,24 @@
             },
  
             _selectDataUrl : function(e){
+                console.log(e.target);
                 var dataset = this.filteredDatasets[parseInt(e.target.id)]
  
-//                this.$.input_search.value = "";
+                this.dataUrl = dataset.url;
+
+//                if(dataset.description != ""){
+//                    this.$.info_button.removeAttribute("disabled");
+//                    this.$.dialog_name.innerHTML = dataset.name;
+//                    this.$.dialog_description.innerHTML = dataset.description;
+//                }
+//                else
+//                    this.$.info_button.setAttribute("disabled", "true");
+            },
+
+            _selectSuggestedDataUrl : function(e){
+                console.log(e.target);
+                var dataset = this.suggestedDatasets[parseInt(e.target.id)]
+
                 this.dataUrl = dataset.url;
  
 //                if(dataset.description != ""){
@@ -96,11 +96,11 @@
             }
  
             .clear {
-                margin-bottom: 3px;
-                width: 16px;
-                height: 16px;
-                color: #2196F3;
-                --paper-icon-button-ink-color: #2196F3;
+                width: 24px;
+                height: 24px;
+                padding: 0px 4px;
+                color: #FFFFFF;
+                --paper-icon-button-ink-color: #FFFFFF;
             }
         </style>
  
@@ -110,7 +110,7 @@
  
             <paper-input id="items_vslider_search" value={{filter}} no-label-float label="search">
                 <iron-icon class="search" icon="search" prefix></iron-icon>
-                <paper-icon-button class="clear" suffix on-click="_clearInput" icon="clear"></paper-icon-button>
+                <paper-icon-button class="clear" suffix on-click="_clearInput" icon="clear" tabindex="0"></paper-icon-button>
             </paper-input>
  
             <div class="arrow-up">