localization + basedatalet

Renato De Donato
1 parent 1f76071f
Showing 7 changed files with 182 additions and 47 deletions
controllets/datalet-selection-controllet/datalet-selection-controllet.html
datalets/base-ajax-json-jsonpath-datalet/base-ajax-json-jsonpath-datalet.html
datalets/base-datalet/base-datalet.html
locales/en.l20n
locales/fr.l20n
locales/it.l20n
locales/nl.l20n
@@ -210,6 +210,7 @@
                             <paper-menu class="dropdown-content">
                                 <template is="dom-repeat" items={{fields}}>
                                     <paper-item id={{index}} on-tap="_addInput">{{item}}</paper-item>
+                                    <!--{{_fieldName(item)}}-->
                                 </template>
                             </paper-menu>
                         </paper-dropdown-menu>
@@ -441,6 +442,7 @@
                     labels[i].value = this.dataletPreset[labels[i].label];
+                this.loadPreview = true;
                 this._loadDatalet(this.selectedFields);
             },
@@ -544,7 +546,8 @@
                 ComponentService.deep_url = this.deepUrl;
                 ComponentService.getComponent(dataletParams);
-                this.async(function(){this.$.add_button.removeAttribute("disabled");}, 1111);
+//                this.async(function(){this.$.add_button.removeAttribute("disabled");}, 1000);
+                this.$.add_button.removeAttribute("disabled");
             },
             _addDatalet : function(){
@@ -590,6 +593,10 @@
                 $("#dialog_info_input").css("left", pos.left - 4);
             },
+            _fieldName : function(field) {
+                return field.substring(field.lastIndexOf(",")+1, field.length);;
+            },
+
             _copy : function(o) {
                 var out, v, key;
                 out = Array.isArray(o) ? new Array(o.length) : {};
@@ -2,7 +2,7 @@
 @license
     The MIT License (MIT)
-    Copyright (c) 2015 Dipartimento di Informatica - Università di Salerno - Italy
+    Copyright (c) 2015 Dipartimento di Informatica - Universitï¿½ di Salerno - Italy
     Permission is hereby granted, free of charge, to any person obtaining a copy
     of this software and associated documentation files (the "Software"), to deal
@@ -64,14 +64,20 @@ Example :
                 text-decoration: underline;
             }
             #base_datalet_container {
+                /*display: flex;*/
                 font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                padding: 16px;
+                /*color: #212121;*/
+                padding-top: 2px;
+                /*padding: 16px;*/
+                border-top: 2px solid #B6B6B6;
             }
             #base_datalet_rtp {
+                /*background-color: red;*/
                 display: flex;
-                padding-top: 8px;
+                padding-top: 4px;
             }
             #rtp {
+                /*width: 152px;*/
                 padding-top: 8px;
                 padding-right: 8px;
                 font-size: small;
@@ -83,9 +89,16 @@ Example :
             #base_datalet_spin {
                 height:64px;
                 width: 100%;
-                /*position: relative;*/
-                /*center: center;*/
-             }
+            }
+            /*#base_datalet_info{*/
+                /*padding-top: 8px;*/
+                /*/!*background-color: green;*!/*/
+                /*width: 100%;*/
+                /*/!*font-size: small;*!/*/
+            /*}*/
+            #base_datalet_source_link{
+                padding-top: 12px;
+            }
         </style>
         <div id="base_datalet_imgWaitDatalet">
@@ -94,7 +107,13 @@ Example :
         <div id="base_datalet_container">
-            <b>Source:</b> <a id="base_datalet_source" target="_blank"></a> (<a id="base_datalet_link" target="_blank">dataset</a>)
+            <div id="base_datalet_title_description">
+                <span id="span_title" style="font-size: small"><b>{{title}}</b><span id="span_description" style="color: #727272"> - {{description}}</span></span>
+            </div>
+
+            <div id="base_datalet_source_link">
+                <b>Source:</b> <a id="base_datalet_source" target="_blank"></a> (<a id="base_datalet_link" target="_blank">dataset</a>)
+            </div>
             <div id="base_datalet_rtp">
                 <div id="rtp">Powered by ROUTE-TO-PA</div>
