controllet ln

Renato De Donato
1 parent d6845748
Showing 3 changed files with 157 additions and 10 deletions
controllets/datalet-selection-controllet/datalet-selection-controllet.html
controllets/items-vslider-controllet/items-vslider-controllet.html
locales/lnHashMap.js
@@ -214,7 +214,7 @@
                 <div class="input_header"><span id="inputs"></span></div>
                 <template is="dom-repeat" items="{{inputs}}" index-as="ddl_index">
                     <div class="inputs">
-                        <paper-dropdown-menu id={{ddl_index}} label={{item.name}}>
+                        <paper-dropdown-menu id={{ddl_index}} label={{_getLabelName(item.name)}}>
                             <paper-menu class="dropdown-content">
                                 <template is="dom-repeat" items={{fields}}>
                                     <paper-item id={{index}} on-tap="_addInput">{{_fieldName(item)}}</paper-item>
@@ -223,7 +223,7 @@
                             </paper-menu>
                         </paper-dropdown-menu>
                         <div class="info_button">
-                            <paper-icon-button id="info_button" on-click="_showInfo" icon="info-outline" title="{{item.name}} info"></paper-icon-button>
+                            <paper-icon-button id={{item.name}} on-click="_showInfo" icon="info-outline" title="{{_getLabelName(item.name)}} info"></paper-icon-button>
                         </div>
                     </div>
                 </template>
@@ -233,20 +233,20 @@
                 <div class="input_header"><span id="baseInfo"></span></div>
                 <div class="inputs">
-                    <paper-input maxlength="32" label="title" class="base_input"></paper-input>
+                    <paper-input id="base_title" maxlength="32" class="base_input"></paper-input>
                 </div>
                 <div class="inputs">
-                    <paper-textarea maxlength="100" label="description" class="base_input"></paper-textarea>
+                    <paper-textarea id="base_description" maxlength="100" class="base_input"></paper-textarea>
                 </div>
                 <div class="input_header"><span id="layouts"></span></div>
                 <template is="dom-repeat" items="{{labels}}" index-as="index">
                     <div class="inputs">
-                        <paper-input label={{item.name}}></paper-input>
+                        <paper-input label={{_getLabelName(item.name)}}></paper-input>
                         <div class="info_button">
-                            <paper-icon-button id="info_button" on-click="_showInfo" icon="info-outline" title="{{item.name}} info"></paper-icon-button>
+                            <paper-icon-button id={{item.name}} on-click="_showInfo" icon="info-outline" title="{{_getLabelName(item.name)}} info"></paper-icon-button>
                         </div>
                     </div>
                 </template>
@@ -417,6 +417,9 @@
                 this.$.layouts.innerHTML        = ln["layouts_" + ln["localization"]];
                 this.$.dataletPreview.innerHTML = ln["dataletPreview_" + ln["localization"]];
+                this.$.base_title.label = ln["title_" + ln["localization"]];
+                this.$.base_description.label = ln["description_" + ln["localization"]];
+
                 if(this.modify)
                     this.$.add_button.innerHTML = ln["modifyDatalet_" + ln["localization"]];
             },
@@ -617,13 +620,14 @@
                 if(t.tagName.indexOf("IRON-ICON") != -1)
                     t = $(e.target).parents("paper-icon-button")[0];
-                var name = t.getAttribute("title").replace(" info", "");
+//                var name = t.getAttribute("title").replace(" info", "");
+                var name = t.getAttribute("id");
                 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;
+                this.$.dialog_name.innerHTML = ln[dataset.name + "_" +  ln["localization"]];
                 this.$.dialog_description.innerHTML = ln[dataset.description + "_" +  ln["localization"]];
                 this.$.dialog_info_input.open();
@@ -646,6 +650,10 @@
                 return out;
             },
+            _getLabelName: function(key) {
+                return ln[key + "_" +ln["localization"]];
+            },
+
             _resize : function(){
                 var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - 16;
                 h = h - 64 - 8; //height with page scroller
@@ -120,7 +120,7 @@
             <div id="div_datalets_container" class="flex">
                 <template is="dom-repeat" items="{{filteredDatalets}}">
                     <paper-material id={{item.imageName}} elevation="1" class='content-card' on-click="_selectDatalet">
-                        <div class="legend">{{item.imageName}}</div>
+                        <div class="legend">{{_getChartName(item.imageName)}}</div>
                         <div><img src={{item.imageUrl}}></div>
                     </paper-material>
                 </template>
@@ -297,6 +297,10 @@
             },
