Merge branch 'master' of http://service.routetopa.eu:7480/WebCompDev/COMPONENTS

Luigi Serra
2 parents d069de46 31cc3534
Showing 6 changed files with 92 additions and 51 deletions
controllets/fullsize-page-with-card-controllet/fullsize-page-with-card-controllet.html
controllets/items-vslider-controllet/items-vslider-controllet.html
controllets/room-controllet/room-controllet.html
datalets/scatterchart-datalet/scatterchart-datalet.html
locales/lnHashMap.js
locales/room_controllet_ln.js
@@ -38,7 +38,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
         <div id="fixed" class="fixed" style$="background-color:{{color}}"></div>
         <div id="card" class="card" style$="background-color:{{color}}">
             <template is="dom-if" if="{{_checkUndefined(publicRoom)}}">
-                <iframe id="public_room_iframe" src="public-room/{{publicRoom}}" width="100%" height="100%"></iframe>
+                <iframe id="public_room_iframe" src="/public-room/{{publicRoom}}" width="100%" height="100%"></iframe>
             </template>
         </div>
@@ -108,7 +108,7 @@
         <paper-material id="items_vslider_container" elevation="5">
-            <paper-input id="items_vslider_search" value={{filter}} no-label-float label="search">
+            <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" tabindex="0"></paper-icon-button>
             </paper-input>
@@ -6,6 +6,8 @@
 <link rel="import" href="../../bower_components/iron-icons/communication-icons.html">
 <link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
+<script src="../../locales/room_controllet_ln.js"></script>
+
 <dom-module id="room-controllet">
     <template>
@@ -69,11 +71,11 @@
             <paper-dialog id="room_info" class="room-tooltip">
                 <iron-icon icon="communication:call-made" class="this" style="color: #2196F3;"></iron-icon>
-                <p class="ptop">This room <b style="color: #2196F3;">{{subject}}</b>,</p>
-                <p>created by <b style="color: #2196F3;">{{roomOwner}}</b> has:</p>
-                <p><iron-icon class="div_icon" style$="background-color: {{roomColor}};"></iron-icon><b style$="color: {{roomColor}};">{{_howMany(roomShape, 0)}} views</b> (<b style$="color: {{roomColor}};">{{roomViews}}</b>),</p>
-                <p><iron-icon icon="editor:border-left"></iron-icon> <b>{{_howMany(roomShape, 1)}} comments</b> (<b>{{comments}}</b>) and</p>
-                <p><iron-icon icon="editor:border-bottom"></iron-icon> <b>{{_howMany(roomShape, 2)}} datasets</b> (<b>{{datasets}}</b>).</p>
+                <p class="ptop">{{_thisRoom}} <b style="color: #2196F3;">{{subject}}</b>,</p>
+                <p>{{_createdBy}} <b style="color: #2196F3;">{{roomOwner}}</b> {{_has}}:</p>
+                <p><iron-icon class="div_icon" style$="background-color: {{roomColor}};"></iron-icon><b style$="color: {{roomColor}};">{{_howManyViews}} {{_views}}</b> (<b style$="color: {{roomColor}};">{{roomViews}}</b>),</p>
+                <p><iron-icon icon="editor:border-left"></iron-icon> <b>{{_howManyComments}} {{_comments}}</b> (<b>{{comments}}</b>) {{_and}}</p>
+                <p><iron-icon icon="editor:border-bottom"></iron-icon> <b>{{_howManyDatasets}} {{_datasets}}</b> (<b>{{datasets}}</b>).</p>
             </paper-dialog>
         </div>
@@ -145,12 +147,38 @@
                 datasets : {
                     type  : Number,
                     value : undefined
-                }
+                },
+                //LN
+                _thisRoom : { type : String },
+                _createdBy : { type : String },
+                _has : { type : String },
+                _views : { type : String },
+                _comments : { type : String },
+                _datasets : { type : String },
+                _and : { type : String },
+                _howManyViews : { type : String },
+                _howManyComments : { type : String },
+                _howManyDatasets : { type : String }
             },
             attached : function() {
-                //console.log(this.views);
+                this._translate();
+            },
+
+            _translate : function() {
+                room_ln["ln"] = ODE.user_language;
+
+                this._thisRoom = room_ln["thisRoom_" + room_ln["ln"]];
+                this._createdBy = room_ln["createdBy_" + room_ln["ln"]];
+                this._has = room_ln["has_" + room_ln["ln"]];
+                this._views = room_ln["views_" + room_ln["ln"]];
+                this._comments = room_ln["comments_" + room_ln["ln"]];
+                this._datasets = room_ln["datasets_" + room_ln["ln"]];
+                this._and = room_ln["and_" + room_ln["ln"]];
+                this._howManyViews = room_ln[this.roomShape[0] + "_" + room_ln["ln"]];
+                this._howManyComments = room_ln[this.roomShape[1] + "_" + room_ln["ln"]];
+                this._howManyDatasets = room_ln[this.roomShape[2] + "_" + room_ln["ln"]];
             },
             _showTooltip: function() {
@@ -159,12 +187,6 @@
             _hideTooltip: function() {
                 this.$.room_info.close();
-            },
-
-            _howMany: function(A, i) {
-//                return this.roomShape[i];
-//                console.log(i);
-                return A[i];
             }
         });
@@ -119,36 +119,6 @@ Example:
                     title: {
                         text: "" + this._component.title
                     },
