filter ln

Renato De Donato
1 parent 1efea0f2
Showing 3 changed files with 50 additions and 13 deletions
controllets/filters-controllet/filters-controllet.html
controllets/select-data-controllet/demo/index.html
locales/controllet_ln.js
@@ -106,7 +106,7 @@
  
         <div id="filters_container">
  
-            <div id="filters_header" class="filters_header" on-click="_showFiltersPanel"><span id="filters">ADD FILTERS</span></div>
+            <div id="filters_header" class="filters_header" on-click="_showFiltersPanel"><span id="filters"><span id="addFilters"></span></span></div>
  
             <div id="filters_panel">
  
@@ -116,7 +116,8 @@
                             <paper-dropdown-menu id="filter_field" label="Field">
                                 <paper-menu id="filter_field_menu" class="dropdown-content">
                                     <template is="dom-repeat" items={{fields}}>
-                                        <paper-item id={{index}} on-tap="">{{_fieldName(item)}}</paper-item>
+                                        <paper-item id={{index}}>{{_fieldName(item)}}</paper-item>
+                                        <!--on-tap=""-->
                                     </template>
                                 </paper-menu>
                             </paper-dropdown-menu>
@@ -125,7 +126,7 @@
                             <paper-dropdown-menu id="filter_operation" label="Operation">
                                 <paper-menu id="filter_operation_menu" class="dropdown-content">
                                     <template is="dom-repeat" items={{operations}}>
-                                        <paper-item id={{index}} on-tap="">{{item}}</paper-item>
+                                        <paper-item id={{index}}>{{_getOperationlName(item)}}</paper-item>
                                     </template>
                                 </paper-menu>
                             </paper-dropdown-menu>
@@ -187,6 +188,10 @@
                 $(this.$.filters_panel).perfectScrollbar();
             },
  
+            attached : function() {
+                this._translate();
+            },
+
             setFields : function(fields) {
                 this.fields = this._copy(fields);
             },
@@ -195,6 +200,13 @@
                 return this.filters;
             },
  
+            _translate : function() {
+                this.$.addFilters.innerHTML = ln["addFilters_" + ln["localization"]];
+                this.$.filter_field.setAttribute("label", ln["filterField_" + ln["localization"]]);
+                this.$.filter_operation.setAttribute("label", ln["filterOperation_" + ln["localization"]]);
+                this.$.filter_value.setAttribute("label", ln["filterValue_" + ln["localization"]]);
+            },
+
             _fieldName : function(field) {
                 return field.substring(field.lastIndexOf(",")+1, field.length);
             },
@@ -215,19 +227,21 @@
             },
  
             _addFilter : function() {
-                var field = this.$.filter_field.value;
-                var operation = this.$.filter_operation.value;
-                var value = this.$.filter_value.value;
+                if (this.$.filter_field.selectedItem && this.$.filter_operation_menu.selectedItem && this.$.filter_value.value != "" && !this.$.filter_value.invalid) {
+                    var field = this.$.filter_field.value;
+                    var operation = this.$.filter_operation.value;
+                    var value = this.$.filter_value.value;
  
-                var filters = this.filters;
-                filters.push({"field": field, "operation": operation, "value": value});
-                this.filters = this._copy(filters);
+                    var filters = this.filters;
+                    filters.push({"field": field, "operation": operation, "value": value});
+                    this.filters = this._copy(filters);
  
-                this.$.filter_field_menu.select(-1);
-                this.$.filter_operation_menu.select(-1);
-                this.$.filter_value.value = "";
+                    this.$.filter_field_menu.select(-1);
+                    this.$.filter_operation_menu.select(-1);
+                    this.$.filter_value.value = "";
  
-                this.fire('filters-controllet_filters', {filters: this.filters});
+                    this.fire('filters-controllet_filters', {filters: this.filters});
+                }
             },
  
             _deleteFilter : function(e) {
@@ -240,6 +254,16 @@
                 this.fire('filters-controllet_filters', {filters: this.filters});
             },
  
+            _getOperationlName: function(operation) {
+                if(operation.indexOf("contains") > -1)
+                    return ln["contains_" + ln["localization"]];
+                if(operation.indexOf("start") > -1)
+                    return ln["start_" + ln["localization"]];
+                if(operation.indexOf("ends") > -1)
+                    return ln["ends_" + ln["localization"]];
+                return operation;
+            },
+
             _copy : function(o) {
                 var out, v, key;
                 out = Array.isArray(o) ? [] : {};
@@ -9,14 +9,18 @@
     <link rel="stylesheet" href="../../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
  
     <link rel="import" href="../../select-data-controllet/select-data-controllet.html" />
+
+    <script src="../../../locales/controllet_ln.js"></script>
 </head>
  
 <body>
  
     <!--<select-data-controllet id="tvmt" root-name="data" opened-path="records,geometry" preselected-fields='["nhits", "records,datasetid", "records,recordid"]' data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=73e02092-85a1-434e-85fe-0c9a43aa9a52&limit=5"></select-data-controllet>-->
+    <!--<select-data-controllet id="tvmt" root-name="data" data-url="https://data.issy.com/api/records/1.0/search?dataset=flux-rss-des-offres-demplois-a-issy-les-moulineaux&sort=published&facet=published&refine.published=2015%2F10"></select-data-controllet>-->
     <select-data-controllet id="tvmt" root-name="data" data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=73e02092-85a1-434e-85fe-0c9a43aa9a52&limit=5"></select-data-controllet>
  
     <script>
+        ln["localization"] = "en";
         var tvmt = document.getElementById('tvmt');
  
         tvmt.addEventListener("tree-view-controllet_selected-fields", function (e) {
@@ -28,6 +28,15 @@ ln[&quot;dataletPreview_it&quot;] = &quot;ANTEPRIMA&quot;;
 ln["addDatalet_it"] = "AGGIUNGI";
 ln["modifyDatalet_it"] = "MODIFICA";
  
+ln["addFilters_en"] = "ADD FILTERS";
+ln["filterField_en"] = "Field";
+ln["filterOperation_en"] = "Operation";
+ln["filterValue_en"] = "Value";
+ln["contains_en"] = "contains";
+ln["start_en"] = "start";
+ln["ends_en"] = "ends";
+
+
 ln["datatable_it"] = "tabella";
 ln["barchart_it"] = "bar-chart";
 ln["columnchart_it"] = "column-chart";