+            _getChartName: function(key) {
+                return ln[key + "_" +ln["localization"]];
+            }
+
 //            _resize : function(){
 //                var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - 16;
 //                h = h - 64 - 8; //height with page scroller
@@ -28,6 +28,40 @@ ln[&quot;dataletPreview_it&quot;] = &quot;ANTEPRIMA&quot;;
 ln["addDatalet_it"] = "AGGIUNGI";
 ln["modifyDatalet_it"] = "MODIFICA";
+ln["datatable_it"] = "tabella";
+ln["barchart_it"] = "bar-chart";
+ln["columnchart_it"] = "column-chart";
+ln["linechart_it"] = "line-chart";
+ln["column3Dchart_it"] = "3D column-chart";
+ln["areachart_it"] = "area-chart";
+ln["donutpie3dchart_it"] = "3D donutpie-chart";
+ln["piechart_it"] = "pie-chart";
+ln["treemap_it"] = "tree-map";
+ln["leafletjs_it"] = "map";
+ln["bubble3d_it"] = "3D bubble-chart";
+ln["bubblechart_it"] = "bubble-chart";
+ln["scatterchart_it"] = "scatter-chart";
+ln["heatmap_it"] = "heat-map";
+
+ln["title_it"] = "titolo";
+ln["description_it"] = "descrizione";
+
+ln["Cell_it"] = "Cella";
+ln["Level_it"] = "Livello";
+ln["Categories_it"] = "Categorie";
+ln["Series_it"] = "Serie";
+ln["x-axis-label_it"] = "etichetta asse X";
+ln["y-axis-label_it"] = "etichetta asse Y";
+ln["z-axis-label_it"] = "etichetta asse Z";
+ln["suffix_it"] = "Suffisso";
+ln["Size_it"] = "Dimensione";
+ln["Latitude_it"] = "Latitudine";
+ln["Longitude_it"] = "Longitudine";
+ln["Balloon content_it"] = "Contenuto della bolla";
+ln["X values_it"] = "Valori asse X";
+ln["Y values_it"] = "Valori asse Y";
+ln["Z values_it"] = "Valori asse Z";
+
 ln["cellDescription_it"] = "Cella della tabella.";
 ln["levelDescription_it"] = "Livello utilizzato per il raggruppamento dei valori corrispondenti.";
@@ -84,6 +118,40 @@ ln[&quot;dataletPreview_en&quot;] = &quot;PREVIEW&quot;;
 ln["addDatalet_en"] = "ADD";
 ln["modifyDatalet_en"] = "MODIFY";
+ln["datatable_en"] = "table";
+ln["barchart_en"] = "bar-chart";
+ln["columnchart_en"] = "column-chart";
+ln["linechart_en"] = "line-chart";
+ln["column3Dchart_en"] = "3D column-chart";
+ln["areachart_en"] = "area-chart";
+ln["donutpie3dchart_en"] = "3D donutpie-chart";
+ln["piechart_en"] = "pie-chart";
+ln["treemap_en"] = "tree-map";
+ln["leafletjs_en"] = "map";
+ln["bubble3d_en"] = "3D bubble-chart";
+ln["bubblechart_en"] = "bubble-chart";
+ln["scatterchart_en"] = "scatter-chart";
+ln["heatmap_en"] = "heat-map";
+
+ln["title_en"] = "title";
+ln["description_en"] = "description";
+
+ln["Cell_en"] = "Cell";
+ln["Level_en"] = "Level";
+ln["Categories_en"] = "Categories";
+ln["Series_en"] = "Series";
+ln["x-axis-label_en"] = "X axis label";
+ln["y-axis-label_en"] = "Y axis label";
+ln["z-axis-label_en"] = "Z axis label";
+ln["suffix_en"] = "Suffix";
+ln["Size_en"] = "Size";
+ln["Latitude_en"] = "Latitude";
+ln["Longitude_en"] = "Longitude";
+ln["Balloon content_en"] = "Balloon content";
+ln["X values_en"] = "X values";
+ln["Y values_en"] = "Y values";
+ln["Z values_en"] = "Z values";
+
 ln["cellDescription_en"] = "The cell of table.";
 ln["levelDescription_en"] = "It is the level field that the datalet will use to group the values at corrisponding field number level.";
@@ -112,7 +180,6 @@ ln[&quot;LatitudeDescription_en&quot;] = &quot;It is latitude of the points you want to show in
 ln["LongitudeDescription_en"] = "It is longitude of the points you want to show in the map.";
 ln["BalloonContentDescription_en"] = "It is the text associated to the marker or the link to the image related to the camera associated to each points.";