@@ -122,6 +141,11 @@ Example :
                 description : {
                     type : String,
                     value : ""
+                },
+
+                hideFooter : {
+                    type : Boolean,
+                    value : false
                 }
             },
@@ -139,6 +163,20 @@ Example :
                     value: {}
                 }
             },
+
+            _setFooter: function() {
+                if (this.title == "" && this.description == "")
+                    this.$.base_datalet_title_description.innerHTML = "";
+                else if (this.description == "")
+                    this.$.span_description.innerHTML = "";
+
+                if (this.hideFooter) {
+                    this.$.base_datalet_source_link.innerHTML = "";
+                    this.$.base_datalet_rtp.innerHTML = "";
+                }
+
+            },
+
             /**
              * It is called after the element�s template has been stamped and all elements inside the element�s local
              * DOM have been configured (with values bound from parents, deserialized attributes, or else default values)
@@ -151,46 +189,51 @@ Example :
              * @method ready
              */
             ready: function(){
-                //cKan organized with or not catalog
-                queryInitial = this.dataUrl.substring(0,  this.dataUrl.indexOf("api")); //SOURCE
+                this._setFooter();
-                urlSource = this.dataUrl.split("/")[0] + "//" + this.dataUrl.split("/")[2];
-                this.$.base_datalet_source.innerHTML = urlSource;
-                this.$.base_datalet_source.setAttribute("href", urlSource);
+                if(this.dataUrl != undefined) {
+                    //cKan organized with or not catalog
+                    var queryInitial = this.dataUrl.substring(0,  this.dataUrl.indexOf("api")); //SOURCE
-                //OpenDataSoft check
-                if(this.dataUrl.indexOf("/records/") > -1 )
-                {
-                    //Resourceid of a datalet
-                    var query = this.dataUrl.substring(this.dataUrl.indexOf("?"), this.dataUrl.length);
-                    var params  = this.decomponeQueryString(query);
-                    resultIssyIdDatalet = params["dataset"];
-                    resultIssyAPI = "explore/dataset/";
-                    urlPageDatasetIssy = queryInitial + resultIssyAPI + resultIssyIdDatalet + "/";
+                    var urlSource = this.dataUrl.split("/")[0] + "//" + this.dataUrl.split("/")[2];
+                    this.$.base_datalet_source.innerHTML = urlSource;
+                    this.$.base_datalet_source.setAttribute("href", urlSource);
-                    this.$.base_datalet_link.setAttribute("href", urlPageDatasetIssy);
-                }
-                else
-                {
-                //CKAN portal
-                var urlDatalet;
-                if(this.dataUrl != undefined) {
-                    var apiIdResource = "resource_show?id=";
-                    //Resourceid of a datalet
-                    var query = this.dataUrl.substring(this.dataUrl.indexOf("?"), this.dataUrl.length);
-                    var params = this.decomponeQueryString(query);
-                    //CKAN
-                    resultIdDatalet = params["resource_id"];
+                    //OpenDataSoft check
+                    if(this.dataUrl.indexOf("/records/") > -1 )
+                    {
+                        //Resourceid of a datalet
+                        var query = this.dataUrl.substring(this.dataUrl.indexOf("?"), this.dataUrl.length);
+                        var params  = this.decomponeQueryString(query);
+                        var resultIssyIdDatalet = params["dataset"];
+                        var resultIssyAPI = "explore/dataset/";
+                        var urlPageDatasetIssy = queryInitial + resultIssyAPI + resultIssyIdDatalet + "/";
-                    //cKan organized with or not catalog
-                    queryFinal = this.dataUrl.substring(this.dataUrl.indexOf("api"), this.dataUrl.indexOf("datastore_search"));
+                        this.$.base_datalet_link.setAttribute("href", urlPageDatasetIssy);
+                    }
+                    else
+                    {
+                        //CKAN portal
+                        var urlDatalet;
-                    urlDatalet = queryInitial + queryFinal + apiIdResource + resultIdDatalet;
-                    this.requestDataletData(urlDatalet);
-                }
+                        var apiIdResource = "resource_show?id=";
+
+                        //Resourceid of a datalet
+                        var query = this.dataUrl.substring(this.dataUrl.indexOf("?"), this.dataUrl.length);
+                        var params = this.decomponeQueryString(query);
+                        //CKAN
+                        var resultIdDatalet = params["resource_id"];
+
+                        //cKan organized with or not catalog
+                        var queryFinal = this.dataUrl.substring(this.dataUrl.indexOf("api"), this.dataUrl.indexOf("datastore_search"));
+
+                        urlDatalet = queryInitial + queryFinal + apiIdResource + resultIdDatalet;
+                        this.requestDataletData(urlDatalet);
+                    }
                 }
+
             },
             /**
              * Set the domain url to show in the footer
@@ -252,7 +295,10 @@ Example :
                     this.$.base_datalet_link.setAttribute("href", urlDatalet);
                 }
-            }
+            },
+
+
+
         });
     </script>
 </dom-module>
 \ No newline at end of file
@@ -21,4 +21,24 @@
 <addDatalet "ADD">
 <modifyDatalet "MODIFY">
-<googlePiechartDescription "The labels of slices.">
 \ No newline at end of file
+<cellDescription "The cell of table.">
+<levelDescription "It is the level field that the datalet will use to group the values at corrisponding field number level.">
+
+<categoriesDescription "The chart categories. Its values will be put in the horizontal axis. You need one value for each series.">
+<seriesDescription "The chart series. Its values will be put in the vertical axis.">
+
+<XAxisLabelDescription "The label for the X axis.">
+<YAxisLabelDescription "The label for the Y axis.">
+<suffixDescription "The values suffix (eg units, dollars, euro, ...).">
+
+<pieSeriesDescription "The chart series. Its values will be put on slice of each series.">
+<pieSizeDescription "The size for each series to create a concentric rings.">
+
+<bubbleCategoriesDescription "he chart categories. Its values will be put in the horizontal axis. You need one value for each series.">
+<bubbleYValuesDescription "The chart plots y values. Its values will be put in the vertical axis.">
+<bubbleZValuesDescription "The chart plots z value. Its values represent the size of the bubble.">
+<bubbleSeriesDescription "The chart series. Its values visualize multi- series bubbles chart.">
+
+<LatitudeDescription "It is latitude of the points you want to show in the map.">
+<LongitudeDescription "It is longitude of the points you want to show in the map.">
+<BalloonContentDescription "It is the text associated to the marker or the link to the image related to the camera associated to each points.">
 \ No newline at end of file
@@ -13,11 +13,32 @@
 <selectedUrl "Selected url">
 <inputs "INPUTS">
-<labels "LABELS / OPTIONS">
+<layouts "LABELS / OPTIONS">
+<baseInfo "BASE INFO">
 <comment "COMMENT">
 <commentLabel "comment (max 100 characters)">
 <dataletPreview "DATALET PREVIEW">
 <addDatalet "ADD">
 <modifyDatalet "MODIFY">
-<googlePiechartDescription "The labels of slices.">
 \ No newline at end of file
+<cellDescription "The cell of table.">
+<levelDescription "It is the level field that the datalet will use to group the values at corrisponding field number level.">
+
+<categoriesDescription "The chart categories. Its values will be put in the horizontal axis. You need one value for each series.">
+<seriesDescription "The chart series. Its values will be put in the vertical axis.">
+
+<XAxisLabelDescription "The label for the X axis.">
+<YAxisLabelDescription "The label for the Y axis.">
+<suffixDescription "The values suffix (eg units, dollars, euro, ...).">
+
+<pieSeriesDescription "The chart series. Its values will be put on slice of each series.">
+<pieSizeDescription "The size for each series to create a concentric rings.">
+
+<bubbleCategoriesDescription "he chart categories. Its values will be put in the horizontal axis. You need one value for each series.">
+<bubbleYValuesDescription "The chart plots y values. Its values will be put in the vertical axis.">
+<bubbleZValuesDescription "The chart plots z value. Its values represent the size of the bubble.">
+<bubbleSeriesDescription "The chart series. Its values visualize multi- series bubbles chart.">
+
+<LatitudeDescription "It is latitude of the points you want to show in the map.">
+<LongitudeDescription "It is longitude of the points you want to show in the map.">
+<BalloonContentDescription "It is the text associated to the marker or the link to the image related to the camera associated to each points.">
 \ No newline at end of file
@@ -21,4 +21,24 @@
 <addDatalet "AGGIUNGI">
 <modifyDatalet "MODIFICA">
-<googlePiechartDescription "Le etichette delle fette.">
 \ No newline at end of file
+<cellDescription "The cell of table.">
+<levelDescription "It is the level field that the datalet will use to group the values at corrisponding field number level.">
+
+<categoriesDescription "The chart categories. Its values will be put in the horizontal axis. You need one value for each series.">
+<seriesDescription "The chart series. Its values will be put in the vertical axis.">
+
+<XAxisLabelDescription "The label for the X axis.">
+<YAxisLabelDescription "The label for the Y axis.">
+<suffixDescription "The values suffix (eg units, dollars, euro, ...).">
+
+<pieSeriesDescription "The chart series. Its values will be put on slice of each series.">
+<pieSizeDescription "The size for each series to create a concentric rings.">
+
+<bubbleCategoriesDescription "he chart categories. Its values will be put in the horizontal axis. You need one value for each series.">
+<bubbleYValuesDescription "The chart plots y values. Its values will be put in the vertical axis.">
+<bubbleZValuesDescription "The chart plots z value. Its values represent the size of the bubble.">
+<bubbleSeriesDescription "The chart series. Its values visualize multi- series bubbles chart.">
+
+<LatitudeDescription "It is latitude of the points you want to show in the map.">
+<LongitudeDescription "It is longitude of the points you want to show in the map.">
+<BalloonContentDescription "It is the text associated to the marker or the link to the image related to the camera associated to each points.">
 \ No newline at end of file
@@ -13,11 +13,32 @@
 <selectedUrl "Selected url">
 <inputs "INPUTS">
-<labels "LABELS / OPTIONS">
+<layouts "LABELS / OPTIONS">
+<baseInfo "BASE INFO">
 <comment "COMMENT">
 <commentLabel "comment (max 100 characters)">
 <dataletPreview "DATALET PREVIEW">
 <addDatalet "ADD">
 <modifyDatalet "MODIFY">
-<googlePiechartDescription "The labels of slices.">
 \ No newline at end of file
+<cellDescription "The cell of table.">
+<levelDescription "It is the level field that the datalet will use to group the values at corrisponding field number level.">
+
+<categoriesDescription "The chart categories. Its values will be put in the horizontal axis. You need one value for each series.">
+<seriesDescription "The chart series. Its values will be put in the vertical axis.">
+
+<XAxisLabelDescription "The label for the X axis.">
+<YAxisLabelDescription "The label for the Y axis.">
+<suffixDescription "The values suffix (eg units, dollars, euro, ...).">
+
+<pieSeriesDescription "The chart series. Its values will be put on slice of each series.">
+<pieSizeDescription "The size for each series to create a concentric rings.">
+
+<bubbleCategoriesDescription "he chart categories. Its values will be put in the horizontal axis. You need one value for each series.">
+<bubbleYValuesDescription "The chart plots y values. Its values will be put in the vertical axis.">
+<bubbleZValuesDescription "The chart plots z value. Its values represent the size of the bubble.">
+<bubbleSeriesDescription "The chart series. Its values visualize multi- series bubbles chart.">
+
+<LatitudeDescription "It is latitude of the points you want to show in the map.">
+<LongitudeDescription "It is longitude of the points you want to show in the map.">
+<BalloonContentDescription "It is the text associated to the marker or the link to the image related to the camera associated to each points.">
 \ No newline at end of file