-                    subtitle: {
-                        text: "" +  this._component.subTitle
-                    },
-                   /* xAxis: {
-                        categories: this.properties.categories.value,
-                        title: {
-                            enabled: true,
-                            text: this._component.xAxisLabel,
-                            startOnTick: true,
-                            endOnTick: true,
-                            showLastLabel: true
-                        }
-                    },*/
-                  /*  yAxis: {
-                        categories: this.properties.categories.value,
-                        title: {
-                            text: this._component.yAxisLabel
-                        }
-                    },*/
-                    /*legend: {
-                        layout: 'vertical',
-                        align: 'bottom',
-                        verticalAlign: 'top',
-                        x: -40,
-                        y: 100,
-                        floating: true,
-                        backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF',
-                        borderWidth: 1,
-                        shadow: true
-                    },*/
                     plotOptions: {
                         scatter: {
                             marker: {
@@ -245,19 +245,19 @@ ln[&quot;Z values_fr&quot;] = &quot;Z values&quot;;
 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";
-ln["categoriesDescription_fr"] = "Catégories de graphiques. Ses valeurs seront insérées dans l’axe horizontal. Vous devez insérer une valeur pour chaque série.";
-ln["seriesDescription_fr"] = "Catégories de graphique. Ses valeurs seront insérées dans l’axe vertical.";
+ln["categoriesDescription_fr"] = "Catégories de graphiques. Ces valeurs seront insérées dans l’axe horizontal. Vous devez insérer une valeur pour chaque série.";
+ln["seriesDescription_fr"] = "Catégories de graphique. Ces valeurs seront insérées dans l’axe vertical.";
 ln["XAxisLabelDescription_fr"] = "Vignette pour l’axe X.";
 ln["YAxisLabelDescription_fr"] = "Vignette pour l’axe Y.";
 ln["suffixDescription_fr"] = "Unités de mesures (ex:  dollars, euros.";
-ln["pieSeriesDescription_fr"] = "Série de graphiques. Ses valeurs seront intégrées au sein des segments de chaque série.";
+ln["pieSeriesDescription_fr"] = "Série de graphiques. Ces valeurs seront intégrées au sein des segments de chaque série.";
 ln["pieSizeDescription_fr"] = "Taille de chaque série afin de créer un anneau concentrique.";
-ln["bubbleCategoriesDescription_fr"] = "Catégories de graphique. Ses valeurs seront insérées dans l’axe horizontal. Vous devez insérer une valeur pour chaque série.";
-ln["bubbleYValuesDescription_fr"] = "Le graphique présente les valeurs Y. Ses valeurs seront insérées dans l’axe vertical.";
-ln["bubbleZValuesDescription_fr"] = "Le graphique présente les valeurs Z. Ses valeurs représentent la taille des bulles.";
+ln["bubbleCategoriesDescription_fr"] = "Catégories de graphique. Ces valeurs seront insérées dans l’axe horizontal. Vous devez insérer une valeur pour chaque série.";
+ln["bubbleYValuesDescription_fr"] = "Le graphique présente les valeurs Y. Ces valeurs seront insérées dans l’axe vertical.";
+ln["bubbleZValuesDescription_fr"] = "Le graphique présente les valeurs Z. Ces valeurs représentent la taille des bulles.";
 ln["bubbleSeriesDescription_fr"] = "The chart series. Its values visualize multi- series bubbles chart.";
 ln["scatterCategoriesDescription_fr"] = "The chart categories. You need one value for each series.";
+room_ln = [];
+
+/* EN */
+
+room_ln["thisRoom_en"] = "This room";
+room_ln["createdBy_en"] = "created by";
+room_ln["has_en"] = "has";
+room_ln["many_en"] = "many";
+room_ln["few_en"] = "few";
+room_ln["views_en"] = "views";
+room_ln["comments_en"] = "comments";
+room_ln["datasets_en"] = "datasets";
+room_ln["and_en"] = "and";
+
+/* IT */
+
+room_ln["thisRoom_it"] = "Questa stanza";
+room_ln["createdBy_it"] = "creata da";
+room_ln["has_it"] = "ha";
+room_ln["many_it"] = "molte/i";
+room_ln["few_it"] = "poche/i";
+room_ln["views_it"] = "visite";
+room_ln["comments_it"] = "commenti";
+room_ln["datasets_it"] = "dataset";
+room_ln["and_it"] = "e";
+
+/* FR */
+
+room_ln["thisRoom_fr"] = "This room";
+room_ln["createdBy_fr"] = "created by";
+room_ln["has_fr"] = "has";
+room_ln["many_fr"] = "many";
+room_ln["few_fr"] = "few";
+room_ln["views_fr"] = "views";
+room_ln["comments_fr"] = "comments";
+room_ln["datasets_fr"] = "datasets";
+room_ln["and_fr"] = "and";
+
+/* NL */
+
+room_ln["thisRoom_nl"] = "This room";
+room_ln["createdBy_nl"] = "created by";
+room_ln["has_nl"] = "has";
+room_ln["many_nl"] = "many";
+room_ln["few_nl"] = "few";
+room_ln["views_nl"] = "views";
+room_ln["comments_nl"] = "comments";
+room_ln["datasets_nl"] = "datasets";
+room_ln["and_nl"] = "and";
 \ No newline at end of file