-
 /* FR */
 ln["slide1Title_fr"] = "SELECTIONNER UN JEU DE DONNEES";
 ln["slide1Subtitle_fr"] = "Rechercher ou copier/coller l’url du jeu de données.";
@@ -141,6 +208,40 @@ ln[&quot;dataletPreview_fr&quot;] = &quot;PREVISUALISATION&quot;;
 ln["addDatalet_fr"] = "AJOUTER";
 ln["modifyDatalet_fr"] = "MODIFIER";
+ln["datatable_fr"] = "table fr";
+ln["barchart_fr"] = "barchart";
+ln["columnchart_fr"] = "columnchart";
+ln["linechart_fr"] = "linechart";
+ln["column3Dchart_fr"] = "column3Dchart";
+ln["areachart_fr"] = "areachart";
+ln["donutpie3dchart_fr"] = "donutpie3dchart";
+ln["piechart_fr"] = "piechart";
+ln["treemap_fr"] = "treemap";
+ln["leafletjs_fr"] = "map";
+ln["bubble3d_fr"] = "bubble3d";
+ln["bubblechart_fr"] = "bubblechart";
+ln["scatterchart_fr"] = "scatterchart";
+ln["heatmap_fr"] = "heatmap";
+
+ln["title_fr"] = "title";
+ln["description_fr"] = "description";
+
+ln["Cell_fr"] = "Cell";
+ln["Level_fr"] = "Level";
+ln["Categories_fr"] = "Categories";
+ln["Series_fr"] = "Series";
+ln["x-axis-label_fr"] = "x-axis-label";
+ln["y-axis-label_fr"] = "y-axis-label";
+ln["z-axis-label_fr"] = "z-axis-label";
+ln["suffix_fr"] = "suffix";
+ln["Size_fr"] = "Size";
+ln["Latitude_fr"] = "Latitude";
+ln["Longitude_fr"] = "Longitude";
+ln["Balloon content_fr"] = "Balloon content";
+ln["X values_fr"] = "X values";
+ln["Y values_fr"] = "Y values";
+ln["Z values_fr"] = "Z values";
+
 ln["cellDescription_fr"] = "Cellules du tableau.";
 ln["levelDescription_fr"] = "C’est le niveau local que le graphique utilisera pour grouper les valeurs correspondantes au nombre de niveaux de champs";
@@ -197,6 +298,40 @@ ln[&quot;dataletPreview_nl&quot;] = &quot;VOORBEELD&quot;;
 ln["addDatalet_nl"] = "TOEVOEGEN";
 ln["modifyDatalet_nl"] = "WIJZIGEN";
+ln["datatable_nl"] = "tafel";
+ln["barchart_nl"] = "barchart";
+ln["columnchart_nl"] = "columnchart";
+ln["linechart_nl"] = "linechart";
+ln["column3Dchart_nl"] = "column3Dchart";
+ln["areachart_nl"] = "areachart";
+ln["donutpie3dchart_nl"] = "donutpie3dchart";
+ln["piechart_nl"] = "piechart";
+ln["treemap_nl"] = "treemap";
+ln["leafletjs_nl"] = "map";
+ln["bubble3d_nl"] = "bubble3d";
+ln["bubblechart_nl"] = "bubblechart";
+ln["scatterchart_nl"] = "scatterchart";
+ln["heatmap_nl"] = "heatmap";
+
+ln["title_fr"] = "title";
+ln["description_fr"] = "description";
+
+ln["Cell_nl"] = "Cell";
+ln["Level_nl"] = "Level";
+ln["Categories_nl"] = "Categories";
+ln["Series_nl"] = "Series";
+ln["x-axis-label_nl"] = "x-axis-label";
+ln["y-axis-label_nl"] = "y-axis-label";
+ln["z-axis-label_nl"] = "z-axis-label";
+ln["suffix_nl"] = "suffix";
+ln["Size_nl"] = "Size";
+ln["Latitude_nl"] = "Latitude";
+ln["Longitude_nl"] = "Longitude";
+ln["Balloon content_nl"] = "Balloon content";
+ln["X values_nl"] = "X values";
+ln["Y values_nl"] = "Y values";
+ln["Z values_nl"] = "Z values";
+
 ln["cellDescription_nl"] = "De cel van een tabel.";
 ln["levelDescription_nl"] = "Het is het veldniveau dat de datalet gebruikt om waarden te groeperen die corresponderen met veldniveau aantallen.";