Merge remote-tracking branch 'upstream/master'

mwasiluk
2 parents 93a54ea8 38120605
Showing 65 changed files with 2886 additions and 6212 deletions
.htaccess
alasql-utility/alasql-utility.js
bower_components/jsdatachecker/.bower.json
bower_components/jsdatachecker/bower.json
bower_components/jsdatachecker/build.cmd
bower_components/jsdatachecker/jsdatachecker.min.js
bower_components/jsdatachecker/src/DataTypeConverter.js
bower_components/jsdatachecker/src/DataTypesUtils.js
bower_components/jsdatachecker/src/ODPlatforms/CKAN.js
bower_components/jsdatachecker/src/ODPlatforms/ODStatistics.js
bower_components/jsdatachecker/src/langs.js
controllet.html
controllets/animated-button-container-controllet/animated-button-container-controllet.html
controllets/cocreation-paper-card-controllet/cocreation-paper-card-controllet.html
controllets/data-sevc-controllet/data-sevc-controllet.html
controllets/data-sevc-controllet/data-sevc-controllet_old.html
controllets/data-sevc-controllet/datalets-modifier-controllet.html
controllets/data-sevc-controllet/demo-data-sevc-controllet.html
controllets/data-sevc-controllet/demo/index.html
controllets/data-sevc-controllet/static/css/reset.css
+RewriteEngine On
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteRule ^ index.php [QSA,L]
 \ No newline at end of file
@@ -125,7 +125,8 @@ function _addParenthesis (fields) {
 }
 function _normalizeField (field) {
-    return "[" + field + "]";
+    return "`" + field + "`";
+    //return "[" + field + "]";
 }
 function alasql_transformData (data, fields, round) {
 {
   "name": "jsdatachecker",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "homepage": "https://github.com/donpir/jsdatachecker",
   "authors": [
     "'Donato Pirozzi <'donatopirozzi@gmail.com'>"
@@ -19,17 +19,16 @@
     "polymer": "Polymer/polymer#1.2.0",
     "qunit": "~1.22.0",
     "csvjson": "0.1.1",
-    "polywc": "https://github.com/donpir/polywc.git#master"
+    "polywc-data-table": "https://github.com/donpir/polywc-data-table.git#master"
   },
   "private": false,
-  "_release": "0.1.1",
+  "_release": "0.1.3",
   "_resolution": {
     "type": "version",
-    "tag": "v0.1.1",
-    "commit": "60887fda0d7e7388c5d682228ee1288dd7bcdd09"
+    "tag": "v0.1.3",
+    "commit": "186392b9d8576e98e269150ab2a88562215a2b2a"
   },
   "_source": "https://github.com/donpir/JSDataChecker.git",
-  "_target": "~0.1.1",
-  "_originalSource": "jsdatachecker",
-  "_direct": true
+  "_target": "~0.1.2",
+  "_originalSource": "jsdatachecker"
 }
 \ No newline at end of file
 {
   "name": "jsdatachecker",
-  "version": "v0.1.1",
+  "version": "v0.1.3",
   "homepage": "https://github.com/donpir/jsdatachecker",
   "authors": [
     "'Donato Pirozzi <'donatopirozzi@gmail.com'>"
@@ -19,7 +19,7 @@
     "polymer": "Polymer/polymer#1.2.0",
     "qunit": "~1.22.0",
     "csvjson": "0.1.1",
-    "polywc": "https://github.com/donpir/polywc.git#master"
+    "polywc-data-table": "https://github.com/donpir/polywc-data-table.git#master"
   },
   "private": false
 }
 del jsdatachecker.min.js
-uglifyjs src\ArrayUtils.js src\DataTypeConverter.js src\DataTypesUtils.js src\DataTypeHierarchy.js --compress -o jsdatachecker.min.js
 \ No newline at end of file
+uglifyjs src\ArrayUtils.js src\DataTypeConverter.js src\DataTypesUtils.js src\DataTypeHierarchy.js src\langs.js --compress -o jsdatachecker.min.js
 \ No newline at end of file
-function ArrayUtils(){}function DataTypeConverter(){this._fields=[],this._numOfRows=0}function DataTypesUtils(){}function DataTypeHierarchy(){}ArrayUtils.TestAndSet=function(arr,key,object){return"undefined"==typeof arr?null:0==Array.isArray(arr)?null:("undefined"==typeof arr[key]&&(arr[key]=object),arr[key])},ArrayUtils.TestAndInitializeKey=function(obj,key,value){return"undefined"==typeof obj?null:("undefined"==typeof obj[key]&&(obj[key]=value),obj[key])},ArrayUtils.TestAndIncrement=function(arr,key){var exists=arr[key];return"undefined"==typeof exists&&(arr[key]=0),arr[key]++,arr},ArrayUtils.toFieldsArray=function(obj){var fields=[];return ArrayUtils.IteratorOverKeys(obj,function(field,key){field.key=key,fields.push(field)}),fields},ArrayUtils.IteratorOverKeys=function(arr,callback){for(var property in arr)if(arr.hasOwnProperty(property)){var item=arr[property];callback(item,property)}},ArrayUtils.FindMinMax=function(arr,fncompare){var max1=null,max2=null;for(var key in arr)null==max1||fncompare(arr[key],max1.value)?(max2=max1,max1={index:-1,key:key,value:arr[key]}):(null==max2||fncompare(arr[key],max2.value))&&(max2={index:-1,key:key,value:arr[key]});return{first:max1,second:max2}},ArrayUtils.isArray=function(arr){return Array.isArray(arr)?arr.length>0:!1},DataTypeConverter.TYPES={TEXT:{value:0,name:"TEXT"},CODE:{value:1,name:"CODE"},NUMBER:{value:2,name:"NUMBER"},OBJECT:{value:3,name:"OBJECT"},BOOL:{value:5,name:"BOOL"},CONST:{value:6,name:"CONST"},CATEGORY:{value:7,name:"CATEGORY"},DATETIME:{value:8,name:"DATETIME"},EMPTY:{value:101,name:"NULL"}},DataTypeConverter.SUBTYPES={GEOCOORDINATE:{value:1e3,name:"GEOCOORDINATE"},GEOJSON:{value:1001,name:"GEOJSON"},PERCENTAGE:{value:1100,name:"PERCENTAGE"},LATITUDE:{value:1101,name:"LATITUDE"},LONGITUDE:{value:1102,name:"LONGITUDE"}},DataTypeConverter.GEOJSONTYPES=["Point","MultiPoint","LineString","MultiLineString","Polygon","MultiPolygon","GeometryCollection"],DataTypeConverter.prototype=function(){var _analyseDataTypes=function(fields){ArrayUtils.IteratorOverKeys(fields,function(field){if(field._inferredTypes[DataTypeConverter.TYPES.CODE.name]){var confidence=field._inferredTypes[DataTypeConverter.TYPES.CODE.name]/field.numOfItems,_numericalInferredType=field._inferredTypes[DataTypeConverter.TYPES.NUMBER.name];return"undefined"!=typeof _numericalInferredType&&(confidence+=_numericalInferredType/field.numOfItems),field.type=DataTypeConverter.TYPES.CODE.name,void(field.typeConfidence=confidence)}var max=ArrayUtils.FindMinMax(field._inferredTypes,function(curval,lastval){return curval>lastval}),tkey=max.first.key;tkey===DataTypeConverter.TYPES.EMPTY.name&&null!=max.second&&"undefined"!=typeof max.second&&(tkey=max.second.key),field.type=tkey,field.typeConfidence=field._inferredTypes[max.first.key]/field.numOfItems;var max=ArrayUtils.FindMinMax(field._inferredSubTypes,function(curval,lastval){return curval>lastval});if(field.subtype=null,null!=max&&null!=max.first){field.subtype=max.first.key,field.subtypeConfidence=field._inferredSubTypes[field.subtype]/field.numOfItems;var fieldName=field.name.toLowerCase(),isLatType=field.subtype===DataTypeConverter.SUBTYPES.LATITUDE.name,fieldNameContainsLat=fieldName.indexOf("lat")>=0,fieldNameContainsLon=fieldName.indexOf("ng")>=0;1==isLatType&&0==fieldNameContainsLat&&1==fieldNameContainsLon&&(field.subtype=DataTypeConverter.SUBTYPES.LONGITUDE.name)}})},_processInferType=function(value){if(null===value||"undefined"==typeof value)return DataTypeConverter.TYPES.EMPTY;if("object"==typeof value)return DataTypeConverter.TYPES.OBJECT;if(/^0[0-9]+$/.test(value))return DataTypeConverter.TYPES.CODE;var isnumber=DataTypesUtils.FilterFloat(value);if(isNaN(isnumber)!==!0)return DataTypeConverter.TYPES.NUMBER;var _date=DataTypesUtils.FilterDateTime(value);return 0==isNaN(_date)&&null!=_date?DataTypeConverter.TYPES.DATETIME:DataTypeConverter.TYPES.TEXT},_processInferSubType=function(value){if(null===value||"undefined"==typeof value)return null;if(Array.isArray(value)&&2==value.length&&NaN!=DataTypesUtils.FilterFloat(value[0])&&NaN!=DataTypesUtils.FilterFloat(value[1])&&DataTypesUtils.DecimalPlaces(value[0])>4&&DataTypesUtils.DecimalPlaces(value[1])>4)return DataTypeConverter.SUBTYPES.GEOCOORDINATE;if("string"==typeof value){var split=value.split(",");if(DataTypesUtils.IsLatLng(split[0])&&DataTypesUtils.IsLatLng(split[1]))return DataTypeConverter.SUBTYPES.GEOCOORDINATE}var isnumber=DataTypesUtils.FilterFloat(value);if(isNaN(isnumber)!==!0)return isnumber>=-90&&90>=isnumber&&DataTypesUtils.DecimalPlaces(isnumber)>=5?DataTypeConverter.SUBTYPES.GEOCOORDINATE:isnumber>=-180&&180>=isnumber&&DataTypesUtils.DecimalPlaces(isnumber)>=5?DataTypeConverter.SUBTYPES.GEOCOORDINATE:null;if("object"==typeof value&&value.hasOwnProperty("type")){var geotype=value.type,isincluded=DataTypeConverter.GEOJSONTYPES.includes(geotype);if(isincluded)return DataTypeConverter.SUBTYPES.GEOJSON}return null},_filterBasedOnThreshold=function(metadata,threshold){return ArrayUtils.IteratorOverKeys(metadata.types,function(fieldType,key){if(!(fieldType.typeConfidence>=threshold)){var arrHierarchyTypes=DataTypeHierarchy.HIERARCHY[fieldType.type];if(null==arrHierarchyTypes)return metadata;var lastFieldType={lastType:arrHierarchyTypes[0],lastTypeCounter:fieldType._inferredTypes[arrHierarchyTypes[0]],typeConfidence:0};lastFieldType.typeConfidence=lastFieldType.lastTypeCounter/fieldType.numOfItems;for(var curType,i=1;i<arrHierarchyTypes.length,curType=arrHierarchyTypes[i];i++){var numItemsOfCurType=fieldType._inferredTypes.hasOwnProperty(curType)?fieldType._inferredTypes[curType]:0;if(lastFieldType.lastType=curType,lastFieldType.lastTypeCounter+=numItemsOfCurType,lastFieldType.typeConfidence=lastFieldType.lastTypeCounter/fieldType.numOfItems,lastFieldType.typeConfidence>=threshold){fieldType.type=lastFieldType.lastType,fieldType.typeConfidence=lastFieldType.typeConfidence;break}}}}),metadata},jsonTraverse=function(json,fieldKeys,callback){var stack=[],numOfRows=0;for(stack.push({item:json,fieldKeyIndex:0});stack.length>0;){var stackTask=stack.pop(),item=stackTask.item,fieldKeyIndex=stackTask.fieldKeyIndex,fieldKey=fieldKeys[fieldKeyIndex];if("*"!=fieldKey||0!=ArrayUtils.isArray(item))if("*"!=fieldKey||1!=ArrayUtils.isArray(item)){var jsonSubtree=item[fieldKey];if(Array.isArray(jsonSubtree))for(var j=0;j<jsonSubtree.length;j++){var jsonItem=jsonSubtree[j];stack.push({item:jsonItem,fieldKeyIndex:fieldKeyIndex+1})}else stack.push({item:jsonSubtree,fieldKeyIndex:fieldKeyIndex+1})}else for(var cell,j=0;j<item.length&&(cell=item[j]);j++)stack.push({item:cell,fieldKeyIndex:fieldKeyIndex}),numOfRows++;else{var sProcessedKeys=fieldKeys.slice(0,fieldKeyIndex).toString();ArrayUtils.IteratorOverKeys(item,function(value,key){var curKey=sProcessedKeys+(sProcessedKeys.length>0?",":"")+key,_value=callback(value,key,curKey,numOfRows);item[key]=_value}),numOfRows++}}};return{constructor:DataTypeConverter,cast:function(metadata,options){return"undefined"!=typeof options&&null!=options||(options={castThresholdConfidence:1,castIfNull:!1}),this.convert(metadata,options)},convert:function(metadata,options){var lastRowIndex=0,numOfRows=0,numOfValues=0,datasetErrors=0,datasetMissingValues=0;return"undefined"!=typeof options&&null!=options||(options={castThresholdConfidence:1,castIfNull:!1}),jsonTraverse(metadata.dataset,metadata.fieldKeys,function(value,key,traversedKeys,rowIndex){var inferredType=metadata.types[traversedKeys];numOfValues++,lastRowIndex!=rowIndex&&(lastRowIndex=rowIndex,numOfRows++),null==value||"undefined"==typeof value||0==(value+"").length;var isCast=inferredType.typeConfidence>=options.castThresholdConfidence;if(inferredType.type==DataTypeConverter.TYPES.NUMBER.name&&isCast){var number=parseFloat(value);return isNaN(number)?(datasetErrors++,value):number}return value}),metadata.qualityIndex.notNullValues=(numOfValues-datasetMissingValues)/numOfValues,metadata.qualityIndex.errors=(numOfValues-datasetErrors)/numOfValues,metadata},inferJsonDataType:function(json,fieldKeys,options){"undefined"!=typeof options&&null!=options||(options={thresholdConfidence:1});var stack=[],fieldsType={},numOfRows=0;if("undefined"==typeof fieldKeys)throw"IllegalArgumentException: undefined json path to analyse.";for(stack.push({item:json,fieldKeyIndex:0});stack.length>0;){var stackTask=stack.pop(),item=stackTask.item,fieldKeyIndex=stackTask.fieldKeyIndex,fieldKey=fieldKeys[fieldKeyIndex];if("*"!=fieldKey||0!=ArrayUtils.isArray(item))if("*"==fieldKey&&ArrayUtils.isArray(item))for(var cell,j=0;j<item.length&&(cell=item[j]);j++)stack.push({item:cell,fieldKeyIndex:fieldKeyIndex}),numOfRows++;else{var jsonSubtree=item[fieldKey];if(Array.isArray(jsonSubtree))for(var j=0;j<jsonSubtree.length;j++){var jsonItem=jsonSubtree[j];stack.push({item:jsonItem,fieldKeyIndex:fieldKeyIndex+1})}else stack.push({item:jsonSubtree,fieldKeyIndex:fieldKeyIndex+1})}else{var sProcessedKeys=fieldKeys.slice(0,fieldKeyIndex).toString();ArrayUtils.IteratorOverKeys(item,function(item,key){var curKey=sProcessedKeys+(0==sProcessedKeys.length?"":",")+key,fieldType=ArrayUtils.TestAndInitializeKey(fieldsType,curKey,{name:curKey,_inferredTypes:[],_inferredSubTypes:[],_inferredValues:[],numOfItems:0});fieldType.numOfItems++;var inferredType=_processInferType(item);ArrayUtils.TestAndIncrement(fieldType._inferredTypes,inferredType.name),inferredType===DataTypeConverter.TYPES.TEXT&&ArrayUtils.TestAndIncrement(fieldType._inferredValues,item);var inferredSubType=_processInferSubType(item);null!=inferredSubType&&"undefined"!=typeof inferredSubType&&ArrayUtils.TestAndIncrement(fieldType._inferredSubTypes,inferredSubType.name)}),numOfRows++}}_analyseDataTypes(fieldsType);var quality={homogeneity:1,completeness:1,totalNullValues:0,totalValues:0};ArrayUtils.IteratorOverKeys(fieldsType,function(fieldType){quality.totalValues+=fieldType.numOfItems,quality.homogeneity*=fieldType.typeConfidence,fieldType.totalNullValues=0,fieldType._inferredTypes.hasOwnProperty(DataTypeConverter.TYPES.EMPTY.name)&&(fieldType.totalNullValues=fieldType._inferredTypes[DataTypeConverter.TYPES.EMPTY.name],quality.totalNullValues+=fieldType.totalNullValues)}),quality.homogeneity=Math.round(100*quality.homogeneity)/100;var totFullValues=quality.totalValues-quality.totalNullValues;quality.completeness=Math.round(totFullValues/quality.totalValues*100)/100;var warningsTextual="";ArrayUtils.IteratorOverKeys(fieldsType,function(fieldType){fieldType.errorsDescription="";var description="";if(fieldType.typeConfidence<1){var incorrect=fieldType.numOfItems-fieldType.totalNullValues-fieldType._inferredTypes[fieldType.type];if(incorrect>0){description+="The column <"+fieldType.name+"> has the type <"+fieldType.type+">";var verb=1==incorrect?" value is":" values are";description+=", but "+incorrect+verb+" not a "+fieldType.type}}fieldType.totalNullValues>0&&(description+="The column <"+fieldType.name+"> has "+fieldType.totalNullValues+" EMPTY value",fieldType.totalNullValues>1&&(description+="s")),description.length>0&&(description+="."),fieldType.errorsDescription=description,warningsTextual+=description});var metadata={dataset:json,fieldKeys:fieldKeys,types:fieldsType,qualityIndex:quality,warningsTextual:warningsTextual};return _filterBasedOnThreshold(metadata,options.thresholdConfidence),metadata},inferDataTypeOfValue:function(value){return _processInferType(value)},inferDataSubTypeOfValue:function(value){return _processInferSubType(value)}}}(),DataTypesUtils.FilterTime=function(value){var expTime=/^[0-9]{2}:[0-9]{2}(:[0-9]{2})?(\+[0-9]{2}:[0-9]{2})?$/;if(0==expTime.test(value))return null;var splitted=value.split(/[:|\+]/),expNumber=/^[0-9]{2}$/,HH=expNumber.test(splitted[0])?parseInt(splitted[0]):0,MM=expNumber.test(splitted[1])?parseInt(splitted[1]):0,SS=splitted.length>=3&&expNumber.test(splitted[2])?parseInt(splitted[2]):0,dt=new Date;return dt.setHours(HH),dt.setMinutes(MM),dt.setSeconds(SS),dt},DataTypesUtils.FilterDateTime=function(value){var _dtSplitted=value.split(/[T|\s]/);if(2==_dtSplitted.length){var dtTime=DataTypesUtils.FilterTime(_dtSplitted[1]);if(null==dtTime)return null;var dtDateTime=DataTypesUtils.FilterDate(_dtSplitted[0],dtTime);return dtDateTime}var dtDate=DataTypesUtils.FilterDate(value);if(null!=dtDate)return dtDate;var dtTime=DataTypesUtils.FilterTime(value);return dtTime},DataTypesUtils.FilterDate=function(value,dtDate){if(null==dtDate&&(dtDate=new Date),/^[0-9][0-9][0-9][0-9]\-[0-9][0-9]$/.test(value)){var year=parseInt(value.substring(0,4)),month=parseInt(value.substring(5));return dtDate.setYear(year),dtDate.setMonth(month),dtDate}var expDate=/^[0-9]{4}(\-|\/)[0-9]{2}((\-|\/)[0-9]{2})?$/;if(expDate.test(value)){var splitted=value.split(/[\-|\/]/),year=parseInt(splitted[0]),month=parseInt(splitted[1]),day=3==splitted.length?parseInt(splitted[2]):0;return dtDate.setYear(year),dtDate.setMonth(month),dtDate.setDate(day),dtDate}if(expDate=/^[0-9]{2}(\-|\/)[0-9]{2}(\-|\/)[0-9]{4}$/,expDate.test(value)){var splitted=value.split(/[\-|\/]/),year=parseInt(splitted[2]),month=parseInt(splitted[1]),day=parseInt(splitted[0]);return dtDate.setYear(year),dtDate.setMonth(month),dtDate.setDate(day),dtDate}return null},DataTypesUtils.FilterFloat=function(value){return/^(\-|\+)?((0|([1-9][0-9]*))(\.[0-9]+)?|Infinity)$/.test(value)?Number(value):NaN},DataTypesUtils.DecimalPlaces=function(num){var match=(""+num).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0},DataTypesUtils.IsLatLng=function(num){return NaN==DataTypesUtils.FilterFloat(num)?!1:DataTypesUtils.DecimalPlaces(num)>4},DataTypeHierarchy.HIERARCHY=[],DataTypeHierarchy.HIERARCHY[DataTypeConverter.TYPES.TEXT.name]=[DataTypeConverter.TYPES.TEXT.name],DataTypeHierarchy.HIERARCHY[DataTypeConverter.TYPES.NUMBER.name]=[DataTypeConverter.TYPES.NUMBER.name,DataTypeConverter.TYPES.TEXT.name],DataTypeHierarchy.HIERARCHY[DataTypeConverter.TYPES.DATETIME.name]=[DataTypeConverter.TYPES.DATETIME.name,DataTypeConverter.TYPES.TEXT.name],DataTypeHierarchy.HIERARCHY[DataTypeConverter.SUBTYPES.GEOCOORDINATE.name]=[DataTypeConverter.SUBTYPES.GEOCOORDINATE.name,DataTypeConverter.TYPES.NUMBER.name,DataTypeConverter.TYPES.TEXT.name],DataTypeHierarchy.canConvert=function(fromType,toType){var arrConvertableTypes=DataTypeHierarchy.HIERARCHY[fromType],idx=arrConvertableTypes.indexOf(toType);return idx>=0};
 \ No newline at end of file
+function ArrayUtils(){}function DataTypeConverter(){this._fields=[],this._numOfRows=0}function DataTypesUtils(){}function DataTypeHierarchy(){}ArrayUtils.TestAndSet=function(arr,key,object){return"undefined"==typeof arr?null:0==Array.isArray(arr)?null:("undefined"==typeof arr[key]&&(arr[key]=object),arr[key])},ArrayUtils.TestAndInitializeKey=function(obj,key,value){return"undefined"==typeof obj?null:("undefined"==typeof obj[key]&&(obj[key]=value),obj[key])},ArrayUtils.TestAndIncrement=function(arr,key){var exists=arr[key];return"undefined"==typeof exists&&(arr[key]=0),arr[key]++,arr},ArrayUtils.toFieldsArray=function(obj){var fields=[];return ArrayUtils.IteratorOverKeys(obj,function(field,key){field.key=key,fields.push(field)}),fields},ArrayUtils.IteratorOverKeys=function(arr,callback){for(var property in arr)if(arr.hasOwnProperty(property)){var item=arr[property];callback(item,property)}},ArrayUtils.FindMinMax=function(arr,fncompare){var max1=null,max2=null;for(var key in arr)null==max1||fncompare(arr[key],max1.value)?(max2=max1,max1={index:-1,key:key,value:arr[key]}):(null==max2||fncompare(arr[key],max2.value))&&(max2={index:-1,key:key,value:arr[key]});return{first:max1,second:max2}},ArrayUtils.isArray=function(arr){return Array.isArray(arr)?arr.length>0:!1},DataTypeConverter.TYPES={EMPTY:{value:0,name:"NULL"},TEXT:{value:1,name:"TEXT"},NUMBER:{value:2,name:"NUMBER"},OBJECT:{value:3,name:"OBJECT"},DATETIME:{value:4,name:"DATETIME"}},DataTypeConverter.SUBTYPES={GEOCOORDINATE:{value:1e3,name:"GEOCOORDINATE"},GEOJSON:{value:1001,name:"GEOJSON"},BOOL:{value:1002,name:"BOOL"},CONST:{value:1003,name:"CONST"},CATEGORY:{value:1004,name:"CATEGORY"},PERCENTAGE:{value:1100,name:"PERCENTAGE"},LATITUDE:{value:1101,name:"LATITUDE"},LONGITUDE:{value:1102,name:"LONGITUDE"}},DataTypeConverter.LANGS={EN:{value:1e3,name:"EN"},IT:{value:1001,name:"IT"},FR:{value:1100,name:"FR"},NL:{value:1101,name:"NL"}},DataTypeConverter.GEOJSONTYPES=["Point","MultiPoint","LineString","MultiLineString","Polygon","MultiPolygon","GeometryCollection","Feature","FeatureCollection"],DataTypeConverter.prototype=function(){var _analyseDataTypes=function(fields){ArrayUtils.IteratorOverKeys(fields,function(field){var max=ArrayUtils.FindMinMax(field._inferredTypes,function(curval,lastval){return curval>lastval}),tkey=max.first.key;tkey===DataTypeConverter.TYPES.EMPTY.name&&null!=max.second&&"undefined"!=typeof max.second&&(tkey=max.second.key),field.type=tkey,field.typeConfidence=field._inferredTypes[max.first.key]/field.numOfItems;var max=ArrayUtils.FindMinMax(field._inferredSubTypes,function(curval,lastval){return curval>lastval});if(field.subtype=null,null!=max&&null!=max.first){field.subtype=max.first.key,field.subtypeConfidence=field._inferredSubTypes[field.subtype]/field.numOfItems;var fieldName=field.name.toLowerCase(),isLatType=field.subtype===DataTypeConverter.SUBTYPES.LATITUDE.name,fieldNameContainsLat=fieldName.indexOf("lat")>=0,fieldNameContainsLon=fieldName.indexOf("ng")>=0;1==isLatType&&0==fieldNameContainsLat&&1==fieldNameContainsLon&&(field.subtype=DataTypeConverter.SUBTYPES.LONGITUDE.name)}})},_processInferType=function(value){if(null===value||"undefined"==typeof value)return DataTypeConverter.TYPES.EMPTY;if("object"==typeof value)return DataTypeConverter.TYPES.OBJECT;var isnumber=DataTypesUtils.FilterNumber(value);if(isNaN(isnumber)!==!0)return DataTypeConverter.TYPES.NUMBER;var _date=DataTypesUtils.FilterDateTime(value);return 0==isNaN(_date)&&null!=_date?DataTypeConverter.TYPES.DATETIME:DataTypeConverter.TYPES.TEXT},_processInferSubType=function(value){if(null===value||"undefined"==typeof value)return null;if(Array.isArray(value)&&2==value.length&&NaN!=DataTypesUtils.FilterNumber(value[0])&&NaN!=DataTypesUtils.FilterNumber(value[1])&&DataTypesUtils.DecimalPlaces(value[0])>4&&DataTypesUtils.DecimalPlaces(value[1])>4)return DataTypeConverter.SUBTYPES.GEOCOORDINATE;if("string"==typeof value){var split=value.split(",");if(DataTypesUtils.IsLatLng(split[0])&&DataTypesUtils.IsLatLng(split[1]))return DataTypeConverter.SUBTYPES.GEOCOORDINATE}var isnumber=DataTypesUtils.FilterNumber(value);if(isNaN(isnumber)!==!0)return isnumber>=-90&&90>=isnumber&&DataTypesUtils.DecimalPlaces(isnumber)>=5?DataTypeConverter.SUBTYPES.GEOCOORDINATE:isnumber>=-180&&180>=isnumber&&DataTypesUtils.DecimalPlaces(isnumber)>=5?DataTypeConverter.SUBTYPES.GEOCOORDINATE:null;if("object"==typeof value&&value.hasOwnProperty("type")){var geotype=value.type,isincluded=DataTypeConverter.GEOJSONTYPES.includes(geotype);if(isincluded)return DataTypeConverter.SUBTYPES.GEOJSON}return null},_filterBasedOnThreshold=function(metadata,threshold){return ArrayUtils.IteratorOverKeys(metadata.types,function(fieldType,key){if(!(fieldType.typeConfidence>=threshold)){var arrHierarchyTypes=DataTypeHierarchy.HIERARCHY[fieldType.type];if(null==arrHierarchyTypes)return metadata;var lastFieldType={lastType:arrHierarchyTypes[0],lastTypeCounter:fieldType._inferredTypes[arrHierarchyTypes[0]],typeConfidence:0};lastFieldType.typeConfidence=lastFieldType.lastTypeCounter/fieldType.numOfItems;for(var curType,i=1;i<arrHierarchyTypes.length,curType=arrHierarchyTypes[i];i++){var numItemsOfCurType=fieldType._inferredTypes.hasOwnProperty(curType)?fieldType._inferredTypes[curType]:0;if(lastFieldType.lastType=curType,lastFieldType.lastTypeCounter+=numItemsOfCurType,lastFieldType.typeConfidence=lastFieldType.lastTypeCounter/fieldType.numOfItems,lastFieldType.typeConfidence>=threshold){fieldType.type=lastFieldType.lastType,fieldType.typeConfidence=lastFieldType.typeConfidence;break}}}}),metadata},_capitalizeFirstLetter=function(string){return string.charAt(0).toUpperCase()+string.slice(1)},jsonTraverse=function(json,fieldKeys,callback){var stack=[],numOfRows=0;for(stack.push({item:json,fieldKeyIndex:0});stack.length>0;){var stackTask=stack.pop(),item=stackTask.item,fieldKeyIndex=stackTask.fieldKeyIndex,fieldKey=fieldKeys[fieldKeyIndex];if("*"!=fieldKey||0!=ArrayUtils.isArray(item))if("*"!=fieldKey||1!=ArrayUtils.isArray(item)){var jsonSubtree=item[fieldKey];if(Array.isArray(jsonSubtree))for(var j=0;j<jsonSubtree.length;j++){var jsonItem=jsonSubtree[j];stack.push({item:jsonItem,fieldKeyIndex:fieldKeyIndex+1})}else stack.push({item:jsonSubtree,fieldKeyIndex:fieldKeyIndex+1})}else for(var cell,j=0;j<item.length&&(cell=item[j]);j++)stack.push({item:cell,fieldKeyIndex:fieldKeyIndex}),numOfRows++;else{var sProcessedKeys=fieldKeys.slice(0,fieldKeyIndex).toString();ArrayUtils.IteratorOverKeys(item,function(value,key){var curKey=sProcessedKeys+(sProcessedKeys.length>0?",":"")+key,_value=callback(value,key,curKey,numOfRows);item[key]=_value}),numOfRows++}}};return{constructor:DataTypeConverter,cast:function(metadata,options){return"undefined"!=typeof options&&null!=options||(options={castThresholdConfidence:1,castIfNull:!1,makeChangesToDataset:!1}),this.convert(metadata,options)},convert:function(metadata,options){var lastRowIndex=0,numOfRows=0,numOfValues=0,datasetErrors=0,datasetMissingValues=0;return"undefined"!=typeof options&&null!=options||(options={castThresholdConfidence:1,castIfNull:!1,makeChangesToDataset:!1}),jsonTraverse(metadata.dataset,metadata.fieldKeys,function(value,key,traversedKeys,rowIndex){var inferredType=metadata.types[traversedKeys];numOfValues++,lastRowIndex!=rowIndex&&(lastRowIndex=rowIndex,numOfRows++),null==value||"undefined"==typeof value||0==(value+"").length;var isCast=inferredType.typeConfidence>=options.castThresholdConfidence;if(inferredType.type==DataTypeConverter.TYPES.NUMBER.name&&isCast){0==isNaN(DataTypesUtils.FilterNumber(value))&&"string"==typeof value&&(value=value.replace(",","."));var number=parseFloat(value);return isNaN(number)?(datasetErrors++,value):number}return value}),metadata.qualityIndex.notNullValues=(numOfValues-datasetMissingValues)/numOfValues,metadata.qualityIndex.errors=(numOfValues-datasetErrors)/numOfValues,metadata},inferJsonDataType:function(json,fieldKeys,options){"undefined"!=typeof options&&null!=options||(options={}),0==options.hasOwnProperty("thresholdConfidence")&&(options.thresholdConfidence=1),0==options.hasOwnProperty("language")?options.language=DataTypeConverter.LANGS.EN.name:options.language=options.language.toUpperCase();var stack=[],fieldsType={},numOfRows=0;if("undefined"==typeof fieldKeys)throw"IllegalArgumentException: undefined json path to analyse.";for(stack.push({item:json,fieldKeyIndex:0});stack.length>0;){var stackTask=stack.pop(),item=stackTask.item,fieldKeyIndex=stackTask.fieldKeyIndex,fieldKey=fieldKeys[fieldKeyIndex];if("*"!=fieldKey||0!=ArrayUtils.isArray(item))if("*"==fieldKey&&ArrayUtils.isArray(item))for(var cell,j=0;j<item.length&&(cell=item[j]);j++)stack.push({item:cell,fieldKeyIndex:fieldKeyIndex}),numOfRows++;else{var jsonSubtree=item[fieldKey];if(Array.isArray(jsonSubtree))for(var j=0;j<jsonSubtree.length;j++){var jsonItem=jsonSubtree[j];stack.push({item:jsonItem,fieldKeyIndex:fieldKeyIndex+1})}else stack.push({item:jsonSubtree,fieldKeyIndex:fieldKeyIndex+1})}else{var sProcessedKeys=fieldKeys.slice(0,fieldKeyIndex).toString();ArrayUtils.IteratorOverKeys(item,function(item,key){var curKey=sProcessedKeys+(0==sProcessedKeys.length?"":",")+key,fieldType=ArrayUtils.TestAndInitializeKey(fieldsType,curKey,{name:curKey,_inferredTypes:[],_inferredSubTypes:[],_inferredValues:[],numOfItems:0});fieldType.numOfItems++;var inferredType=_processInferType(item);ArrayUtils.TestAndIncrement(fieldType._inferredTypes,inferredType.name),inferredType===DataTypeConverter.TYPES.TEXT&&ArrayUtils.TestAndIncrement(fieldType._inferredValues,item);var inferredSubType=_processInferSubType(item);null!=inferredSubType&&"undefined"!=typeof inferredSubType&&ArrayUtils.TestAndIncrement(fieldType._inferredSubTypes,inferredSubType.name)}),numOfRows++}}var _numOfRows=0;ArrayUtils.IteratorOverKeys(fieldsType,function(fieldType){fieldType.numOfItems>_numOfRows&&(_numOfRows=fieldType.numOfItems)}),ArrayUtils.IteratorOverKeys(fieldsType,function(fieldType){fieldType._inferredTypes.hasOwnProperty(DataTypeConverter.TYPES.EMPTY.name)||(fieldType._inferredTypes[DataTypeConverter.TYPES.EMPTY.name]=0),fieldType._inferredTypes[DataTypeConverter.TYPES.EMPTY.name]=fieldType._inferredTypes[DataTypeConverter.TYPES.EMPTY.name]+(_numOfRows-fieldType.numOfItems)}),_analyseDataTypes(fieldsType);var quality={homogeneity:1,completeness:1,totalNullValues:0,totalValues:0};ArrayUtils.IteratorOverKeys(fieldsType,function(fieldType){quality.totalValues+=fieldType.numOfItems,quality.homogeneity*=fieldType.typeConfidence,fieldType.totalNullValues=0,fieldType._inferredTypes.hasOwnProperty(DataTypeConverter.TYPES.EMPTY.name)&&(fieldType.totalNullValues=fieldType._inferredTypes[DataTypeConverter.TYPES.EMPTY.name],quality.totalNullValues+=fieldType.totalNullValues)}),quality.homogeneity=Math.round(100*quality.homogeneity)/100;var totFullValues=quality.totalValues-quality.totalNullValues;quality.completeness=Math.round(totFullValues/quality.totalValues*100)/100;var warningsTextual="";ArrayUtils.IteratorOverKeys(fieldsType,function(fieldType){fieldType.errorsDescription="";var description="";if(fieldType.typeConfidence<1){var incorrect=fieldType.numOfItems-fieldType.totalNullValues-fieldType._inferredTypes[fieldType.type];if(incorrect>0){var _descr1=_capitalizeFirstLetter(JDC_LNG.key_declaretype[options.language])+".",_descr2=_capitalizeFirstLetter(JDC_LNG.key_notoftype_singular[options.language])+".";incorrect>1&&(_descr2=_capitalizeFirstLetter(JDC_LNG.key_notoftype_plural[options.language])+".");var descr=_descr1+" "+_descr2;descr=descr.replace(/%COL_NAME/g,fieldType.name),descr=descr.replace(/%COL_TYPE/g,fieldType.type),descr=descr.replace(/%COL_ERRORS/g,incorrect),description+=descr}}var descr="";1==fieldType.totalNullValues?descr=_capitalizeFirstLetter(JDC_LNG.key_emptyvalue_singolar[options.language])+".":fieldType.totalNullValues>1&&(descr=_capitalizeFirstLetter(JDC_LNG.key_emptyvalue_plural[options.language])+"."),descr=descr.replace(/%COL_NAME/g,fieldType.name),descr=descr.replace(/%COL_TYPE/g,fieldType.type),descr=descr.replace(/%COL_NULLVALUES/g,fieldType.totalNullValues),description=description+" "+descr,fieldType.errorsDescription=description.trim(),warningsTextual+=description.trim()});var metadata={dataset:json,fieldKeys:fieldKeys,types:fieldsType,qualityIndex:quality,warningsTextual:warningsTextual};return _filterBasedOnThreshold(metadata,options.thresholdConfidence),metadata},inferDataTypeOfValue:function(value){return _processInferType(value)},inferDataSubTypeOfValue:function(value){return _processInferSubType(value)}}}(),DataTypesUtils.FilterTime=function(value){var expTime=/^[0-9]{2}:[0-9]{2}(:[0-9]{2})?(\+[0-9]{2}:[0-9]{2})?$/;if(0==expTime.test(value))return null;var splitted=value.split(/[:|\+]/),expNumber=/^[0-9]{2}$/,HH=expNumber.test(splitted[0])?parseInt(splitted[0]):0,MM=expNumber.test(splitted[1])?parseInt(splitted[1]):0,SS=splitted.length>=3&&expNumber.test(splitted[2])?parseInt(splitted[2]):0,dt=new Date;return dt.setHours(HH),dt.setMinutes(MM),dt.setSeconds(SS),dt},DataTypesUtils.FilterDateTime=function(value){var _dtSplitted=value.split(/[T|\s]/);if(2==_dtSplitted.length){var dtTime=DataTypesUtils.FilterTime(_dtSplitted[1]);if(null==dtTime)return null;var dtDateTime=DataTypesUtils.FilterDate(_dtSplitted[0],dtTime);return dtDateTime}var dtDate=DataTypesUtils.FilterDate(value);if(null!=dtDate)return dtDate;var dtTime=DataTypesUtils.FilterTime(value);return dtTime},DataTypesUtils.FilterDate=function(value,dtDate){if(null==dtDate&&(dtDate=new Date),/^[0-9][0-9][0-9][0-9]\-[0-9][0-9]$/.test(value)){var year=parseInt(value.substring(0,4)),month=parseInt(value.substring(5));return dtDate.setYear(year),dtDate.setMonth(month),dtDate}var expDate=/^[0-9]{4}(\-|\/)[0-9]{2}((\-|\/)[0-9]{2})?$/;if(expDate.test(value)){var splitted=value.split(/[\-|\/]/),year=parseInt(splitted[0]),month=parseInt(splitted[1]),day=3==splitted.length?parseInt(splitted[2]):0;return dtDate.setYear(year),dtDate.setMonth(month),dtDate.setDate(day),dtDate}if(expDate=/^[0-9]{2}(\-|\/)[0-9]{2}(\-|\/)[0-9]{4}$/,expDate.test(value)){var splitted=value.split(/[\-|\/]/),year=parseInt(splitted[2]),month=parseInt(splitted[1]),day=parseInt(splitted[0]);return dtDate.setYear(year),dtDate.setMonth(month),dtDate.setDate(day),dtDate}return null},DataTypesUtils.FilterFloat=function(value){return/^(\-|\+)?((0|([1-9][0-9]*))(\.[0-9]+)?|Infinity)$/.test(value)?Number(value):NaN},DataTypesUtils.FilterNumber=function(value){var valnum=DataTypesUtils.FilterFloat(value);if(0==isNaN(valnum))return valnum;if("string"!=typeof value)return NaN;var idxDot=(value.split(/(,|\.)/g),{idx:value.indexOf("."),sym:"."}),idxComma={idx:value.lastIndexOf(","),sym:","},idxFirst={};idxFirst=-1==idxDot.idx?idxComma:-1==idxComma.idx?idxDot:idxDot.idx<idxComma.idx?idxDot:idxComma;var idxLastDot={idx:value.lastIndexOf("."),sym:"."},idxLastComma={idx:value.lastIndexOf(","),sym:","},idxLast={};idxLast=-1==idxLastDot.idx?idxLastComma:-1==idxLastComma.idx?idxLastDot:idxLastDot.idx>idxLastComma.idx?idxLastDot:idxLastComma;var splitted=value.split(/(\.|,|\-|\+)/g);if(0==splitted.length)return NaN;var numOfDots=0,numOfComma=0,i=0;"-"!=splitted[0]&&"+"!=splitted[0]||(i=1);for(var str;i<splitted.length,str=splitted[i];i++)if("."==str)numOfDots++;else if(","==str)numOfComma++;else if(0==/^(0|([1-9][0-9]*))$/g.test(str))return NaN;var lastValue=splitted[splitted.length-1];if("."==lastValue||","==lastValue||0==lastValue.length)return NaN;if(-1==idxFirst.idx&&-1==idxLast.idx)return DataTypesUtils.FilterFloat(value);if(idxFirst.idx==idxLast.idx&&"."==idxFirst.sym)return Number(value);if(idxFirst.idx==idxLast.idx&&","==idxFirst.sym){var nval=value.replace(",",".");return Number(nval)}return NaN},DataTypesUtils.DecimalPlaces=function(num){var match=(""+num).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0},DataTypesUtils.IsLatLng=function(num){return NaN==DataTypesUtils.FilterFloat(num)?!1:DataTypesUtils.DecimalPlaces(num)>4},DataTypeHierarchy.HIERARCHY=[],DataTypeHierarchy.HIERARCHY[DataTypeConverter.TYPES.TEXT.name]=[DataTypeConverter.TYPES.TEXT.name],DataTypeHierarchy.HIERARCHY[DataTypeConverter.TYPES.NUMBER.name]=[DataTypeConverter.TYPES.NUMBER.name,DataTypeConverter.TYPES.TEXT.name],DataTypeHierarchy.HIERARCHY[DataTypeConverter.TYPES.DATETIME.name]=[DataTypeConverter.TYPES.DATETIME.name,DataTypeConverter.TYPES.TEXT.name],DataTypeHierarchy.HIERARCHY[DataTypeConverter.SUBTYPES.GEOCOORDINATE.name]=[DataTypeConverter.SUBTYPES.GEOCOORDINATE.name,DataTypeConverter.TYPES.NUMBER.name,DataTypeConverter.TYPES.TEXT.name],DataTypeHierarchy.canConvert=function(fromType,toType){var arrConvertableTypes=DataTypeHierarchy.HIERARCHY[fromType],idx=arrConvertableTypes.indexOf(toType);return idx>=0};var JDC_LNG={key_declaretype:{EN:"the column <%COL_NAME> is of type <%COL_TYPE>",IT:"la colonna <%COL_NAME> è di tipo <%COL_TYPE>",FR:"le colum <%COL_NAME> est de type <%COL_TYPE>",NL:"de kolom <%COL_NAME> is van het type <%COL_TYPE>"},key_notoftype_singular:{EN:"a value is not <%COL_TYPE>",IT:"un valore non è un <%COL_TYPE>",FR:"une valeur est pas <%COL_TYPE> se trouvant",NL:"een waarde is niet <%COL_TYPE>"},key_notoftype_plural:{EN:"%COL_ERRORS values are not <%COL_TYPE>",IT:"%COL_ERRORS valori non sono di tipo <%COL_TYPE>",FR:"les valeurs %COL_ERRORS sont du type <%COL_TYPE>",NL:"%COL_ERRORS waarden niet <%COL_TYPE>"},key_emptyvalue_singolar:{EN:"the column <%COL_NAME> has an empty value",IT:"la colonna <%COL_NAME> ha un valore vuoto",FR:"la colonne <%COL_NAME> a une valeur vide",NL:"de kolom <%COL_NAME> heeft een lege waarde"},key_emptyvalue_plural:{EN:"the column <%COL_NAME> has <%COL_NULLVALUES> empty values",IT:"la colonna <%COL_NAME> ha <%COL_NULLVALUES> valori vuoti",FR:"la colonne <%COL_NAME> a <%COL_NULLVALUES> valeurs vide",NL:"de kolom <%COL_NAME> heeft <%COL_NULLVALUES> lege waarde"},key_type:{EN:"type",IT:"tipo",FR:"type",NL:"type"},key_subtype:{EN:"subtype",IT:"sottotipo",FR:"sous-type",NL:"subtype"},key_typetext:{EN:"text",IT:"testo",FR:"texte",NL:"tekst"},key_typenumber:{EN:"number",IT:"numero",FR:"nombre",NL:"aantal"},key_typeobject:{EN:"object",IT:"oggetto",FR:"objet",NL:"voorwerp"},key_typedatetime:{EN:"date or time",IT:"data o orario",FR:"date ou l'heure",NL:"datum of tijd"},key_typeempty:{EN:"empty",IT:"vuoto",FR:"vide",NL:"leeg"},key_typelatitude:{EN:"latitude",IT:"latitudine",FR:"latitude",NL:"breedtegraad"},key_typelongitude:{EN:"longitude",IT:"longitudine",FR:"longitude",NL:"lengtegraad"}};
 \ No newline at end of file
@@ -25,33 +25,39 @@ function DataTypeConverter() {
 };//EndConstructor.
 DataTypeConverter.TYPES = {
-    TEXT        : { value: 0, name: "TEXT" },
-    CODE        : { value: 1, name: "CODE"},
+    EMPTY       : { value: 0, name: "NULL"},
+    TEXT        : { value: 1, name: "TEXT" },
     NUMBER      : { value: 2, name: "NUMBER" },
     OBJECT      : { value: 3, name: "OBJECT" },
-
-
-    BOOL        : { value: 5, name: "BOOL"},
-    CONST       : { value: 6, name: "CONST" },
-    CATEGORY    : { value: 7, name: "CATEGORY" },
-
-    DATETIME    : { value: 8, name: "DATETIME" },
-
-    EMPTY       : { value: 101, name: "NULL" }
+    DATETIME    : { value: 4, name: "DATETIME" }
 };
 DataTypeConverter.SUBTYPES = {
     GEOCOORDINATE   :   { value: 1000, name: "GEOCOORDINATE" },
     GEOJSON         :   { value: 1001, name: "GEOJSON" },
+    BOOL            :   { value: 1002, name: "BOOL"},
+    CONST           :   { value: 1003, name: "CONST" },
+    CATEGORY        :   { value: 1004, name: "CATEGORY" },
     PERCENTAGE      :   { value: 1100, name: "PERCENTAGE" },
     LATITUDE        :   { value: 1101, name: "LATITUDE" },
     LONGITUDE       :   { value: 1102, name: "LONGITUDE" }
+
+    /*CODE        : { value: 2000, name: "CODE"},*/
+};
+
+DataTypeConverter.LANGS = {
+    EN   :   { value: 1000, name: "EN" },
+    IT   :   { value: 1001, name: "IT" },
+    FR   :   { value: 1100, name: "FR" },
+    NL   :   { value: 1101, name: "NL" }
 };
+
 DataTypeConverter.GEOJSONTYPES = [ "Point", "MultiPoint", "LineString",
-    "MultiLineString", "Polygon", "MultiPolygon", "GeometryCollection" ];
+    "MultiLineString", "Polygon", "MultiPolygon", "GeometryCollection", "Feature",
+    "FeatureCollection" ];
 DataTypeConverter.prototype = (function () {
@@ -116,6 +122,10 @@ DataTypeConverter.prototype = (function () {
     var _analyseDataTypes = function(fields) {
         ArrayUtils.IteratorOverKeys(fields, function(field) {
+
+
+            /*
+            //TODO: removed CODE, I don't know whether it must be inserted
             if (field._inferredTypes[DataTypeConverter.TYPES.CODE.name]) {
                 var confidence = field._inferredTypes[DataTypeConverter.TYPES.CODE.name] / field.numOfItems;
                 var _numericalInferredType = field._inferredTypes[DataTypeConverter.TYPES.NUMBER.name];
@@ -124,7 +134,7 @@ DataTypeConverter.prototype = (function () {
                 field.type = DataTypeConverter.TYPES.CODE.name;
                 field.typeConfidence = confidence;
                 return;
-            }
+            }*/
             //Infers the field TYPE.
             var max = ArrayUtils.FindMinMax(field._inferredTypes, function (curval, lastval) {
@@ -194,13 +204,9 @@ DataTypeConverter.prototype = (function () {
         if (typeof value === 'object')
             return DataTypeConverter.TYPES.OBJECT;
-        //If the value starts with a zero and contains all numbers, it is
-        //inferred as textual content.
-        if (/^0[0-9]+$/.test(value))
-            return DataTypeConverter.TYPES.CODE;
-
         //Try to parse the float.
-        var isnumber = DataTypesUtils.FilterFloat(value);
+        //var isnumber = DataTypesUtils.FilterFloat(value);
+        var isnumber = DataTypesUtils.FilterNumber(value);
         if (isNaN(isnumber) !== true) {//It is a number.
             //If the number ranges from -90.0 to 90.0, the value is marked as Latitude.
             //if (-90.0 <= isnumber && isnumber <= 90.0 && _dataTypesUtils.decimalPlaces(isnumber) >= 5)
@@ -230,19 +236,22 @@ DataTypeConverter.prototype = (function () {
         //GEOCOORDINATE
         if (Array.isArray(value) && value.length == 2) {//It recognises the LAT LNG as array of two values.
             //Checks if the two array's values are numbers.
-            if ( DataTypesUtils.FilterFloat(value[0]) != NaN && DataTypesUtils.FilterFloat(value[1]) != NaN  )
+            //if ( DataTypesUtils.FilterFloat(value[0]) != NaN && DataTypesUtils.FilterFloat(value[1]) != NaN  )
+            if ( DataTypesUtils.FilterNumber(value[0]) != NaN && DataTypesUtils.FilterNumber(value[1]) != NaN  )
                 if (DataTypesUtils.DecimalPlaces(value[0]) > 4 && DataTypesUtils.DecimalPlaces(value[1]) > 4 )
                     return DataTypeConverter.SUBTYPES.GEOCOORDINATE;
         }//EndIf.
         if (typeof value === 'string') {
             var split = value.split(",");
-            if (DataTypesUtils.IsLatLng(split[0]) && DataTypesUtils.IsLatLng(split[1]))
-                return DataTypeConverter.SUBTYPES.GEOCOORDINATE;
+            //if (split.length == 2)
+                if (DataTypesUtils.IsLatLng(split[0]) && DataTypesUtils.IsLatLng(split[1]))
+                    return DataTypeConverter.SUBTYPES.GEOCOORDINATE;
         }
         //Try to parse the float.
-        var isnumber = DataTypesUtils.FilterFloat(value);
+        //var isnumber = DataTypesUtils.FilterFloat(value);
+        var isnumber = DataTypesUtils.FilterNumber(value);
         if (isNaN(isnumber) !== true) {//It is a number.
             //If the number ranges from -90.0 to 90.0, the value is marked as Latitude.
             if (-90.0 <= isnumber && isnumber <= 90.0 && DataTypesUtils.DecimalPlaces(isnumber) >= 5)
@@ -267,6 +276,11 @@ DataTypeConverter.prototype = (function () {
             if (isincluded) return DataTypeConverter.SUBTYPES.GEOJSON;
         }
+        //If the value starts with a zero and contains all numbers, it is
+        //inferred as textual content.
+        /*if (/^0[0-9]+$/.test(value))
+         return DataTypeConverter.TYPES.CODE;*/
+
         return null;
     };//EndFunction.
@@ -300,6 +314,15 @@ DataTypeConverter.prototype = (function () {
         return metadata;
     };//EndFunction.
+    var _capitalizeFirstLetter = function(string) {
+        return string.charAt(0).toUpperCase() + string.slice(1);
+    };//EndFunction.
+
+    var _replaceAll = function(search, replacement) {
+        var target = this;
+        return target.split(search).join(replacement);
+    };
+
     var jsonTraverse = function(json, fieldKeys, callback) {
         var stack = [];
         var numOfRows = 0;
@@ -349,15 +372,19 @@ DataTypeConverter.prototype = (function () {
     return {
         constructor: DataTypeConverter,
+
         /**
-         * It parses the json in input and converts the content
-         * in according to the inferred data types.
-         * @param json
-         * @param path Format: field1->field2->field3
+         *
+         * @param metadata Previous information on the inferred types.
+         * @param options Some options to cast the data.
+         *     - castThresholdConfidence: for which threshold the library must perform the cast (default 1)
+         *     - makeChangesToDataset: is a boolean value, to indicate whether the library can do improvement on the storage
+         *     values, for instance, numbers with the comma will be replaced with the dot.
+         * @returns {*}
          */
         cast: function(metadata, options) {
             if (typeof options === 'undefined' || options == null)
-                options = { castThresholdConfidence: 1, castIfNull: false };
+                options = { castThresholdConfidence: 1, castIfNull: false, makeChangesToDataset: false };
             return this.convert(metadata, options);
         },
@@ -380,7 +407,7 @@ DataTypeConverter.prototype = (function () {
             var datasetMissingValues = 0;
             if (typeof options === 'undefined' || options == null)
-                options = { castThresholdConfidence: 1, castIfNull: false };
+                options = { castThresholdConfidence: 1, castIfNull: false, makeChangesToDataset: false };
             jsonTraverse(metadata.dataset, metadata.fieldKeys, function(value, key, traversedKeys, rowIndex) {
                 var inferredType = metadata.types[traversedKeys];
@@ -399,6 +426,9 @@ DataTypeConverter.prototype = (function () {
                 //var isCast = !(options.castIfNull == false && inferredType.totalNullValues > 0);
                 var isCast = inferredType.typeConfidence >= options.castThresholdConfidence;
                 if (inferredType.type == DataTypeConverter.TYPES.NUMBER.name && isCast) {
+                    if (isNaN(DataTypesUtils.FilterNumber(value)) == false && typeof value === "string")
+                        value = value.replace(',', '.');
+
                     var number = parseFloat(value);
                     if (isNaN(number)) {
@@ -426,8 +456,17 @@ DataTypeConverter.prototype = (function () {
          * @param options Infer Data Type options, in particular the threshold value for the confidence.
          */
         inferJsonDataType: function (json, fieldKeys, options) {
-            if (typeof options === 'undefined' || options == null)
-                options = { thresholdConfidence: 1 };
+
+            //Default options initialisation.
+            if (typeof options === 'undefined' || options == null) options = { };
+
+            if (options.hasOwnProperty("thresholdConfidence") == false)
+                options.thresholdConfidence = 1;
+
+            if (options.hasOwnProperty("language") == false)
+                options.language = DataTypeConverter.LANGS.EN.name;
+            else
+                options.language = options.language.toUpperCase();
             var stack = [];
             var fieldsType = {};
@@ -500,6 +539,25 @@ DataTypeConverter.prototype = (function () {
                 }
             }//EndWhile.
+
+            //Calculates the number of rows in the dataset.
+            var _numOfRows = 0;
+            ArrayUtils.IteratorOverKeys(fieldsType, function(fieldType) {
+                if (fieldType.numOfItems > _numOfRows)
+                    _numOfRows = fieldType.numOfItems;
+            });
+
+            //Computes the number of null values.
+            ArrayUtils.IteratorOverKeys(fieldsType, function(fieldType) {
+                if (!fieldType._inferredTypes.hasOwnProperty(DataTypeConverter.TYPES.EMPTY.name)) {
+                    //Initialises the field.
+                    fieldType._inferredTypes[DataTypeConverter.TYPES.EMPTY.name] = 0;
+                }
+
+                fieldType._inferredTypes[DataTypeConverter.TYPES.EMPTY.name] = fieldType._inferredTypes[DataTypeConverter.TYPES.EMPTY.name] +  (_numOfRows - fieldType.numOfItems);
+            });
+
+            //Infers the data type.
             _analyseDataTypes(fieldsType);
             //Data quality.
@@ -538,22 +596,47 @@ DataTypeConverter.prototype = (function () {
                     var incorrect = fieldType.numOfItems - fieldType.totalNullValues - fieldType._inferredTypes[fieldType.type];
                     if (incorrect > 0) {
-                        description += "The column <" + fieldType.name + "> has the type <" + fieldType.type + ">";
+                        var _descr1 = _capitalizeFirstLetter(JDC_LNG['key_declaretype'][options.language]) + ".";
+                        var _descr2 = _capitalizeFirstLetter(JDC_LNG['key_notoftype_singular'][options.language]) + ".";
+                        if (incorrect > 1)
+                            _descr2 = _capitalizeFirstLetter(JDC_LNG['key_notoftype_plural'][options.language]) + ".";
+
+                        var descr = _descr1 + " " + _descr2;
+                        descr = descr.replace(/%COL_NAME/g, fieldType.name);
+                        descr = descr.replace(/%COL_TYPE/g, fieldType.type);
+                        descr = descr.replace(/%COL_ERRORS/g, incorrect);
+
+                        description += descr;
+
+                        /*description += "The column <" + fieldType.name + "> has the type <" + fieldType.type + ">";
                         var verb = (incorrect == 1) ? " value is" : " values are";
-                        description += ", but " + incorrect + verb + " not a " + fieldType.type;
+                        description += ", but " + incorrect + verb + " not a " + fieldType.type;*/
                     }
                 }
-                if (fieldType.totalNullValues > 0) {
+                var descr = "";
+                if (fieldType.totalNullValues == 1)
+                    descr = _capitalizeFirstLetter(JDC_LNG['key_emptyvalue_singolar'][options.language]) + ".";
+                else if (fieldType.totalNullValues > 1 )
+                    descr = _capitalizeFirstLetter(JDC_LNG['key_emptyvalue_plural'][options.language]) + ".";
+
+                descr = descr.replace(/%COL_NAME/g, fieldType.name);
+                descr = descr.replace(/%COL_TYPE/g, fieldType.type);
+                descr = descr.replace(/%COL_NULLVALUES/g, fieldType.totalNullValues);
+                description = description + " " + descr;
+
+                /*if (fieldType.totalNullValues > 0) {
+                    var descr = _capitalizeFirstLetter(JDC_LNG['key_declaretype'][options.language]) + ".";
+
                     description += "The column <" + fieldType.name + "> has " + fieldType.totalNullValues + " EMPTY value";
                     if (fieldType.totalNullValues > 1) description += "s";
                 }
                 if (description.length > 0)
-                    description += ".";
+                    description += ".";*/
-                fieldType.errorsDescription = description;
-                warningsTextual += description;
+                fieldType.errorsDescription = description.trim();
+                warningsTextual += description.trim();
             });
             var metadata = { dataset: json, fieldKeys: fieldKeys, types: fieldsType, qualityIndex: quality, warningsTextual: warningsTextual };
@@ -107,6 +107,71 @@ DataTypesUtils.FilterFloat = function (value) {
     return NaN;
 };//EndFunction.
+DataTypesUtils.FilterNumber = function (value) {
+    //Check immediatly if it is a classical number.
+    var valnum = DataTypesUtils.FilterFloat(value);
+    if (isNaN(valnum) == false) return valnum;
+
+    //Checks if the value is a string.
+    if (typeof value !== "string")
+        return NaN;
+
+    var parts = value.split(/(,|\.)/g);
+
+    //Find the smallest symbol.
+    var idxDot          = { idx: value.indexOf('.'), sym: '.' };
+    var idxComma        = { idx: value.lastIndexOf(','), sym: ',' };
+    var idxFirst = {};
+    if (idxDot.idx == -1) idxFirst = idxComma;
+    else if (idxComma.idx == -1) idxFirst = idxDot;
+    else if (idxDot.idx < idxComma.idx) idxFirst = idxDot;
+    else idxFirst = idxComma;
+
+    //Find the greatest symbol.
+    var idxLastDot      = { idx: value.lastIndexOf('.'), sym: '.' };
+    var idxLastComma    = { idx: value.lastIndexOf(','), sym: ',' };
+    var idxLast = {};
+    if (idxLastDot.idx == -1) idxLast = idxLastComma;
+    else if (idxLastComma.idx == -1) idxLast = idxLastDot;
+    else if (idxLastDot.idx > idxLastComma.idx) idxLast = idxLastDot;
+    else idxLast = idxLastComma;
+
+    //Splits over the dot and comma and check that are all numbers.
+    var splitted = value.split(/(\.|,|\-|\+)/g);
+    if (splitted.length == 0) return NaN;
+
+    var numOfDots = 0;
+    var numOfComma = 0;
+    var i=0;
+    if (splitted[0] == '-' || splitted[0] == '+') i=1;
+
+    for (var str; i<splitted.length, str=splitted[i]; i++) {
+        if (str == '.') numOfDots++;
+        else if (str == ',') numOfComma++;
+        else if (/^(0|([1-9][0-9]*))$/g.test(str) == false)
+            return NaN;
+    }//EndFor.
+
+    var lastValue = splitted[splitted.length-1];
+    if (lastValue == '.' || lastValue == ',' || lastValue.length == 0) return NaN;
+
+    //No dot/comma char found
+    if (idxFirst.idx == -1 && idxLast.idx == -1)
+        return DataTypesUtils.FilterFloat(value);
+
+    //Only one dot symbol found
+    if (idxFirst.idx == idxLast.idx && idxFirst.sym == '.')
+        return Number(value);
+
+    //Only one comma symbol found
+    if (idxFirst.idx == idxLast.idx && idxFirst.sym == ',') {
+        var nval = value.replace(',', '.');
+        return Number(nval);
+    }
+
+    return NaN;
+};//EndFunction.
+
 /**
  * Solution from here:
  * http://stackoverflow.com/questions/10454518/javascript-how-to-retrieve-the-number-of-decimals-of-a-string-number
@@ -39,6 +39,7 @@ CKANApi.prototype = (function() {
                 errorCallback("Check DataStoreAPI.");
         };
         xhttp.open("GET", theUrl, true);//true for asynchronous.
+        //xhttp.setRequestHeader('Content-yype')
         xhttp.send(null);
     };//EndFunction.
@@ -53,18 +53,44 @@ ODStatistics.prototype = (function() {
         stats.numOfDatasets = datasets.length;
         stats.formats = [];
+        stats.formatsAggregated = [];
         for (var i=0; i<datasets.length; i++) {
             var dataset = datasets[i];
             //Statistics on the datasets' formats.
             ArrayUtils.TestAndIncrement(stats.formats, dataset.format);
+
+            var dsformat = dataset.format.toLowerCase();
+
+            //Aggregated formats.
+            if (dsformat.includes("csv"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "csv");
+            else if (dsformat.includes("pdf"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "pdf");
+            else if (dsformat.includes("html"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "html");
+            else if (dsformat.includes("json"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "json");
+            else if (dsformat.includes("xml"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "xml");
+            else if (dsformat.includes("shp"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "shp");
+            else if (dsformat.includes("geojson"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "geojson");
+            else if (dsformat.includes("kml"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "kml");
+            else if (dsformat.includes("txt"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "txt");
+            else if (dsformat.includes("xls") || dsformat.includes("xlsx") || dsformat.includes("ods"))
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "xls/ods");
+            else
+                ArrayUtils.TestAndIncrement(stats.formatsAggregated, "other");
         }//EndForI.
         //Calculates the formats percentages.
         var tmpArrFormats = stats.formats;
         stats.formats = [];
-
         ArrayUtils.IteratorOverKeys(tmpArrFormats, function(item, property) {
             var recordFormat = {};
             recordFormat.name = property;
@@ -74,6 +100,18 @@ ODStatistics.prototype = (function() {
             stats.formats.push(recordFormat);
         });
+        //Calculates the formats percentage for the aggregated formats.
+        var tmpArrFormatsAggregated = stats.formatsAggregated;
+        stats.formatsAggregated = [];
+        ArrayUtils.IteratorOverKeys(tmpArrFormatsAggregated, function(item, property) {
+            var recordFormat = {};
+            recordFormat.name = property;
+            recordFormat.occurrance = item;
+            recordFormat.occurrancePercentage = (item / datasets.length) * 100;
+            recordFormat.occurrancePercentage = Math.round(recordFormat.occurrancePercentage * 100) / 100;
+            stats.formatsAggregated.push(recordFormat);
+        });
+
         return stats;
     };//EndFunction.
+
+
+
+var JDC_LNG = {
+
+    "key_declaretype": {
+        "EN": "the column <%COL_NAME> is of type <%COL_TYPE>",
+        "IT": "la colonna <%COL_NAME> è di tipo <%COL_TYPE>",
+        "FR": "le colum <%COL_NAME> est de type <%COL_TYPE>",
+        "NL": "de kolom <%COL_NAME> is van het type <%COL_TYPE>"
+    },
+
+    "key_notoftype_singular": {
+        "EN": "a value is not <%COL_TYPE>",
+        "IT": "un valore non è un <%COL_TYPE>",
+        "FR": "une valeur est pas <%COL_TYPE> se trouvant",
+        "NL": "een waarde is niet <%COL_TYPE>"
+    },
+
+    "key_notoftype_plural": {
+        "EN": "%COL_ERRORS values are not <%COL_TYPE>",
+        "IT": "%COL_ERRORS valori non sono di tipo <%COL_TYPE>",
+        "FR": "les valeurs %COL_ERRORS sont du type <%COL_TYPE>",
+        "NL": "%COL_ERRORS waarden niet <%COL_TYPE>"
+    },
+
+    "key_emptyvalue_singolar": {
+        "EN": "the column <%COL_NAME> has an empty value",
+        "IT": "la colonna <%COL_NAME> ha un valore vuoto",
+        "FR": "la colonne <%COL_NAME> a une valeur vide",
+        "NL": "de kolom <%COL_NAME> heeft een lege waarde"
+    },
+
+    "key_emptyvalue_plural": {
+        "EN": "the column <%COL_NAME> has <%COL_NULLVALUES> empty values",
+        "IT": "la colonna <%COL_NAME> ha <%COL_NULLVALUES> valori vuoti",
+        "FR": "la colonne <%COL_NAME> a <%COL_NULLVALUES> valeurs vide",
+        "NL": "de kolom <%COL_NAME> heeft <%COL_NULLVALUES> lege waarde"
+    },
+
+    "key_type": {
+        "EN": "type",
+        "IT": "tipo",
+        "FR": "type",
+        "NL": "type"
+    },
+
+    "key_subtype": {
+        "EN": "subtype",
+        "IT": "sottotipo",
+        "FR": "sous-type",
+        "NL": "subtype"
+    },
+
+    "key_typetext": {
+        "EN": "text",
+        "IT": "testo",
+        "FR": "texte",
+        "NL": "tekst"
+    },
+
+    "key_typenumber": {
+        "EN": "number",
+        "IT": "numero",
+        "FR": "nombre",
+        "NL": "aantal"
+    },
+
+    "key_typeobject": {
+        "EN": "object",
+        "IT": "oggetto",
+        "FR": "objet",
+        "NL": "voorwerp"
+    },
+
+    "key_typedatetime": {
+        "EN": "date or time",
+        "IT": "data o orario",
+        "FR": "date ou l'heure",
+        "NL": "datum of tijd"
+    },
+
+    "key_typeempty": {
+        "EN": "empty",
+        "IT": "vuoto",
+        "FR": "vide",
+        "NL": "leeg"
+    },
+
+    "key_typelatitude": {
+        "EN": "latitude",
+        "IT": "latitudine",
+        "FR": "latitude",
+        "NL": "breedtegraad"
+    },
+
+    "key_typelongitude": {
+        "EN": "longitude",
+        "IT": "longitudine",
+        "FR": "longitude",
+        "NL": "lengtegraad"
+    }
+
+};
 \ No newline at end of file
+<script type="text/javascript" src="controllets/shared_js/jquery-1.11.2.min.js"></script>
+<script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
+<link rel="import" href="controllets/data-sevc-controllet/demo-data-sevc-controllet.html" />
+
+<style>
+    #controllet paper-material {
+        overflow: hidden;
+    }
+</style>
+
+<script type="text/javascript">
+    $(document).ready(function () {
+        var datasets = {"result":{
+            "providers":{"1":{"title":"CKAN","api_url":"http://ckan.routetopa.eu","image_hash":"11","id":"1"}},
+            "datasets":[
+                {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"SPOD SUPER HEROES","url":"http:\/\/ckan.routetopa.eu\/\/api/action\/datastore_search?resource_id=642ceea8-711e-4124-b450-0d23010c44e6","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"},
+                {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"Wonders of the World","url":"http:\/\/ckan.routetopa.eu\/\/api\/action\/datastore_search?resource_id=1d9c8e62-47ab-40d5-8943-b4c3bca14b50","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"},
+                {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"Animal Sounds","url":"http:\/\/ckan.routetopa.eu\/\/api\/action\/datastore_search?resource_id=0937845d-c398-4416-a229-993f64e1d71d","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"}
+            ]}};
+
+        var controllet = document.getElementById("controllet");
+        controllet.setAttribute("datasets", JSON.stringify(datasets));
+
+        window.addEventListener("data-sevc-controllet.dataletCreated", function(e){parent.createHTML(e);});
+    });
+
+    //http://ckan.routetopa.eu/api/action/datastore_search?resource_id=1d9c8e62-47ab-40d5-8943-b4c3bca14b50
+
+</script>
+
+<demo-data-sevc-controllet id="controllet"
+                        deep-url="http://172.16.15.38/DEEalerProvider/DEEP/"
+                        datalets-list-url="http://172.16.15.38/DEEalerProvider/DEEP/datalets-list"
+                        >
+</demo-data-sevc-controllet>
+
+<!--datasets='{"result":{"providers":{"1":{"title":"CKAN","api_url":"http:\/\/ckan.routetopa.eu","image_hash":"11","id":"1"}},"datasets":[{"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"EXAMPLE 1","url":"http:\/\/ckan.routetopa.eu\/\/api\/action\/datastore_search?resource_id=642ceea8-711e-4124-b450-0d23010c44e6","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"}, {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"EXAMPLE 2","url":"http:\/\/ckan2.routetopa.eu\/\/api\/action\/datastore_search?resource_id=642ceea8-711e-4124-b450-0d23010c44e6","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"}, {"w":1,"provider_name":"p:1","organization_name":"SPOD","package_name":"isislab","resource_name":"EXAMPLE 3","url":"http:\/\/ckan3.routetopa.eu\/\/api\/action\/datastore_search?resource_id=642ceea8-711e-4124-b450-0d23010c44e6","metas":"{\"organization\":\"SPOD\",\"description\":\"This is a test datasets.\",\"format\":\"CSV\"}"}]}}'-->
@@ -18,17 +18,12 @@
             color: #FFFFFF;
             height: 32px;
             width: 32px;
-            background-color: #00BCD4;
-        }
-
-        .button-container {
-            cursor: pointer;
-            height: 36px;
-            width: 36px;
+            background-color: #2196F3;
+            border-radius: 18px;
             box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
         }
-        .button-container:hover {
+        iron-icon.myspace:hover {
             box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
             -webkit-transition: 0.2s ease-out;
             -moz-transition: 0.2s ease-out;
@@ -37,6 +32,13 @@
             transition: 0.2s ease-out;
         }
+        .button-container {
+            cursor: pointer;
+            height: 36px;
+            width: 36px;
+            border-radius: 18px;
+        }
+
         .window {
             height: 620px;
             width: 760px;
@@ -4,108 +4,208 @@
 <link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html"/>
 <link rel="import" href="../../bower_components/paper-button/paper-button.html"/>
 <link rel="import" href="../../bower_components/iron-icon/iron-icon.html"/>
-<link rel="import" href="../../bower_components/iron-collapse/iron-collapse.html"/>
+<link rel="import" href="../../bower_components/paper-tooltip/paper-tooltip.html">
+<script src="../../locales/cocreation_paper_card_ln.js"></script>
 <dom-module id="cocreation-paper-card-controllet">
     <template>
         <style>
-            iron-icon{
-                padding-left: 5px;
-                padding-right: 5px;
-                --iron-icon-height: 16px;
-                --iron-icon-width: 16px;
+            #card_container {
+                height: 200px;
+                width: 300px;
+                margin-top: 32px;
+                margin-left: 32px;
+                margin-right: -3.7px;
             }
-            iron-icon.icon-from{
-                --iron-icon-fill-color : #000000;
+            #card_container * {
+                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+                font-size: 16px;
+                line-height: 24px;
             }
-            iron-icon.icon-to{
-                --iron-icon-fill-color : #ff0000;
+            .card-content {
+                padding: 12px;
+                height: 103px;
+                /*overflow: hidden;*/
+                background: #E0E0E0;
             }
-            paper-card.cocreation {
-                width: 310px;
+            .card-actions {
+                padding: 12px;
+                height: 48px;
+                /*border-color: #2196F3;*/
+                /*border-color: #4CAF50;*/
             }
-            .from, .to {
-                font-size: 13px;
-                color: #CCCCCC;
+            paper-button {
+                height: 48px;
+                width: 136px;/*+2*/
+                padding: 12px;
+                margin: 0;
+                font-weight: 700;
+
+                background: #FFFFFF;
+                color: #000000;
+                --paper-button-ink-color: #00BCD4;
+            }
+
+            paper-button.info {
+                cursor: help;
+                float: right;
             }
-            .rate-content {
-                @apply(--layout-flex);
-                float: left;
-                width: 100%;
+            paper-button.info:hover {
+                color: #000000;
             }
-            .rate-header { @apply(--paper-font-headline); }
-            .rate-name { color: var(--paper-grey-600); margin: 10px 0; }
+            paper-button:hover {
+                color: #00BCD4;
+            }
+
+            paper-icon-button[icon="info-outline"] {
+                cursor: help;
+                float: right;
-            paper-icon-button.rate-icon {
-                --iron-icon-fill-color: white;
-                --iron-icon-stroke-color: var(--paper-grey-600);
+                height: 48px;
+                width: 48px;
+                padding: 8px;
+                color: #000000;
             }
-            .collapse-content {
-                width: 200px;
-                padding: 15px;
+            paper-tooltip {
+                min-width: 400px;
+                --paper-tooltip-background: black;
             }
-            iron-collapse.iron-collapse-over
-            {
-                position: absolute;
-                left: -1px;
-                margin:0;
-                padding:0;
-                z-index:10;
-                background-color: #FFFFFF;
-                border: solid 1px #E6E6E6;
-                border-top: none !important;
-                min-width: 310px;
-                min-height: 188px;
-            }
-            .badge{
+            paper-fab {
                 position: absolute;
-                right: 5px;
-                bottom: 5px;
+                z-index: 10;
+            }
+
+            paper-fab.delete {
+                top: -12px;
+                right: -12px;
+                --iron-icon-height: 18px;
+                --iron-icon-width: 18px;
+                width: 24px;
+                height: 24px;
+                --paper-fab-background:#B6B6B6;
+            }
+
+            #card_container br {
+                display: block;
+                margin-top: 8px;
+                content: " ";
+            }
+
+            #card_container p {
+                margin: 0;
+                padding: 0;
+            }
+
+            #card_container p .title{
+                font-weight: 700;
+                /*color: #2196F3;*/
+                /*color: #4CAF50;*/
+                white-space: nowrap;
+            }
+
+            #card_container p .description{
+            }
+
+            #card_container .name{
+                font-size: 18px;
+                font-weight: 700;
+                /*color: #2196F3;*/
+                /*color: #4CAF50;*/
+                height: 32px;
+
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            #card_container .owner{
+                font-size: 14px;
+                height: 47px;
+
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            #card_container .time{
+                display: flex;
+                flex-direction: row;
+                height: 24px;
+            }
+
+            #card_container .from {
+                width: 50%;
+                font-size: 12px;
+            }
+
+            #card_container .to {
+                width: 50%;
+                font-size: 12px;
+            }
+
+            paper-fab.assessment,
+            paper-fab.description {
+                bottom: -20px;
+                right: 12px;
+                cursor: auto;
+            }
+
+            paper-fab.description {
                 background: #2196F3;
             }
-        </style>
+            paper-fab.assessment {
+                background: #4CAF50;
+            }
+        </style>
-        <paper-card class="cocreation">
-            <div class="rate-content">
+        <paper-card id="card_container">
                 <div class="card-content">
-                    <div class="rate-header">{{name}}</div>
-                    <div class="rate-name">{{owner}}</div>
-                    <div>
-                        <iron-icon class="icon-from" icon="alarm"></iron-icon>
-                        <span class="from">{{from}}</span>
-                        <iron-icon class="icon-to" icon="alarm-off"></iron-icon>
-                        <span class="to">{{to}}</span>
-                        <template is="dom-if" if="{{!checkRoomType(roomType)}}">
-                            <paper-fab mini disabled icon="assessment" class="badge data"></paper-fab>
-                        </template>
-                        <template is="dom-if" if="{{checkRoomType(roomType)}}">
-                            <paper-fab mini disabled icon="description" class="badge knowledge"></paper-fab>
-                        </template>
+                    <template is="dom-if" if="{{isOwner}}">
+                        <paper-fab id="card_delete" class="delete" mini icon="delete" on-click="_handleDeleteClick"></paper-fab>
+                    </template>
+                    <div class="name" style$="color: {{color}};">{{name}}</div>
+                    <div class="owner">{{owner}}</div>
+                    <div class="time">
+                        <div class="from">
+                            <iron-icon class="icon-from" icon="alarm"></iron-icon>&nbsp; {{from}}
+                        </div>
+                        <div class="to">
+                            <iron-icon class="icon-to" icon="alarm-off"></iron-icon>&nbsp; {{to}}
+                        </div>
                     </div>
+                    <template is="dom-if" if="{{!_checkRoomType(roomType)}}">
+                        <paper-fab mini icon="assessment" class="assessment" noink></paper-fab>
+                    </template>
+                    <template is="dom-if" if="{{_checkRoomType(roomType)}}">
+                        <paper-fab mini icon="description" class="description" noink></paper-fab>
+                    </template>
                 </div>
-                <div class="card-actions">
-                    <paper-button on-click="_onExplore">Explore</paper-button>
-                    <paper-icon-button icon="expand-less" on-click="_toggle" style="float:right;"></paper-icon-button>
-                    <iron-collapse class="iron-collapse-over" id="more_info" no-animation>
-                        <div class="collapse-content">
-                            {{goal}}
-                        </div>
-                    </iron-collapse>
+                <div class="card-actions" style$="border-color: {{color}};">
+                    <paper-button on-click="_onExplore"><span id="explore"></span></paper-button>
+                    <paper-button id="goal_button" class="info" noink><span id="goal"></span></paper-button>
+                    <!--<paper-icon-button id="goal_button" icon="info-outline" noink></paper-icon-button>-->
+
+                    <paper-tooltip for="goal_button" position="bottom" offset="-8">
+                        <p>
+                            <span class="title" style$="color: {{color}};" id="tooltip_goal"></span>
+                            <br>
+                            <span class="description">{{goal}}</span>
+                        </p>
+                    </paper-tooltip>
                 </div>
-            </div>
         </paper-card>
     </template>
@@ -119,23 +219,23 @@
             properties: {
                 name:{
                     type: String,
-                    value: "text"
+                    value: ""
                 },
                 owner:{
                     type: String,
-                    value: "text"
+                    value: ""
                 },
                 from:{
                     type: String,
-                    value: "text"
+                    value: ""
                 },
                 to:{
                     type: String,
-                    value: "text"
+                    value: ""
                 },
                 goal:{
                     type: String,
-                    value: "text"
+                    value: ""
                 },
                 roomUrl: {
                     type: String,
@@ -144,28 +244,46 @@
                 roomType:{
                     type: String,
                     value: undefined
+                },
+                isOwner: {
+                    type: Boolean,
+                    value: false
+                },
+                roomId:{
+                    type: Number,
+                    value: undefined
+                },
+                color:{
+                    type: String,
+                    value: ""
                 }
             },
+            ready: function() {
+                var color = "#4CAF50";
+                if(this.roomType == "knowledge")
+                    color = "#2196F3";
+                this.color = color;
+            },
+
             attached: function(){
+                cocreation_room_ln["ln"] = ODE.user_language;
+
+                this.$.goal.innerHTML = cocreation_room_ln["goal_" + cocreation_room_ln["ln"]];
+                this.$.tooltip_goal.innerHTML = cocreation_room_ln["goal_" + cocreation_room_ln["ln"]];
+                this.$.explore.innerHTML = cocreation_room_ln["explore_" + cocreation_room_ln["ln"]];
             },
-            _toggle: function(){
-                var moreInfo = this.$.more_info;
-                var iconButton = Polymer.dom(event).localTarget;
-                iconButton.icon = moreInfo.opened ? 'expand-less' : 'expand-more';
-                moreInfo.toggle();
+            _handleDeleteClick: function(){
+                this.fire("cocreation-paper-card-controllet_delete", {roomId: this.roomId});
             },
-            _onExplore: function(e){
+            _onExplore: function(){
                 window.location = this.roomUrl;
             },
-            checkRoomType: function(type){
-               if(type == "knowledge")
-                   return true;
-               else
-                   return false;
+            _checkRoomType: function(type){
+               return (type == "knowledge") ? true : false;
             }
         })
     </script>
@@ -47,7 +47,7 @@
             listeners : {
                 'page-slider-controllet_selected' : '_updateSlider',
-                'dataset-selection-controllet_data-url' : '_allowSecondStep',
+                'select-dataset-controllet_data-url' : '_allowSecondStep',
                 'select-fields-controllet_selected-fields' : '_allowThirdStep',
                 'filters-controllet_filters': '_allowThirdStep',
                 'aggregators-controllet_aggregators': '_allowThirdStep',
@@ -117,7 +117,7 @@
             _allowSecondStep : function(e){
                 this.$.slider.chevronRight(false);
-//
+
                 var f = Object.create(providerFactory);
                 var provider = f.getProvider(e.detail.url);
                 var dataUrl = provider.addLimit(e.detail.url);
@@ -135,6 +135,8 @@
                 }
                 else
                     this.$.select_dataset.$.selected_url.invalid = true;
+
+                this.$.select_dataset.showDatasetInfo();
             },
             _allowThirdStep : function(){
-<script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
-<link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
-
-<script src="../../locales/controllet_ln.js"></script>
-
-<link rel="import" href="../../bower_components/polymer/polymer.html">
-
-<link rel="import" href="../page-slider-controllet/page-slider-controllet.html">
-
-<link rel="import" href="../select-dataset-controllet/select-dataset-controllet.html">
-<link rel="import" href="../select-data-controllet/select-data-controllet.html" />
-<link rel="import" href="../select-visualization-controllet/select-visualization-controllet.html" />
-
-<dom-module id="data-sevc-controllet">
-
-    <template>
-
-        <page-slider-controllet id="slider">
-
-            <neon-animatable>
-
-                <template is="dom-if" if={{!modify}}>
-                    <select-dataset-controllet id="select_dataset" data={{data}} datasets={{datasets}} suggested-datasets={{suggestedDatasets}}></select-dataset-controllet>
-                </template>
-
-            </neon-animatable>
-
-            <neon-animatable>
-
-                <select-data-controllet id="select_data" data-url={{dataUrl}} preselected-fields={{selectedFields}} datalet-preset="{{dataletPreset}}"></select-data-controllet>
-
-            </neon-animatable>
-
-            <neon-animatable>
-
-                <select-visualization-controllet id="select_visualization" deep-url={{deepUrl}} datalets-list-url={{dataletsListUrl}} data-url={{dataUrl}} preselected-datalet={{selectedDatalet}} datalet-preset={{dataletPreset}}></select-visualization-controllet>
-
-            </neon-animatable>
-
-        </page-slider-controllet>
-
-    </template>
-
-    <script>
-
-        Polymer({
-
-            is : 'data-sevc-controllet',
-
-            listeners : {
-                'page-slider-controllet_selected' : '_updateSlider',
-                'dataset-selection-controllet_data-url' : '_allowSecondStep',
-                'tree-view-controllet_selected-fields' : '_allowThirdStep'
-            },
-
-            properties : {
-
-                deepUrl : {
-                    type : String,
-                    value : undefined
-                },
-
-                dataletsListUrl : {
-                    type : String ,
-                    value : undefined
-                },
-
-                datasets : {
-                    type : Array,
-                    value : undefined
-                },
-
-                suggestedDatasets : {
-                    type : Array,
-                    value : undefined
-                },
-
-                dataUrl : {
-                    type  : String,
-                    value : undefined
-                },
-
-                jsonData : {
-                    type  : Object,
-                    value : undefined
-                },
-
-                modify : {
-                    type  : Boolean,
-                    value : false
-                },
-
-                selectedDatalet : {
-                    type  : String,
-                    value : undefined
-                },
-
-                selectedFields : {
-                    type  : Array,
-                    value : []
-                },
-
-                dataletPreset : {
-                    type  : Object,
-                    value : []
-                },
-
-                localization : {
-                    type : String,
-                    value : "en"
-                }
-
-            },
-
-            ready : function(){
-                if(this.selectedDatalet){
-                    this.modify = true;
-                    this.$.slider.selected = 1;
-                    this.dataUrl = this.dataletPreset["data-url"];
-                }
-                ln["localization"] = this.localization;
-            },
-
-            _updateSlider : function(e){
-                switch (e.detail.selected) {
-                    case 0:
-                        slider.setTitle(ln["slide1Title_" + this.localization], ln["slide1Subtitle_" + this.localization]);
-                        slider.chevronLeft("invisible");
-                        slider.chevronRight(false);
-                        if(slider.getPrevSelected() == 1)
-                            slider.chevronRight(true);
-                        break;
-                    case 1:
-                        slider.setTitle(ln["slide2Title_" + this.localization], ln["slide2Subtitle_" + this.localization]);
-                        if(this.modify){
-                            slider.chevronLeft("invisible");
-                        }
-                        else{
-                            slider.chevronLeft(true);
-                        }
-                        slider.chevronRight(false);
-                        this._allowThirdStep({detail: {fields: select_data.getSelectedFields()}});
-                        if(this.modify){
-                            this.$.select_visualization.setFields(select_data.getSelectedFields());
-                            this.$.select_visualization.setFilters(select_data.getFilters());
-                        }
-                        break;
-                    case 2:
-                        slider.setTitle(ln["slide3Title_" + this.localization], ln["slide3Subtitle_" + this.localization]);
-                        slider.chevronLeft(true);
-                        slider.chevronRight("invisible");
-
-                        this.$.select_visualization.setFields(select_data.getSelectedFields());
-                        this.$.select_visualization.setFilters(select_data.getFilters());
-                        if(this.modify) {
-                            this.$.select_visualization.show();//resize
-                        }
-                }
-            },
-
-            _allowSecondStep : function(e){
-                if(e.detail.url == "") {
-                    slider.chevronRight(false);
-                    select_dataset.$.selected_url.invalid = false;
-                    return;
-                }
-
-                this.dataUrl = e.detail.url;
-
-                var that = this;
-
-                $.ajax({
-                    url: e.detail.url,
-                    dataType: "json",
-                    success: function(data){
-//                        this.dataUrl = e.detail.url
-//                        this.jsonData = JSON.stringify(data);
-                        slider.chevronRight(true);
-                        select_dataset.$.selected_url.invalid = false;
-
-                        that.$.select_data._init();
-                    },
-                    error: function(){
-//                        this.jsonData = undefined;
-                        slider.chevronRight(false);
-                        select_dataset.$.selected_url.invalid = true;
-
-                        that.$.select_data._reset();
-                    }
-                });
-
-                //NOT HERE ma quando VADO al secondo passo e l'url è cambiato
-//                this.$.select_data._init();
-                this.$.select_visualization.reset();
-            },
-
-            _allowThirdStep : function(e){
-                if(e.detail.fields.length > 0)
-                    slider.chevronRight(true);
-                else
-                    slider.chevronRight(false);
-
-                //this.$.select_visualization.reset();
-            }
-
-        });
-
-    </script>
-
-</dom-module>
 \ No newline at end of file
-<script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
-<link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
-
-<script src="../../locales/controllet_ln.js"></script>
-
-<link rel="import" href="../../bower_components/polymer/polymer.html">
-
-<link rel="import" href="../page-slider-controllet/page-slider-controllet.html">
-
-<link rel="import" href="../select-data-controllet/select-data-controllet.html" />
-<link rel="import" href="../select-visualization-controllet/select-visualization-controllet.html" />
-
-<dom-module id="datalets-modifier-controllet">
-
-    <template>
-
-        <page-slider-controllet id="slider">
-
-            <neon-animatable>
-
-                <select-data-controllet id="select_data"></select-data-controllet>
-
-            </neon-animatable>
-
-            <neon-animatable>
-
-                <select-visualization-controllet id="select_visualization" deep-url={{deepUrl}} datalets-list-url={{dataletsListUrl}}></select-visualization-controllet>
-
-            </neon-animatable>
-
-        </page-slider-controllet>
-
-    </template>
-
-    <script>
-
-        Polymer({
-
-            is : 'datalets-modifier-controllet',
-
-            listeners : {
-                'page-slider-controllet_selected' : '_updateSlider',
-                'dataset-selection-controllet_data-url' : '_allowSecondStep',
-                'tree-view-controllet_selected-fields' : '_allowThirdStep'
-            },
-
-            properties : {
-//                dataUrl : {
-//                    type  : String,
-//                    value : undefined
-//                },
-
-                preselectedDatalet : { //datalet
-                    type  : String,
-                    value : undefined
-                },
-
-                preselectedFields : { //fields
-                    type  : Array,
-                    value : undefined
-                },
-
-                dataletPreset : { //params
-                    type  : String,
-                    value : undefined
-                },
-
-                deepUrl : {
-                    type : String,
-                    value : undefined
-                },
-
-                dataletsListUrl : {
-                    type : String ,
-                    value : undefined
-                },
-
-                localization : {
-                    type : String,
-                    value : "en"
-                }
-
-            },
-
-            ready : function(){
-                if(this.selectedDatalet){
-                    this.modify = true;
-                    this.$.slider.selected = 1;
-                    this.dataUrl = this.dataletPreset["data-url"];
-                }
-                ln["localization"] = this.localization;
-            },
-
-            _updateSlider : function(e){
-                switch (e.detail.selected) {
-                    case 0:
-                        slider.setTitle(ln["slide1Title_" + this.localization], ln["slide1Subtitle_" + this.localization]);
-                        slider.chevronLeft("invisible");
-                        slider.chevronRight(false);
-                        if(slider.getPrevSelected() == 1)
-                            slider.chevronRight(true);
-                        break;
-                    case 1:
-                        slider.setTitle(ln["slide2Title_" + this.localization], ln["slide2Subtitle_" + this.localization]);
-                        if(this.modify){
-                            slider.chevronLeft("invisible");
-                        }
-                        else{
-                            slider.chevronLeft(true);
-                        }
-                        slider.chevronRight(false);
-                        this._allowThirdStep({detail: {fields: select_data.getSelectedFields()}});
-                        if(this.modify){
-                            this.$.select_visualization.setFields(select_data.getSelectedFields());
-                            this.$.select_visualization.setFilters(select_data.getFilters());
-                        }
-                        break;
-                    case 2:
-                        slider.setTitle(ln["slide3Title_" + this.localization], ln["slide3Subtitle_" + this.localization]);
-                        slider.chevronLeft(true);
-                        slider.chevronRight("invisible");
-
-                        this.$.select_visualization.setFields(select_data.getSelectedFields());
-                        this.$.select_visualization.setFilters(select_data.getFilters());
-                        if(this.modify) {
-                            this.$.select_visualization.show();//resize
-                        }
-                }
-            },
-
-            _allowSecondStep : function(e){
-                if(e.detail.url == "") {
-                    slider.chevronRight(false);
-                    select_dataset.$.selected_url.invalid = false;
-                    return;
-                }
-
-                this.dataUrl = e.detail.url;
-
-                var that = this;
-
-                $.ajax({
-                    url: e.detail.url,
-                    dataType: "json",
-                    success: function(data){
-//                        this.dataUrl = e.detail.url
-//                        this.jsonData = JSON.stringify(data);
-                        slider.chevronRight(true);
-                        select_dataset.$.selected_url.invalid = false;
-
-                        that.$.select_data._init();
-                    },
-                    error: function(){
-//                        this.jsonData = undefined;
-                        slider.chevronRight(false);
-                        select_dataset.$.selected_url.invalid = true;
-
-                        that.$.select_data._reset();
-                    }
-                });
-
-                //NOT HERE ma quando VADO al secondo passo e l'url è cambiato
-//                this.$.select_data._init();
-                this.$.select_visualization.reset();
-            },
-
-            _allowThirdStep : function(e){
-                if(e.detail.fields.length > 0)
-                    slider.chevronRight(true);
-                else
-                    slider.chevronRight(false);
-
-                //this.$.select_visualization.reset();
-            }
-
-        });
-
-    </script>
-
-</dom-module>
 \ No newline at end of file
+<script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
+<link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
+
+<script src="../../locales/controllet_ln.js"></script>
+
+<link rel="import" href="../../bower_components/polymer/polymer.html">
+
+<link rel="import" href="../page-slider-controllet/page-slider-controllet.html">
+
+<link rel="import" href="../select-dataset-controllet/demo-select-dataset-controllet.html">
+<link rel="import" href="../select-data-controllet/select-data-controllet.html" />
+<link rel="import" href="../select-visualization-controllet/select-visualization-controllet.html" />
+
+<dom-module id="demo-data-sevc-controllet">
+
+    <template>
+
+        <page-slider-controllet id="slider">
+
+            <neon-animatable>
+
+                <demo-select-dataset-controllet id="select_dataset" datasets={{datasets}} suggested-datasets={{suggestedDatasets}}></demo-select-dataset-controllet>
+
+            </neon-animatable>
+
+            <neon-animatable>
+
+                <select-data-controllet id="select_data"></select-data-controllet>
+
+            </neon-animatable>
+
+            <neon-animatable>
+
+                <select-visualization-controllet id="select_visualization" deep-url={{deepUrl}} datalets-list-url={{dataletsListUrl}}></select-visualization-controllet>
+
+            </neon-animatable>
+
+        </page-slider-controllet>
+
+    </template>
+
+    <script>
+
+        Polymer({
+
+            is : 'demo-data-sevc-controllet',
+
+            listeners : {
+                'page-slider-controllet_selected' : '_updateSlider',
+                'select-dataset-controllet_data-url' : '_allowSecondStep',
+                'select-fields-controllet_selected-fields' : '_allowThirdStep',
+                'filters-controllet_filters': '_allowThirdStep',
+                'aggregators-controllet_aggregators': '_allowThirdStep',
+                'data-ready': '_dataReady'
+            },
+
+            properties : {
+
+                datasets : {
+                    type : Object,
+                    value : undefined
+                },
+
+                suggestedDatasets : {
+                    type : Array,
+                    value : undefined
+                },
+
+                deepUrl : {
+                    type : String,
+                    value : undefined
+                },
+
+                dataletsListUrl : {
+                    type : String ,
+                    value : undefined
+                },
+
+                localization : {
+                    type : String,
+                    value : "en"
+                }
+
+            },
+
+            ready : function(){
+                ln["localization"] = this.localization;
+            },
+
+            _updateSlider : function(e){
+                switch (e.detail.selected) {
+                    case 0:
+                        this.$.slider.setTitle(ln["slide1Title_" + this.localization], ln["slide1Subtitle_" + this.localization]);
+
+                        this.$.slider.chevronLeft("invisible");
+                        this.$.slider.chevronRight(false);
+
+                        if(this.$.slider.getPrevSelected() == 1)
+                            this.$.slider.chevronRight(true);
+                        break;
+                    case 1:
+                        this.$.slider.setTitle(ln["slide2Title_" + this.localization], ln["slide2Subtitle_" + this.localization]);
+
+                        this.$.slider.chevronLeft(true);
+                        this.$.slider.chevronRight(false);
+
+                        if(this.$.slider.getPrevSelected() == 2)
+                            this.$.slider.chevronRight(true);
+                        break;
+                    case 2:
+                        this.$.slider.setTitle(ln["slide3Title_" + this.localization], ln["slide3Subtitle_" + this.localization]);
+
+                        this.$.slider.chevronLeft(true);
+                        this.$.slider.chevronRight("invisible");
+                }
+            },
+
+            _allowSecondStep : function(e){
+                this.$.slider.chevronRight(false);
+
+                var f = Object.create(providerFactory);
+                var provider = f.getProvider(e.detail.url);
+                var dataUrl = provider.addLimit(e.detail.url);
+
+                this.$.select_data.dataUrl = dataUrl;
+                this.$.select_data.init();
+                this.$.select_visualization.dataUrl = dataUrl;
+                this.$.select_visualization.init();
+            },
+
+            _dataReady : function(e){
+                if(e.detail.ready) {
+                    this.$.slider.chevronRight(true);
+                    this.$.select_dataset.$.selected_url.invalid = false;
+                }
+                else
+                    this.$.select_dataset.$.selected_url.invalid = true;
+
+                this.$.select_dataset.showDatasetInfo();
+            },
+
+            _allowThirdStep : function(){
+                this.$.slider.chevronRight(false);
+                var selectedFields = this.$.select_data.getSelectedFields();
+                var filters = this.$.select_data.getFilters();
+                var aggregators = this.$.select_data.getAggregators();
+                var data = this.$.select_data.getData();
+                if(selectedFields.length > 0) {
+                    this.$.select_visualization.init();
+                    this.$.select_visualization.setSelectedFields(selectedFields);
+                    this.$.select_visualization.setFilters(filters);
+                    this.$.select_visualization.setAggregators(aggregators);
+                    this.$.select_visualization.setData(data);
+                    this.$.slider.chevronRight(true);
+                }
+            }
+
+        });
+
+    </script>
+
+</dom-module>
 \ No newline at end of file
@@ -18,8 +18,10 @@
     <data-sevc-controllet deep-url="http://172.16.15.38/DEEalerProvider/DEEP/"
                           datalets-list-url="http://172.16.15.38/DEEalerProvider/DEEP/datalets-list"
                           datasets='{"result":{"providers":{"1":{"title":"CKAN","api_url":"http:\/\/ckan.routetopa.eu","image_hash":"11","id":"1"}},"datasets":[{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 2","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b056c5e6-76af-4526-a35d-7dee664fb6ee\/download\/isislab.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/818c2edb-0cb7-4288-b340-e4dd1933d817\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New---Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination - dl","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/fd8c4d6f-315d-4aa0-b7bd-4fdde7bf641b\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New---Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) dissemination of ROUTE-TO-PA project","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/b0ef6017-8c64-4e11-8046-7e51a8561856\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New---Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"test dissemination with link","resource_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/ba5054af-7561-4f99-9504-76ea004a1e85\/resource\/4cc2349d-bf7b-4bbe-a7ca-db5312bb6c94\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New---Link.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Dissemination activity of the first year","resource_name":"Dissemination activity of the first year (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/61f07087-210a-4c35-9606-2aafe183633b\/resource\/5f9d8d8b-1c41-45f7-9dbb-61b9a7bcd076\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"City of the Hague Municipality","package_name":"Test 3- Buurten","resource_name":"Test Buurten - 3","url":"http:\/\/ckan.routetopa.eu\/dataset\/1248d447-2901-4beb-91ae-c2f249fd8a99\/resource\/1fdbc765-8945-4271-8dce-9c7eba45a67d\/download\/Test-3-Compare.csv","metas":"{\"organization\":\"City of the Hague Municipality\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"}]}}'
+                          suggested-datasets='[{"resource_name":"SUGGESTED 1","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"},{"resource_name":"SUGGESTED 2","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"},{"resource_name":"SUGGESTED 3","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"}]'
+    <!--suggested-datasets='{"result":{"providers":{"1":{"title":"CKAN","api_url":"http:\/\/ckan.routetopa.eu","image_hash":"11","id":"1"}},"datasets":[{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 2","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b056c5e6-76af-4526-a35d-7dee664fb6ee\/download\/isislab.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/818c2edb-0cb7-4288-b340-e4dd1933d817\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination - dl","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/fd8c4d6f-315d-4aa0-b7bd-4fdde7bf641b\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) dissemination of ROUTE-TO-PA project","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/b0ef6017-8c64-4e11-8046-7e51a8561856\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"test dissemination with link","resource_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/ba5054af-7561-4f99-9504-76ea004a1e85\/resource\/4cc2349d-bf7b-4bbe-a7ca-db5312bb6c94\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Dissemination activity of the first year","resource_name":"Dissemination activity of the first year (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/61f07087-210a-4c35-9606-2aafe183633b\/resource\/5f9d8d8b-1c41-45f7-9dbb-61b9a7bcd076\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"City of the Hague Municipality","package_name":"Test 3- Buurten","resource_name":"Test Buurten - 3","url":"http:\/\/ckan.routetopa.eu\/dataset\/1248d447-2901-4beb-91ae-c2f249fd8a99\/resource\/1fdbc765-8945-4271-8dce-9c7eba45a67d\/download\/Test-3-Compare.csv","metas":"{\"organization\":\"City of the Hague Municipality\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"}]}}'-->
                           <!--datasets='{"result":{"providers":{"1":{"title":"CKAN","api_url":"http:\/\/ckan.routetopa.eu","image_hash":"11","id":"1"}},"datasets":[{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 2","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b056c5e6-76af-4526-a35d-7dee664fb6ee\/download\/isislab.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/818c2edb-0cb7-4288-b340-e4dd1933d817\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination - dl","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/fd8c4d6f-315d-4aa0-b7bd-4fdde7bf641b\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) dissemination of ROUTE-TO-PA project","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/b0ef6017-8c64-4e11-8046-7e51a8561856\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"test dissemination with link","resource_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/ba5054af-7561-4f99-9504-76ea004a1e85\/resource\/4cc2349d-bf7b-4bbe-a7ca-db5312bb6c94\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Dissemination activity of the first year","resource_name":"Dissemination activity of the first year (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/61f07087-210a-4c35-9606-2aafe183633b\/resource\/5f9d8d8b-1c41-45f7-9dbb-61b9a7bcd076\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"City of the Hague Municipality","package_name":"Test 3- Buurten","resource_name":"Test Buurten - 3","url":"http:\/\/ckan.routetopa.eu\/dataset\/1248d447-2901-4beb-91ae-c2f249fd8a99\/resource\/1fdbc765-8945-4271-8dce-9c7eba45a67d\/download\/Test-3-Compare.csv","metas":"{\"organization\":\"City of the Hague Municipality\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"}]}}'-->
-                          <!--suggested-datasets='[{"resource_name":"SUGGESTED 1","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"},{"resource_name":"SUGGESTED 2","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"},{"resource_name":"SUGGESTED 3","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"}]'-->
+
     </data-sevc-controllet>
     <!--<co-datalets-creator-controllet data='[{"a":"0", "b":"1"},{"a":"2", "b":"3a"},{"a":"2", "b":"3"}]' deep-url="http://172.16.15.38/DEEalerProvider/DEEP/"-->
-::content html {
-    color: #000;
-    background: #FFF;
-}
-
-::content body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
-h4, h5, h6, pre, code, form, fieldset, legend,
-input, button, textarea, p, blockquote, th, td {
-    margin: 0;
-    padding: 0;
-}
-
-::content table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-::content fieldset, img {
-    border: 0;
-}
-
-::content address, caption, cite, code, dfn, em, strong,
-th, var, optgroup {
-    font-style: inherit;
-    font-weight: inherit;
-}
-
-::content del, ins {
-    text-decoration: none;
-}
-
-::content li {
-    list-style: none;
-}
-
-::content caption, th {
-    text-align: left;
-}
-
-::content h1, h2, h3, h4, h5, h6 {
-    font-size: 100%;
-    font-weight: normal;
-}
-
-::content q:before, q:after {
-    content: '';
-}
-
-::content abbr, acronym {
-    border: 0;
-    font-variant: normal;
-}
-
-::content sup {
-    vertical-align: baseline;
-}
-
-::content sub {
-    vertical-align: baseline;
-}
-
-/*because legend doesn't inherit in IE */
-::content legend {
-    color: #000;
-}
-
-::content input, button, textarea, select, optgroup, option {
-    font-family: inherit;
-    font-size: inherit;
-    font-style: inherit;
-    font-weight: inherit;
-}
-
-/*@purpose To enable resizing for IE */
-/*@branch For IE6-Win, IE7-Win */
-::content input, button, textarea, select {
-    *font-size: 100%;
-}
 \ No newline at end of file
@@ -40,15 +40,20 @@
             }
             paper-icon-button.order {
-                height: 24px;
-                width: 24px;
+                height: 40px;
+                width: 40px;
+                padding: 4px;
+
                 cursor: pointer;
             }
             paper-icon-button.warning {
-                height: 24px;
-                width: 24px;
+                height: 40px;
+                width: 40px;
+                padding: 4px;
                 color: #FFEB3B;
+                --paper-icon-button-ink-color: #FFEB3B;
+
                 cursor: help;
             }
@@ -77,18 +82,22 @@
             #data_table_container #header {
                 background: #B6B6B6;
-                height: 24px;
-                padding: 12px;
+                height: 40px;
+                padding: 4px;
                 text-align: center;
                 font-weight: 700;
                 cursor: help;
             }
+            #data_table_container #header * {
+                line-height: 40px !important;
+            }
+
             #data_table_container table {
                 height: calc(100% - 96px);
                 width: 100%;
-                border-spacing: 0px;
+                border-spacing: 0;
             }
             #data_table_container tbody {
@@ -103,22 +112,35 @@
             #data_table_container th,
             #data_table_container td{
-                height: 24px;
-                padding: 12px;
+                height: 32px;
+                /*padding: 12px;*/
                 text-align: center;
-                max-width: 256px;
-                min-width: 156px;
+                /*max-width: 256px;*/
+                /*min-width: 156px;*/
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 width: 1%;
             }
+            #data_table_container td {
+                font-size: 14px;
+                padding: 4px 12px;
+                max-width: calc(360px - 24px);
+            }
+
             #data_table_container th {
                 background: #2196F3;
                 color: #FFFFFF;
                 font-weight: 700;
                 cursor: help;
+                border-right: 2px solid #FFFFFF;
+                height: 40px;
+                padding: 4px 12px;
+            }
+
+            #data_table_container tr :nth-last-child(2) {
+                border-right: 0;
             }
             #data_table_container th,
@@ -128,17 +150,13 @@
             #data_table_container th .th_label {
                 display: inline-block;
-                max-width: calc(100% - 48px - 8px);
+                /*max-width: calc(100% - 48px - 8px);*/
                 vertical-align: middle;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 line-height: 24px;/**/
-            }
-
-            #data_table_container td {
-                font-size: 14px;
-                padding: 4px;
+                max-width: calc(360px - 114px);
             }
             #data_table_container #footer {
@@ -202,10 +220,10 @@
         <paper-material id="data_table_container" elevation="5">
             <div id="header">
-                <span id="selected_data"></span>
                 <template is="dom-if" if={{hasWarnings}}>
                     <paper-icon-button class="warning" icon="warning"></paper-icon-button>
                 </template>
+                <span id="selected_data"></span>
             </div>
             <paper-tooltip id="tooltip_wornings" for="header" offset="56">
@@ -223,10 +241,11 @@
                     <tr>
                         <template is="dom-repeat" items="{{fields}}">
                             <th id="id_{{index}}">
-                                <div class="th_label">{{item.name}}</div>
+
                                 <template is="dom-if" if={{item.errorsDescription.length}}>
                                     <paper-icon-button class="warning" icon="warning"></paper-icon-button>
                                 </template>
+                                <div class="th_label">{{item.name}}</div>
                                 <paper-icon-button id="{{index}}" class="order" on-click="_order" icon="unfold-more"></paper-icon-button>
                             </th>
                         </template>
@@ -340,7 +359,7 @@
             setData : function(data) {
                 var converter = new DataTypeConverter();
-                var result = converter.inferJsonDataType(data, ["*"]);
+                var result = converter.inferJsonDataType(data, ["*"], { language: ln["localization"] } );
                 result = converter.cast(result);
                 this.fields = ArrayUtils.toFieldsArray(result.types);
                 this.data = result.dataset;
-<link rel="import" href="../../bower_components/polymer/polymer.html" />
-
-<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
-
-<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
-<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
-<link rel="import" href="../../bower_components/paper-item/paper-item.html">
-
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
-<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
-
-<link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
-<link rel="import" href="../../bower_components/paper-input/paper-input.html">
-
-<link rel="import" href="../../bower_components/paper-button/paper-button.html">
-
-<link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html">
-
-<link rel="import" href="../items-vslider-controllet/items-vslider-controllet.html" />
-
-<script src="../../../DEEPCLIENT/js/deepClient.js"></script>
-
-<dom-module id="datalet-selection-controllet">
-
-    <template>
-
-        <style is="custom-style">
-            :host {
-            --paper-dropdown-menu-icon: {
-                 color: #2196F3;
-             };
-            }
-
-            #datalet_selection_container {
-                display: flex;
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                font-size: 16px;
-                margin-top: 8px;
-            }
-
-            #items_vslider_controllet {
-                position: relative;
-                min-width: 172px;
-            }
-
-            #datalet_selection_inputs {
-                position: relative;
-                height: 100vh;
-                margin-left: 32px;
-                min-width: 258px;
-            }
-
-            #datalet_selection_labels {
-                position: relative;
-                height: 100vh;
-                margin-left: 32px;
-                min-width: 258px;
-            }
-
-            #datalet_selection_column {
-                position: relative;
-                width: 100%;
-                margin-left: 32px;
-            }
-
-            #datalet_selection_datalet {
-                position: relative;
-                height: 100vh;
-                width: 100%;
-            }
-
-            #datalet_selection_datalet_placeholder {
-                padding: 16px;
-            }
-
-            .inputs{
-                position: relative;
-            }
-
-            .input_header {
-                height: 32px;
-                padding-top: 16px;
-                text-align: center;
-                font-weight: 700;
-                background-color: #B6B6B6;
-            }
-
-            #expert_container {
-                display: none;
-            }
-
-            #expert_header {
-                display: none;
-
-                height: 32px;
-                padding-top: 16px;
-                margin-top: 8px;
-                text-align: center;
-                font-weight: 700;
-                color: #00BCD4;
-                cursor: pointer;
-            }
-
-            .field_nema {
-                height: 40px;
-                padding-top: 8px;
-
-                margin-top: 8px;
-                padding-left: 16px;
-                font-weight: 700;
-                color: #2196F3;
-                background-color: #E0E0E0;
-            }
-
-            .info_button {
-                position: absolute;
-                top: 18px;
-                right: 0px;
-            }
-
-            paper-input {
-                display: inline-block;
-                height: 48px;
-                /*padding: 0px 8px;*/
-                width: 210px;
-                padding-left: 8px;
-                padding-bottom: 8px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-input.base_input {
-                width: 242px;
-            }
-
-            paper-textarea {
-                width: 242px;
-                padding-left: 8px;
-                padding-bottom: 4px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-dropdown-menu {
-                height: 48px;
-                width: 210px;;
-                padding-left: 8px;
-                padding-bottom: 8px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-item.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
-            }
-
-            paper-icon-button {
-                color: #2196F3;
-                --paper-icon-button-ink-color: #2196F3;
-                margin: 0px;
-            }
-
-            paper-button {
-                position: absolute;
-                bottom: 16px;
-                right: 11px;
-
-                height: 48px;
-                width: 172px;
-                background-color: #00BCD4;
-                color: white;
-                font-weight: 700;
-                padding: 16px;
-            }
-
-            paper-button:hover {
-                background-color: #00AABF;
-
-                box-shadow: 0px 8px 12px #888;
-                -webkit-box-shadow: 0px 8px 12px #888;
-                -moz-box-shadow: 0px 8px 12px #888;
-            }
-
-            paper-button[disabled] {
-                background-color: #B6B6B6;
-            }
-
-            #dialog_info_input {
-                border: 2px solid #2196F3;
-                background-color: #E0E0E0;
-                min-width: 248px;
-            }
-        </style>
-
-        <iron-ajax id="selectedDatalet_request" on-response="_handleSelectedDatalet"></iron-ajax>
-
-        <div id="datalet_selection_container">
-
-            <div id="items_vslider_controllet">
-                <items-vslider-controllet id="vslider" datalets-list-url={{dataletsListUrl}} preselected-datalet={{preselectedDatalet}}></items-vslider-controllet>
-            </div>
-
-            <paper-material id="datalet_selection_inputs" elevation="5">
-                <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={{_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>
-                                    <!--{{_fieldName(item)}}-->
-                                </template>
-                            </paper-menu>
-                        </paper-dropdown-menu>
-                        <div class="info_button">
-                            <paper-icon-button id={{item.name}} on-click="_showInfo" icon="info-outline" title="{{_getLabelName(item.name)}} info"></paper-icon-button>
-                        </div>
-                    </div>
-                </template>
-
-                <!-- EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE -->
-
-                <div id="expert_header" on-click="_showExpertMode"><span id="groupBy"></span></div>
-
-                <div id="expert_container">
-
-                    <div class="inputs">
-                        <paper-dropdown-menu id="group_by">
-                            <paper-menu class="dropdown-content">
-                                <template is="dom-repeat" items={{fields}}>
-                                    <paper-item id={{index}} on-tap="_showGroupedFields">{{_fieldName(item)}}</paper-item>
-                                </template>
-                            </paper-menu>
-                        </paper-dropdown-menu>
-                        <div class="info_button">
-                            <paper-icon-button id="gb" on-click="_addOrder" icon="unfold-more" title=""></paper-icon-button>
-                        </div>
-                    </div>
-
-                    <template is="dom-repeat" items="{{groupedFields}}">
-                        <div class="inputs">
-                            <paper-dropdown-menu id="calculate_{{index}}" label="{{_calculateLabel()}}">
-                                <paper-menu class="dropdown-content">
-                                    <!--foreach functions-->
-                                    <paper-item id="0" on-tap="_addGroupByInput">{{_operationName(0)}} {{_fieldName(item)}}</paper-item>
-                                    <paper-item id="1" on-tap="_addGroupByInput">{{_operationName(1)}} {{_fieldName(item)}}</paper-item>
-                                    <paper-item id="2" on-tap="_addGroupByInput">{{_operationName(2)}} {{_fieldName(item)}}</paper-item>
-                                    <paper-item id="3" on-tap="_addGroupByInput">{{_operationName(3)}} {{_fieldName(item)}}</paper-item>
-                                    <paper-item id="4" on-tap="_addGroupByInput">{{_operationName(4)}} {{_fieldName(item)}}</paper-item>
-                                    <paper-item id="5" on-tap="_addGroupByInput">{{_operationName(5)}} {{_fieldName(item)}}</paper-item>
-                                    <paper-item id="6" on-tap="_addGroupByInput">{{_operationName(6)}} {{_fieldName(item)}}</paper-item>
-                                </paper-menu>
-                            </paper-dropdown-menu>
-                            <div class="info_button">
-                                <paper-icon-button id={{_fieldName(item)}} on-click="_addOrder" icon="unfold-more" title=""></paper-icon-button>
-                            </div>
-                        </div>
-                    </template>
-
-                </div>
-
-                <!-- EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE EXPERT MODE -->
-
-            </paper-material>
-
-            <paper-material id="datalet_selection_labels" elevation="5">
-                <div class="input_header"><span id="baseInfo"></span></div>
-
-                <div class="inputs">
-                    <paper-input id="base_title" maxlength="32" class="base_input"></paper-input>
-                </div>
-
-                <div class="inputs">
-                    <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={{_getLabelName(item.name)}}></paper-input>
-                        <div class="info_button">
-                            <paper-icon-button id={{item.name}} on-click="_showInfo" icon="info-outline" title="{{_getLabelName(item.name)}} info"></paper-icon-button>
-                        </div>
-                    </div>
-                </template>
-            </paper-material>
-
-
-            <div id="datalet_selection_column">
-
-                <paper-material id="datalet_selection_datalet" elevation="5">
-                    <div class="input_header"><span id="dataletPreview"></span></div>
-                    <div id="datalet_selection_datalet_placeholder"></div>
-
-                </paper-material>
-
-                <paper-button id="add_button" disabled raised on-click="_addDatalet"></paper-button>
-
-            </div>
-
-            <paper-dialog id="dialog_info_input">
-                <h2 id="dialog_name"></h2>
-                <p id="dialog_description"></p>
-            </paper-dialog>
-
-        </div>
-
-    </template>
-
-    <script>
-
-        Polymer({
-
-            is : 'datalet-selection-controllet',
-
-            properties : {
-
-                deepUrl : {
-                    type : String,
-                    value : undefined
-                },
-
-                dataletsListUrl : {
-                    type : String,
-                    value : undefined
-                },
-
-                selectedDatalet : {
-                    type  : String,
-                    value : undefined
-                },
-
-                preselectedDatalet : {
-                    type  : String,
-                    value : undefined
-                },
-
-                loadPreview : {
-                    type :  Boolean,
-                    value : false
-                },
-
-                type : {
-                    type : String,
-                    value : undefined
-                },
-
-                inputs : {
-                    type : Array,
-                    value : []
-                },
-
-                labels : {
-                    type : Array,
-                    value : []
-                },
-
-                filters : {
-                    type : Array,
-                    value : []
-                },
-
-                aggregators : {
-                    type : Array,
-                    value : []
-                },
-
-                orders : {
-                    type : Array,
-                    value : []
-                },
-
-                fields : {
-                    type : Array,
-                    value : []
-                },
-
-                selectedFields : {
-                    type : Array,
-                    value : []
-                },
-
-                groupedFields : {
-                    type : Array,
-                    value : []
-                },
-
-                dataletPreset : {
-                    type  : Object,
-                    value : []
-                },
-
-//                selectableFields : {
-//                    type : Array,
-//                    value : []
-//                },
-
-                dataUrl : {
-                    type  : String,
-                    value : undefined
-                },
-
-                params:{
-                    type: Object,
-                    value: undefined
-                },
-
-                expert : {
-                    type  : Boolean,
-                    value : false
-                },
-
-                functions : {
-                    type  : Array,
-                    value : ["COUNT", "SUM", "MIN", "MAX", "AVG", "FIRST", "LAST"]
-                },
-
-                modify : {
-                    type  : Boolean,
-                    value : false
-                }
-
-            },
-
-            listeners: {
-                'items-vslider-controllet_selected-datalet': '_selectDatalet',
-//                'tree-view-controllet_selected-fields': '_updateSelectedFields'
-                'change': '_paramsChanged'
-            },
-
-            _showExpertMode : function() {
-                if(!this.expert) {
-                    this.$.expert_header.style.color = "#000000";
-                    this.$.expert_header.style.background = "#B6B6B6";
-                    this.$.expert_container.style.display = "block";
-                }
-                else {
-                    this.$.expert_header.style.color = "#00BCD4";
-                    this.$.expert_header.style.background = "#FFFFFF";
-                    this.$.expert_container.style.display = "none";
-                }
-
-                this.expert = !this.expert;
-            },
-
-            _showGroupedFields : function(e) {
-                var index = e.target.id;
-                var temp = [];
-
-//                var isSelected = false;
-//                for (var i = 0; i < this.selectedFields.length; i++) {
-//                    if (this.selectedFields[i]) {
-//                        if (this.selectedFields[i].indexOf(this.fields[index]) > -1) {
-//                            isSelected = true;
-//                        }
-//                        else {
-//                            temp.push(this.selectedFields[i]);
-//                        }
-//                    }
-//                }
-//
-//                if (isSelected)
-//                    this.groupedFields = this._copy(temp);
-//                else
-//                    this.groupedFields =[];
-
-                for (var i = 0; i < this.selectedFields.length; i++) {
-                    if (this.selectedFields[i]) {
-                        if (i != index) {
-                            temp.push(this.selectedFields[i]);
-                        }
-                    }
-                }
-
-                this.groupedFields = this._copy(temp);
-
-                this.async(function() {
-                    var ddls = document.getElementsByTagName("paper-dropdown-menu");
-                    for (var i = 0; i < ddls.length; i++){
-                        var id = ddls[i].id;
-                        if(id.indexOf("calculate") > -1) {
-                            $(ddls[i]).find("paper-menu")[0].select(-1);
-                            $(ddls[i]).find("paper-menu")[0].select(0);
-                        }
-                    }
-                }, 0);
-
-                this._addGroupByInput();
-            },
-
-            ready : function() {
-                this._resize();
-                $(this.$.datalet_selection_inputs).perfectScrollbar();
-                $(this.$.datalet_selection_labels).perfectScrollbar();
-                $(this.$.datalet_selection_datalet).perfectScrollbar();
-
-                this.params = {'data-url' : this.dataUrl};
-
-                //this.modify = true;//da eliminare in futuro
-                if(this.preselectedDatalet){
-                    if(this.modify)
-                        this._preselectDatalet();
-
-                    this.modify = true;
-                    this.preselectedDatalet = undefined;
-                }
-            },
-
-            attached : function() {
-                this._resize();
-                var that = this;
-                window.addEventListener("resize", function() { that._resize(); });
-
-                this._translate();
-            },
-
-            setFilters : function(filters) {
-                this.filters = filters;
-            },
-
-            setFields : function(fields) {
-                this.fields = fields;
-            },
-
-            reset : function() {
-                this.selectedDatalet = undefined;//non va!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-                this.preselectedDatalet = undefined;
-                this.type = undefined;
-                this.inputs = [];
-                this.labels = [];
-                this.$.expert_header.style.display = "none";
-                this.expert = true;
-                this._showExpertMode();
-                this.loadPreview = false;
-                this.$.datalet_selection_datalet_placeholder.innerHTML = "";
-                this._resetGroupBy();
-            },
-
-            _translate : function(){
-
-                this.$.add_button.innerHTML     = ln["addDatalet_" + ln["localization"]];
-                this.$.inputs.innerHTML         = ln["inputs_" + ln["localization"]];
-                this.$.baseInfo.innerHTML       = ln["baseInfo_" + ln["localization"]];
-                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"]];
-
-                this.$.groupBy.innerHTML = ln["groupBy_" + ln["localization"]];
-                this.$.group_by.setAttribute("label", ln["groupBy_" + ln["localization"]]);
-
-                if(this.modify)
-                    this.$.add_button.innerHTML = ln["modifyDatalet_" + ln["localization"]];
-            },
-
-            _selectDatalet : function(e){
-                this.$.add_button.setAttribute("disabled", "true");
-
-                this.selectedDatalet = e.detail.datalet;
-
-                this.$.datalet_selection_datalet_placeholder.innerHTML = "";
-
-                if(!this.selectedDatalet){
-                    this.type = undefined;
-                    this.inputs = [];
-                    this.labels = [];
-                    this.$.expert_header.style.display = "none";
-                    this.expert = true;
-                    this._showExpertMode();
-                    this.loadPreview = false;
-                }
-                else{
-                    this.$.selectedDatalet_request.url = this.deepUrl + e.detail.datalet + "-datalet";
-                    this.$.selectedDatalet_request.generateRequest();
-                    this.$.expert_header.style.display = "block";
-                }
-            },
-
-            _preselectDatalet : function() {
-                this.type = "undefined";
-                this.$.selectedDatalet_request.url = this.deepUrl + this.preselectedDatalet + "-datalet";
-                this.$.selectedDatalet_request.generateRequest();
-
-                this.selectedDatalet = this.preselectedDatalet;
-                this.selectedFields = this._copy(this.fields);
-
-//                this.filters = JSON.parse(this.dataletPreset["filters"]);
-//                this.aggregators = JSON.parse(this.dataletPreset["aggregators"]);
-//                this.orders = JSON.parse(this.dataletPreset["orders"]);
-
-                this.async(function() {
-                    this.selectedFields = this._copy(this.fields);
-
-                    //set info labels options
-                    var textarea = this.$.datalet_selection_labels.querySelectorAll("paper-textarea");
-                    textarea[0].value = this.dataletPreset["description"];
-
-                    var inputs = this.$.datalet_selection_labels.querySelectorAll("paper-input");
-                    inputs[0].value = this.dataletPreset["title"];
-
-                    for (var i = 1; i < inputs.length; i++)
-                        inputs[i].value = this.dataletPreset[this.labels[i-1].name];
-
-                    //set inputs --> prima apri GB e riempi CALCULATE e poi gli ORDERBY???
-                    var ddls = document.getElementsByTagName("paper-dropdown-menu");
-                    for (var i = 0; i < ddls.length; i++) {
-                        var id = ddls[i].id;
-                        if (!isNaN(id)) {
-//                            id = parseInt(id);
-                            $(ddls[i]).find("paper-menu")[0].select(id);
-                        }
-                        else if (id.indexOf("group_by") > -1) {
-                            ;
-                        }
-                        else if (id.indexOf("calculate") > -1) {
-                            ;
-                        }
-                    }
-
-                    this.loadPreview = true;
-                    this._loadDatalet(this.selectedFields);
-                }, 300);
-            },
-
-            _handleSelectedDatalet : function(e){
-
-                if(this.type != e.detail.response.type) {
-
-                    this.inputs = [];
-                    this.labels = [];
-
-                    var inputs = e.detail.response.idm.inputs.input;
-
-                    if (inputs.constructor == Object) {//not Array && inputs.input.selection == "*"
-                        var name = inputs.name;
-                        var description = inputs.description;
-                        var selection = inputs.selection;
-                        inputs = [];
-                        for (var i in this.fields)
-                            inputs.push({name: name + " " + i, description: description, selection: selection});
-                    }
-
-                    this.async(function(){
-                        this.type = e.detail.response.type;
-                        this.inputs = inputs;
-                        this.labels = e.detail.response.idm.inputs.layouts.input;
-
-                        this.selectedFields = new Array(inputs.length);
-                    },0);
-
-                    this._resetGroupBy();
-
-                    this.loadPreview = false;
-                }
-
-                else if (this.loadPreview)
-                    this._loadDatalet(this.selectedFields);
-            },
-
-            _resetGroupBy : function(){
-                $(this.$.group_by).find("paper-menu")[0].select(-1);
-                this.groupedFields = [];
-                this.aggregators = [];
-            },
-
-            _addGroupByInput : function(){
-                this.async(function() {//codice reprlicato!
-                    var selectedFields = this.selectedFields;
-
-                    var load = true;
-
-                    if(this.inputs[0].selection == "*"){
-                        var temp = [];
-                        for (var i = 0; i < selectedFields.length; i++)
-                            if(selectedFields[i])
-                                temp.push(selectedFields[i]);
-                        selectedFields = temp;
-                    }
-                    else {
-                        for (var i = 0; i < selectedFields.length; i++)
-                            if (!selectedFields[i]) {
-                                load = false;
-                                break;
-                            }
-                    }
-
-                    if(load){
-                        this.loadPreview = true;
-                        this._loadDatalet(selectedFields);
-                    }
-                }, 0);
-            },
-
-            _addOrder : function(e){
-                var t = e.target;
-                if(t.tagName.indexOf("IRON-ICON") > -1)
-                    t = $(e.target).parents("paper-icon-button")[0];
-
-                var icon = t.getAttribute("icon");
-                var name = t.getAttribute("id");
-
-                if(name.indexOf("gb") > -1){
-                    var selectedItem = $(this.$.group_by).find("paper-menu")[0].selectedItem;
-                    if(selectedItem)
-                        name = selectedItem.textContent.trim();
-//                        name = "[" + selectedItem.textContent.trim() + "]";
-                    else
-                        return;
-                }// else {
-//                    var i = name;
-//                    var ddl = $("#calculate_"+i);
-//
-//                    var label = $(ddl).find("paper-menu")[0].selectedItem.textContent.trim();
-//                    var index = label.split(" ", 2).join(" ").length;
-//                    var field = label.substring(index+1, label.length);
-//                    var operation = label.substring(0, label.indexOf(" "));
-//                    name = operation + "([" + field + "])";
-//                }
-
-                if(icon.indexOf("unfold-more") > -1){
-                    t.setAttribute("icon", "expand-less");
-                    t.setAttribute("title", ln["sortAscending_" + ln["localization"]]);
-                    var orders = this.orders.filter(function (el) { return el.field !== name; });
-                    orders.push({"field": name, "operation": "ASC"});
-                    this.orders = this._copy(orders);
-                }
-                else if(icon.indexOf("expand-less") > -1){
-                    t.setAttribute("icon", "expand-more");
-                    t.setAttribute("title", ln["sortDescending_" + ln["localization"]]);
-                    var orders = this.orders.filter(function (el) { return el.field !== name; });
-                    orders.push({"field": name, "operation": "DESC"});
-                    this.orders = this._copy(orders);
-                }
-                else if(icon.indexOf("expand-more") > -1){
-                    t.setAttribute("icon", "unfold-more");
-                    t.setAttribute("title", ln["unsort_" + ln["localization"]]);
-                    var orders = this.orders.filter(function (el) { return el.field !== name; });
-                    this.orders = this._copy(orders);
-                }
-
-                this._addGroupByInput();//no buoono
-//                if(load){
-//                    this.loadPreview = true;
-//                    this._loadDatalet(selectedFields);
-//                }
-            },
-
-            _addInput : function(e){
-                var selectedFields = this._copy(this.selectedFields);
-
-//                var index = $(e.target).parents("paper-dropdown-menu")[0].id;
-//                selectedFields[index] = e.target.innerHTML.trim();
-
-                var ddl_index = $(e.target).parents("paper-dropdown-menu")[0].id;
-                var index = e.target.id;
-                selectedFields[ddl_index] = this.fields[index];
-
-                this.selectedFields = this._copy(selectedFields);
-
-                var load = true;
-
-                if(this.inputs[0].selection == "*"){
-                    var temp = [];
-                    for (var i = 0; i < selectedFields.length; i++)
-                        if(selectedFields[i])
-                            temp.push(selectedFields[i]);
-                    selectedFields = temp;
-                }
-                else {
-                    for (var i = 0; i < selectedFields.length; i++)
-                        if (!selectedFields[i]) {
-                            load = false;
-                            break;
-                        }
-                }
-
-                this._resetGroupBy();//--> conflitto, in _updateparams valorizza this.aggregators
-
-                if(load){
-                    this.loadPreview = true;
-                    this._loadDatalet(selectedFields);
-                }
-            },
-
-            _updateParams : function(){
-                var textarea = this.$.datalet_selection_labels.querySelectorAll("paper-textarea");
-                this.params["description"] = textarea[0].value;
-
-                if(!textarea[0].value)
-                    this.params[textarea[0].label] = "";
-
-                var inputs = this.$.datalet_selection_labels.querySelectorAll("paper-input");
-                this.params["title"] = inputs[0].value;
-
-                for (var i = 1; i < inputs.length; i++)
-                    this.params[this.labels[i-1].name] = inputs[i].value;
-
-                this.aggregators = [];
-
-                var ddls = document.getElementsByTagName("paper-dropdown-menu");
-                for (var i = 0; i < ddls.length; i++){
-                    var id = ddls[i].id;
-                    if(id.indexOf("group_by") > -1 && $(ddls[i]).find("paper-menu")[0].selectedItem) {
-                        var label = $(ddls[i]).find("paper-menu")[0].selectedItem.textContent.trim();
-                        this.aggregators.push({"field": label, "operation": "GROUP BY"});
-                    }
-                    if(id.indexOf("calculate") > -1) {
-                        var menu = $(ddls[i]).find("paper-menu")[0];
-                        var label = menu.selectedItem.textContent.trim();
-                        var index = menu.selectedItem.id;
-                        var ii = label.split(" ", 2).join(" ").length;
-                        //attenzione BUG --> non funziona se la traduzione non ha solo 1 spazio
-                        var field = label.substring(ii+1, label.length);
-//                        var operation = label.substring(0, label.indexOf(" "));
-                        this.aggregators.push({"field": field, "operation": this.functions[index]});
-                    }
-                }
-            },
-
-            _paramsChanged : function(){
-
-                this._updateParams();
-
-                if(this.$.datalet_selection_datalet_placeholder.children[1])
-                    this.$.datalet_selection_datalet_placeholder.children[1].behavior.setParameters(this.params);
-            },
-
-            _loadDatalet : function(selectedFields){
-
-                this._updateParams();
-
-                this.params["filters"] = JSON.stringify(this.filters);
-                this.params["aggregators"] = JSON.stringify(this.aggregators);
-                this.params["orders"] = JSON.stringify(this.orders);
-
-//                this.params["filters"] = '[{"field": "Lat", "operation": ">=", "value": "53.298164"}, {"field": "Lat", "operation": "<", "value": "54"}]';
-//                this.params["aggregators"] = '[{"field": "Lat", "operation": "GROUP BY"}, {"field": "Lng", "operation": "COUNT"}]';
-//                this.params["orders"] = '[{"field": "Lat", "operation": "DESC"}, {"field": "Lat", "operation": "ASC"}]';
-
-                //this.params["aggregators"] = '[{"field": "Value", "operation": "GROUP BY"}, {"field": "LOCATION", "operation": "COUNT"}]';
-                //this.params["orders"] = '[{"field": "Value", "operation": "ASC"}, {"field": "Value", "operation": "ASC"}]';
-
-                var dataletParams ={
-                    component   : this.selectedDatalet+"-datalet",
-                    params      : this.params,
-                    fields      : selectedFields,
-                    placeHolder : this.$.datalet_selection_datalet_placeholder
-                };
-
-                ComponentService.deep_url = this.deepUrl;
-                ComponentService.getComponent(dataletParams);
-
-                this.$.add_button.removeAttribute("disabled");
-            },
-
-            _addDatalet : function(){
-
-                this._updateParams();
-
-                var selectedFields = [];
-                for (var i = 0; i < this.selectedFields.length; i++)
-                    if(this.selectedFields[i])
-                        selectedFields.push(this.selectedFields[i]);
-
-                var data = {
-                    dataUrl : this.dataUrl,
-                    params :  this.params,
-                    fields :  selectedFields,
-                    datalet : this.selectedDatalet+"-datalet",
-//                    comment : "",//DEPRECATED!!!
-                    staticData : JSON.stringify(this.$.datalet_selection_datalet_placeholder.children[1].behavior.data)
-                }
-
-                this.fire('data-sevc-controllet.dataletCreated', {data : data});
-
-            },
-
-            _showInfo : function(e){
-//                var that = this;
-                var t = e.target;
-                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("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 = this._getLabelName(dataset.name);
-                this.$.dialog_description.innerHTML = ln[dataset.description + "_" +  ln["localization"]];
-                this.$.dialog_info_input.open();
-
-                var pos = t.getBoundingClientRect();
-                $("#dialog_info_input").css("top", pos.top - 4);
-                $("#dialog_info_input").css("left", pos.left - 4);
-            },
-
-            _fieldName : function(field) {
-                if(!field)//when?
-                    return "";
-                return field.substring(field.lastIndexOf(",")+1, field.length);
-            },
-
-            _copy : function(o) {
-                var out, v, key;
-                out = Array.isArray(o) ? new Array(o.length) : {};
-                for (key in o) {
-                    v = o[key];
-                    out[key] = (typeof v === "object") ? this._copy(v) : v;
-                }
-                return out;
-            },
-
-            _getLabelName: function(key) {
-                //* exceptions
-                if(key.indexOf("Cell") > -1) {
-                    return ln["Cell" + "_" +ln["localization"]] + key.slice(-2);
-                }
-                if(key.indexOf("Level") > -1) {
-                    return ln["Level" + "_" +ln["localization"]] + key.slice(-2);
-                }
-
-                return ln[key + "_" +ln["localization"]];
-            },
-
-            _calculateLabel: function() {
-                return ln["calculate" + "_" +ln["localization"]];
-            },
-
-            _operationName: function(index) {
-                var key = this.functions[index];
-                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
-
-                $("#items_vslider_container").height(h);//vslider controllet
-
-                $("#datalet_selection_inputs").height(h);
-                $("#datalet_selection_labels").height(h);
-                $("#datalet_selection_datalet").height(h);
-            }
-
-        });
-
-    </script>
-
-</dom-module>
 \ No newline at end of file
-<html>
-
-<head>
-    <script src="../../shared_js/jquery-1.11.2.min.js"></script>
-
-    <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-
-    <script src="../../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
-    <link rel="stylesheet" href="../../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
-
-    <script src="../../../locales/controllet_ln.js"></script>
-    <script>
-        ln["localization"] = "en";
-    </script>
-
-    <link rel="import" href="../datalet-selection-controllet.html" />
-</head>
-
-<body>
-
-<!--<datalet-selection-controllet fields='["result,records,Anno","result,records,Cinesi","result,records,Albanesi","result,records,Rumeni","result,records,Pakistani","result,records,Marocchini","result,records,Altri stranieri" ]' data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=e04338cf-7a92-4221-81c6-fe12f41003d5" deep-url="http://172.16.15.38/DEEalerProvider/DEEP/" datalets-list-url="http://172.16.15.38/DEEalerProvider/DEEP/datalets-list"></datalet-selection-controllet>-->
-
-<!--<datalet-selection-controllet fields='["records,fields,title", "records,fields,published"]' 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" deep-url="http://172.16.15.38/DEEalerProvider/DEEP/" datalets-list-url="http://172.16.15.38/DEEalerProvider/DEEP/datalets-list"></datalet-selection-controllet>-->
-<datalet-selection-controllet fields='["records,fields,annee", "records,fields,preteur", "records,fields,capital_restant_du"]' data-url="https://data.issy.com/api/records/1.0/search/?dataset=repartitiondeladetteparpreteursau3112n-feuille1&rows=56&sort=-annee" deep-url="http://172.16.15.38/DEEalerProvider/DEEP/" datalets-list-url="http://172.16.15.38/DEEalerProvider/DEEP/datalets-list"></datalet-selection-controllet>
-
-</body>
-
-<!--urls:-->
-<!--https://yperdiavgeia.gr/analytics/counts/source:Decision/query:linux/method:count_organization.json-->
-<!--http://dati.lazio.it/catalog/api/action/datastore_search?resource_id=114baf3d-6d4f-42ff-b4af-481beef59ae1-->
-<!--url: 'http://ckan.routetopa.eu/api/action/datastore_search?resource_id=73e02092-85a1-434e-85fe-0c9a43aa9a52&limit=5',-->
-<!--url: 'https://data.issy.com/api/records/1.0/search?dataset=liste-des-restaurants-a-issy-les-moulineaux&sort=type&facet=type&facet=terrasse',-->
-<!--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',-->
 \ No newline at end of file
-<link rel="import" href="../../bower_components/polymer/polymer.html">
-
-<link rel="import" href="../../bower_components/paper-tabs/paper-tabs.html">
-<link rel="import" href="../../bower_components/paper-tabs/paper-tab.html">
-
-<link rel="import" href="../../bower_components/neon-animation/neon-animation.html">
-<link rel="import" href="../../bower_components/neon-animation/neon-animatable.html">
-<link rel="import" href="../../bower_components/neon-animation/neon-animations.html">
-
-<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
-<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
-<link rel="import" href="../../bower_components/paper-item/paper-item.html">
-
-<link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
-
-<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
-
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
-<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
-
-<link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html">
-
-<link rel="import" href="../../datalets/datasetexplorer-datalet/datasetexplorer-datalet.html">
-
-<link rel="import" href="paper-input-search.html">
-
-<dom-module id="dataset-selection-controllet">
-
-    <template>
-
-        <style is="custom-style">
-            :host {
-            --paper-dropdown-menu-icon: {
-                 color: #2196F3;
-             };
-            }
-
-            paper-tabs {
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                font-size: 16px;
-                font-weight: bold;
-                --paper-tabs-selection-bar-color: #2196F3;
-            }
-
-            paper-tab {
-                transition: all 1.0s;
-            }
-
-            paper-tab.iron-selected {
-                background-color: #B6B6B6;
-            }
-
-            paper-tab:hover {
-                color: #2196F3;
-            }
-
-            paper-tab[disabled] {
-                color: #B6B6B6;
-            }
-
-            paper-dropdown-menu {
-                width: 45%;
-                margin-bottom: 32px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-dropdown-menu paper-item {
-                white-space: nowrap;
-            }
-
-            paper-input-search {
-                width: 45%;
-                margin-bottom: 32px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-input-search paper-item {
-                white-space: nowrap;
-            }
-
-            paper-item.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
-            }
-
-            .ddl_container {
-                position: relative;
-            }
-
-            .info_button {
-                position: absolute;
-                top: 18px;
-                left: 45%;
-            }
-
-            paper-textarea {
-                width: 90%;
-                margin-bottom: 32px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-icon-button {
-                color: #2196F3;
-                --paper-icon-button-ink-color: #2196F3;
-            }
-
-            paper-icon-button[disabled] {
-                color: #B6B6B6;
-            }
-
-            #material_container {
-                margin-top: 8px;
-            }
-
-            #div_selection {
-                padding-left: 10%;
-                padding-top: 64px;
-            }
-
-            #dialog_info {
-                border: 2px solid #2196F3;
-                background-color: #E0E0E0;
-            }
-        </style>
-
-        <paper-material id="material_container" elevation="5">
-
-            <paper-tabs selected="{{selected}}">
-                <paper-tab noink><span id="listView"></span></paper-tab>
-                <paper-tab noink><span id="treeMapView"></span></paper-tab>
-                <!--<paper-tab noink disabled><span data-l10n-id="mostPopular"></span></paper-tab>-->
-            </paper-tabs>
-
-            <neon-animated-pages selected="{{selected}}" entry-animation="fade-in-animation" exit-animation="fade-out-animation">
-
-                <neon-animatable>
-
-                    <div id="div_selection">
-                        <div class="ddl_container">
-                            <paper-input-search id="_datasets" label="Available datasets">
-                                <paper-menu class="dropdown-content">
-                                    <template is="dom-repeat" items={{filteredDatasets}} as="dataset">
-                                        <paper-item id={{index}} on-tap="_selectDataUrl">{{dataset.name}}</paper-item>
-                                    </template>
-                                </paper-menu>
-                            </paper-input-search>
-
-                            <div class="info_button">
-                                <paper-icon-button id="info_dataset" disabled on-click="_showInfo" icon="info-outline" title="dataset info"></paper-icon-button>
-                            </div>
-                        </div>
-
-                        <template is="dom-if" if={{isSuggested}}>
-
-                            <div class="ddl_container">
-                                <paper-dropdown-menu id="s_datasets" label="Suggested datasets">
-                                    <paper-menu class="dropdown-content">
-                                        <template is="dom-repeat" items={{suggestedDatasets}} as="dataset">
-                                            <paper-item id={{index}} on-tap="_selectSuggestedDataUrl">{{dataset.name}}</paper-item>
-                                        </template>
-                                    </paper-menu>
-                                </paper-dropdown-menu>
-
-                                <div class="info_button">
-                                    <paper-icon-button id="info_s_dataset" disabled on-click="_showInfo" icon="info-outline" title="dataset info"></paper-icon-button>
-                                </div>
-                            </div>
-
-                        </template>
-
-                        <paper-textarea id="selected_url" label="Selected url" value={{dataUrl}} error-message={{errorMessage}}></paper-textarea>
-
-                        <paper-dialog id="dialog_info">
-                            <h2 id="dialog_name"></h2>
-                            <p id="dialog_description"></p>
-                        </paper-dialog>
-                    </div>
-
-                </neon-animatable>
-
-                <neon-animatable>
-                    <div id="div_datasetexplorer"></div>
-                </neon-animatable>
-
-                <neon-animatable>
-                    <!--popular-->
-                </neon-animatable>
-
-            </neon-animated-pages>
-
-        </paper-material>
-
-    </template>
-
-    <script>
-
-        Polymer({
-
-            is : 'dataset-selection-controllet',
-
-            properties : {
-
-                selected : {
-                    type  : Number,
-                    value : 0
-                },
-
-                datasets : {
-                    type : Array,
-                    value : undefined
-                },
-
-                filteredDatasets : {
-                    type : Array,
-                    value : []
-                },
-
-                suggestedDatasets : {
-                    type : Array,
-                    value : undefined
-                },
-
-                isSuggested : {
-                    type : Boolean,
-                    value : false
-                },
-
-                dataUrl : {
-                    type  : String,
-                    value : undefined,
-                    observer : '_fireDataUrl'
-                },
-
-                errorMessage : {
-                    type  : String,
-                    value : "",
-                }
-
-            },
-
-            listeners: {
-                'datasetexplorer-datalet_data-url': '_selectDataUrl_treeMap',
-                'paper-input-search_input-value' : '_filterDatasets'
-            },
-
-            ready : function(){
-                $(this.$.material_container).perfectScrollbar();
-                $(this.$.dialog_info).perfectScrollbar();
-
-                this.errorMessage = ln["wrongUrl_" + ln["localization"]];
-            },
-
-            attached : function(){
-                this._resize();
-                var that = this;
-                window.addEventListener("resize", function() { that._resize(); });
-
-                this.filteredDatasets = this.datasets;
-
-                if(this.suggestedDatasets)
-                    this.isSuggested = true;
-
-                this._loadTreeMap();
-
-                this.async(function(){this._translate();},100);
-            },
-
-            _translate : function(){
-                this.$._datasets.setAttribute("label", ln["availableDatasets_" + ln["localization"]]);
-                this.$.listView.innerHTML    = ln["listView_" + ln["localization"]];
-                this.$.treeMapView.innerHTML = ln["treeMapView_" + ln["localization"]];
-
-                if(this.isSuggested)
-                    this.$$("#s_datasets").setAttribute("label", ln["suggestedDatasets_" + ln["localization"]]);
-                this.$.selected_url.setAttribute("label", ln["selectedUrl_" + ln["localization"]]);
-            },
-
-            _filterDatasets : function(e){
-                var filter = e.detail.inputValue;
-                var filteredDatasets = [];
-                for (var i in this.datasets){
-                    if(this.datasets[i].name.toLowerCase().indexOf(filter.toLowerCase()) != -1)
-                        filteredDatasets.push(this.datasets[i]);
-                }
-
-                this.filteredDatasets = filteredDatasets;
-            },
-
-            _loadTreeMap : function(){
-                var h = $("#material_container").height() - 48;
-                var w = $("#material_container").width();
-
-                this.$.div_datasetexplorer.innerHTML = "<datasetexplorer-datalet data='"+this.data+"' width=\""+w+"\" height=\""+h+"\" data-url=\"/openwall/api/datasetTree\" fields='[\"result,datasets,provider_name\",\"result,datasets,organization_name\",\"result,datasets,package_name\",\"result,datasets,resource_name\",\"result,datasets,url\",\"result,datasets,w\"]'></datasetexplorer-datalet>";
-            },
-
-            _selectDataUrl_treeMap : function(e) {
-                $("#_datasets")[0]._setSelectedItem(null);
-                $("#_datasets")[0].inputValue = "";
-                $("#info_dataset")[0].setAttribute("disabled", "true");
-
-                if (this.isSuggested) {
-                    $("#s_datasets")[0]._setSelectedItem(null);
-                    $("#s_datasets")[0].contentElement.select(-1);
-                    $("#info_s_dataset")[0].setAttribute("disabled", "true");
-                }
-
-                this.dataUrl = this._addlimitUrl(e.detail.url);
-                this.selected=0;
-            },
-
-            _selectDataUrl : function(e){this._translate();
-                if (this.isSuggested) {
-                    $("#s_datasets")[0]._setSelectedItem(null);
-                    $("#s_datasets")[0].contentElement.select(-1);
-                    $("#info_s_dataset")[0].setAttribute("disabled", "true");
-                }
-
-                var dataset = this.filteredDatasets[parseInt(e.target.id)]
-
-                this.dataUrl = this._addlimitUrl(dataset.url);
-
-                if(dataset.description != ""){
-                    $("#info_dataset")[0].removeAttribute("disabled");
-                    this.$.dialog_name.innerHTML = dataset.name;
-                    this.$.dialog_description.innerHTML = dataset.description;
-                }
-                else
-                    $("#info_dataset")[0].setAttribute("disabled", "true");
-            },
-
-            _selectSuggestedDataUrl : function(e){
-                $("#_datasets")[0]._setSelectedItem(null);
-                $("#_datasets")[0].inputValue = "";
-                $("#info_dataset")[0].setAttribute("disabled", "true");
-
-                var dataset = this.suggestedDatasets[parseInt(e.target.id)]
-
-                this.dataUrl = this._addlimitUrl(dataset.url);
-
-                if(dataset.description != ""){
-                    $("#info_s_dataset")[0].removeAttribute("disabled");
-                    this.$.dialog_name.innerHTML = dataset.name;
-                    this.$.dialog_description.innerHTML = dataset.description;
-                }
-                else
-                    $("#info_s_dataset")[0].setAttribute("disabled", "true");
-            },
-
-            _showInfo : function(e){
-                var t = e.target;
-                if(t.tagName.indexOf("IRON-ICON") != -1)
-                    t = $(e.target).parents("paper-icon-button")[0];
-
-                this.$.dialog_info.open();
-
-                var pos = t.getBoundingClientRect();
-                $("#dialog_info").css("top", pos.top - 4);
-                $("#dialog_info").css("left", pos.left - 4);
-            },
-
-            _fireDataUrl : function(){
-                this.fire('dataset-selection-controllet_data-url', {url: this.dataUrl});
-            },
-
-            _addlimitUrl : function(url){
-                //CKAN --> action no limit
-                if((url.indexOf("api/action") > -1) && !(url.indexOf("limit") > -1))
-                {
-                    url += "&limit=99999";
-                }
-                //OpenDataSoft --> action no limit
-                if((url.indexOf("api/records") > -1) && !(url.indexOf("rows") > -1)){
-                    url += "&rows=10000";
-                }
-                return url;
-            },
-
-            _resize : function(){
-                var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - 16;
-                h = h - 64 - 8; //height with page scroller
-                $("#material_container").height(h);
-            }
-
-        });
-
-    </script>
-
-</dom-module>
-<html>
-
-<head>
-    <script src="../../shared_js/jquery-1.11.2.min.js"></script>
-
-    <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-
-    <script src="../../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
-    <link rel="stylesheet" href="../../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
-
-    <link rel="import" href="../dataset-selection-controllet.html" />
-</head>
-
-<body>
-
-<dataset-selection-controllet id="ds"></dataset-selection-controllet>
-
-<script>
-    var description = "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa "+
-            " aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa "+
-            " aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa "+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa";
-
-    var dataset1 = {description: description, name: "Data", url: "http://ckan.routetopa.eu/api/action/datastore_search?resource_id=c3b52992-ba61-4a73-a637-0f2e1ca26aab"};
-    var dataset2 = {description: "", name: "Klassen", url: "http://ckan.routetopa.eu/api/action/datastore_search?resource_id=dfd27de5-0790-466c-af59-6a82509e7fbb"};
-    var dataset3 = {description: "descrizione bellissima purissima levissima sbiricuda antani", name: "Derelict Sites", url: "http://ckan.routetopa.eu/api/action/datastore_search?resource_id=fcbee83e-3d3d-4303-a568-24dd33d02adc"};
-    var datasets = [dataset1, dataset2, dataset3];
-    var datasets = [dataset1, dataset2, dataset3, dataset1, dataset2, dataset3, dataset1, dataset2, dataset3, dataset1, dataset2, dataset3, dataset1, dataset2, dataset3];
-
-    var ds = document.getElementById('ds');
-    ds.setAttribute("datasets", JSON.stringify(datasets));
-
-</script>
-
-</body>
-
-</html>
 \ No newline at end of file
-<!--
-@license
-Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
-This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-Code distributed by Google as part of the polymer project is also
-subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
--->
-
-<link rel="import" href="../../bower_components/polymer/polymer.html">
-<link rel="import" href="../../bower_components/paper-styles/default-theme.html">
-<link rel="import" href="../../bower_components/paper-input/paper-input.html">
-<link rel="import" href="../../bower_components/paper-menu-button/paper-menu-button.html">
-<link rel="import" href="../../bower_components/paper-ripple/paper-ripple.html">
-<link rel="import" href="../../bower_components/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
-<link rel="import" href="../../bower_components/iron-behaviors/iron-control-state.html">
-<link rel="import" href="../../bower_components/iron-behaviors/iron-button-state.html">
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
-<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
-<link rel="import" href="../../bower_components/iron-selector/iron-selectable.html">
-<link rel="import" href="../../bower_components/iron-form-element-behavior/iron-form-element-behavior.html">
-<link rel="import" href="../../bower_components/iron-validatable-behavior/iron-validatable-behavior.html">
-
-<!--
-Material design: [Dropdown menus](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons)
-
-`paper-dropdown-menu` is similar to a native browser select element.
-`paper-dropdown-menu` works with selectable content. The currently selected
-item is displayed in the control. If no item is selected, the `label` is
-displayed instead.
-
-The child element with the class `dropdown-content` will be used as the dropdown
-menu. It could be a `paper-menu` or element that triggers `iron-select` when
-selecting its children.
-
-Example:
-
-    <paper-dropdown-menu label="Your favourite pastry">
-      <paper-menu class="dropdown-content">
-        <paper-item>Croissant</paper-item>
-        <paper-item>Donut</paper-item>
-        <paper-item>Financier</paper-item>
-        <paper-item>Madeleine</paper-item>
-      </paper-menu>
-    </paper-dropdown-menu>
-
-This example renders a dropdown menu with 4 options.
-
-Similarly to using `iron-select`, `iron-deselect` events will cause the
-current selection of the `paper-dropdown-menu` to be cleared.
-
-### Styling
-
-The following custom properties and mixins are also available for styling:
-
-Custom property | Description | Default
-----------------|-------------|----------
-`--paper-dropdown-menu` | A mixin that is applied to the element host | `{}`
-`--paper-dropdown-menu-disabled` | A mixin that is applied to the element host when disabled | `{}`
-`--paper-dropdown-menu-ripple` | A mixin that is applied to the internal ripple | `{}`
-`--paper-dropdown-menu-button` | A mixin that is applied to the internal menu button | `{}`
-`--paper-dropdown-menu-input` | A mixin that is applied to the internal paper input | `{}`
-`--paper-dropdown-menu-icon` | A mixin that is applied to the internal icon | `{}`
-
-You can also use any of the `paper-input-container` and `paper-menu-button`
-style mixins and custom properties to style the internal input and menu button
-respectively.
-
-@group Paper Elements
-@element paper-dropdown-menu
-@hero hero.svg
-@demo demo/index.html
--->
-
-<dom-module id="paper-input-search">
-    <style>
-        :host {
-            display: inline-block;
-            position: relative;
-            text-align: left;
-            cursor: pointer;
-
-            /* NOTE(cdata): Both values are needed, since some phones require the
-             * value to be `transparent`.
-             */
-            -webkit-tap-highlight-color: rgba(0,0,0,0);
-            -webkit-tap-highlight-color: transparent;
-
-        --paper-input-container-input: {
-             overflow: hidden;
-             white-space: nowrap;
-             text-overflow: ellipsis;
-             max-width: 100%;
-             box-sizing: border-box;
-             /*cursor: pointer;*/
-         };
-
-        @apply(--paper-dropdown-menu);
-        }
-
-        :host([disabled]) {
-        @apply(--paper-dropdown-menu-disabled);
-        }
-
-        :host([noink]) paper-ripple {
-            display: none;
-        }
-
-        :host([no-label-float]) paper-ripple {
-            top: 8px;
-        }
-
-        paper-ripple {
-            top: 12px;
-            left: 0px;
-            bottom: 8px;
-            right: 0px;
-
-        @apply(--paper-dropdown-menu-ripple);
-        }
-
-        paper-menu-button {
-            display: block;
-            padding: 0;
-        @apply(--paper-dropdown-menu-button);
-        }
-
-        paper-input {
-        @apply(--paper-dropdown-menu-input);
-        }
-
-        iron-icon {
-            /*color: var(--disabled-text-color);*/
-            color: #2196F3;
-
-        @apply(--paper-dropdown-menu-icon);
-        }
-
-    </style>
-    <template>
-        <paper-menu-button
-                id="menuButton"
-                vertical-align="top"
-                horizontal-align="left"
-                vertical-offset="[[_computeMenuVerticalOffset(noLabelFloat)]]"
-                disabled="[[disabled]]"
-                no-animations="[[noAnimations]]"
-                on-iron-select="_onIronSelect"
-                on-iron-deselect="_onIronDeselect"
-                opened="{{opened}}">
-            <div class="dropdown-trigger">
-                <!--<paper-ripple></paper-ripple>-->
-                <paper-input
-                        id="inputField"
-                        invalid="[[invalid]]"
-                        value="{{inputValue}}"
-                        placeholder="[[placeholder]]"
-                        always-float-label="[[alwaysFloatLabel]]"
-                        no-label-float="[[noLabelFloat]]"
-                        label="[[label]]">
-                    <iron-icon icon="search" prefix></iron-icon>
-                    <iron-icon icon="arrow-drop-down" suffix></iron-icon>
-                </paper-input>
-            </div>
-            <content id="content" select=".dropdown-content"></content>
-        </paper-menu-button>
-    </template>
-</dom-module>
-<script>
-    (function() {
-        'use strict';
-
-        Polymer({
-            is: 'paper-input-search',
-
-            /**
-             * Fired when the dropdown opens.
-             *
-             * @event paper-dropdown-open
-             */
-
-            /**
-             * Fired when the dropdown closes.
-             *
-             * @event paper-dropdown-close
-             */
-
-            behaviors: [
-                Polymer.IronControlState,
-                Polymer.IronButtonState,
-                Polymer.IronFormElementBehavior,
-                Polymer.IronValidatableBehavior
-            ],
-
-            properties: {
-                /**
-                 * The derived "label" of the currently selected item. This value
-                 * is the `label` property on the selected item if set, or else the
-                 * trimmed text content of the selected item.
-                 */
-                selectedItemLabel: {
-                    type: String,
-                    notify: true,
-                    readOnly: true
-                },
-
-                /**
-                 * The last selected item. An item is selected if the dropdown menu has
-                 * a child with class `dropdown-content`, and that child triggers an
-                 * `iron-select` event with the selected `item` in the `detail`.
-                 *
-                 * @type {?Object}
-                 */
-                selectedItem: {
-                    type: Object,
-                    notify: true,
-                    readOnly: true
-                },
-
-                /**
-                 * The value for this element that will be used when submitting in
-                 * a form. It is read only, and will always have the same value
-                 * as `selectedItemLabel`.
-                 */
-                value: {
-                    type: String,
-                    notify: true,
-                    readOnly: true
-                },
-
-                /**
-                 * The label for the dropdown.
-                 */
-                label: {
-                    type: String
-                },
-
-                /**
-                 * The placeholder for the dropdown.
-                 */
-                placeholder: {
-                    type: String
-                },
-
-                /**
-                 * True if the dropdown is open. Otherwise, false.
-                 */
-                opened: {
-                    type: Boolean,
-                    notify: true,
-                    value: false
-                },
-
-                /**
-                 * Set to true to disable the floating label. Bind this to the
-                 * `<paper-input-container>`'s `noLabelFloat` property.
-                 */
-                noLabelFloat: {
-                    type: Boolean,
-                    value: false,
-                    reflectToAttribute: true
-                },
-
-                /**
-                 * Set to true to always float the label. Bind this to the
-                 * `<paper-input-container>`'s `alwaysFloatLabel` property.
-                 */
-                alwaysFloatLabel: {
-                    type: Boolean,
-                    value: false
-                },
-
-                /**
-                 * Set to true to disable animations when opening and closing the
-                 * dropdown.
-                 */
-                noAnimations: {
-                    type: Boolean,
-                    value: false
-                },
-
-                inputValue: {
-                    type: String,
-                    value: undefined,
-                    observer: '_fireInputValue'
-                },
-
-                fireInputValue: {
-                    type: Boolean,
-                    value: true,
-                }
-            },
-
-            listeners: {
-                'tap': '_onTap'
-            },
-
-            keyBindings: {
-                'up down': 'open',
-                'esc': 'close'
-            },
-
-            hostAttributes: {
-                role: 'group',
-                'aria-haspopup': 'true'
-            },
-
-            observers: [
-//                '_selectedItemChanged(selectedItem)'
-            ],
-
-            attached: function() {
-                // NOTE(cdata): Due to timing, a preselected value in a `IronSelectable`
-                // child will cause an `iron-select` event to fire while the element is
-                // still in a `DocumentFragment`. This has the effect of causing
-                // handlers not to fire. So, we double check this value on attached:
-                var contentElement = this.contentElement;
-                if (contentElement && contentElement.selectedItem) {
-                    this._setSelectedItem(contentElement.selectedItem);
-                }
-            },
-
-            _fireInputValue: function() {//console.log(this.inputValue);
-                if(this.fireInputValue) {//change NO DDL
-                    this.fire('paper-input-search_input-value', {inputValue: this.inputValue});
-                    if(this.contentElement.selectedItem){
-//                        this._setSelectedItem(null);
-                        this.contentElement.select(-1);
-//                        console.log("deselected");
-                    }
-                }
-
-                this.fireInputValue = true;
-            },
-
-            /**
-             * The content element that is contained by the dropdown menu, if any.
-             */
-            get contentElement() {
-                return Polymer.dom(this.$.content).getDistributedNodes()[0];
-            },
-
-            /**
-             * Show the dropdown content.
-             */
-            open: function() {
-                this.$.menuButton.open();
-            },
-
-            /**
-             * Hide the dropdown content.
-             */
-            close: function() {
-                this.$.menuButton.close();
-            },
-
-            /**
-             * A handler that is called when `iron-select` is fired.
-             *
-             * @param {CustomEvent} event An `iron-select` event.
-             */
-            _onIronSelect: function(event) {
-//                console.log("select");
-                this.fireInputValue = false;
-                this._setSelectedItem(event.detail.item);
-                this.inputValue = event.detail.item.label || event.detail.item.textContent.trim();
-            },
-
-            /**
-             * A handler that is called when `iron-deselect` is fired.
-             *
-             * @param {CustomEvent} event An `iron-deselect` event.
-             */
-            _onIronDeselect: function(event) {
-//                console.log("deselect");
-                this.fireInputValue = false;
-                this._setSelectedItem(null);
-            },
-
-            /**
-             * A handler that is called when the dropdown is tapped.
-             *
-             * @param {CustomEvent} event A tap event.
-             */
-            _onTap: function(event) {
-                if (Polymer.Gestures.findOriginalTarget(event) === this) {
-                    this.open();
-                }
-                this.async(function(){this.$.inputField.$.input.focus();},200);//to improve
-//                console.log(this.selectedItemLabel);
-//                console.log(this.value);
-//                console.log(this.$.inputField.value);
-//                console.log(this.inputValue);
-            },
-
-            /**
-             * Compute the label for the dropdown given a selected item.
-             *
-             * @param {Element} selectedItem A selected Element item, with an
-             * optional `label` property.
-             */
-//            _selectedItemChanged: function(selectedItem) {
-//                var value = '';
-//                if (!selectedItem) {
-//                    value = '';
-//                } else {
-//                    value = selectedItem.label || selectedItem.textContent.trim();
-//                }
-//
-//                this._setValue(value);
-//                this._setSelectedItemLabel(value);
-//                this.inputValue = selectedItem.label || selectedItem.textContent.trim();
-//            },
-
-            /**
-             * Compute the vertical offset of the menu based on the value of
-             * `noLabelFloat`.
-             *
-             * @param {boolean} noLabelFloat True if the label should not float
-             * above the input, otherwise false.
-             */
-            _computeMenuVerticalOffset: function(noLabelFloat) {
-                // NOTE(cdata): These numbers are somewhat magical because they are
-                // derived from the metrics of elements internal to `paper-input`'s
-                // template. The metrics will change depending on whether or not the
-                // input has a floating label.
-//                return noLabelFloat ? -4 : 8;
-                return noLabelFloat ? 46-4 : 46+8;
-//                return 64;
-            },
-
-            /**
-             * Returns false if the element is required and does not have a selection,
-             * and true otherwise.
-             * @return {Boolean} true if `required` is false, or if `required` is true
-             * and the element has a valid selection.
-             */
-            _getValidity: function() {
-                return this.disabled || !this.required || (this.required && this.value);
-            }
-        });
-    })();
-</script>
 \ No newline at end of file
@@ -434,7 +434,10 @@
                             //2nd loop will extract each column and convert it in string comma-seprated
                             for (var index in arrData[i]) {
-                                row += arrData[i][index] + ',';
+                                if(typeof arrData[i][index] == 'string')
+                                    row += '"' + arrData[i][index].replace('"', '""') + '",';
+                                else
+                                    row += arrData[i][index] + ',';
                             }
                             row.slice(0, row.length - 1);
+<link rel="import" href="../../bower_components/polymer/polymer.html">
+
+<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
+<link rel="import" href="../../bower_components/paper-item/paper-item.html">
+<link rel="import" href="../../bower_components/paper-spinner/paper-spinner.html">
+
+<dom-module id="datasets-list-controllet">
+    <template>
+        <style>
+
+            #datasets_list_container {
+                height: 100%;
+                width: 100%;
+            }
+
+            #datasets_list_container * {
+                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+                font-size: 16px;
+                line-height: 24px;
+            }
+
+            #datasets_list_container #list_info {
+                display: flex;
+                height: calc(100% - 48px);
+                width: 100%;
+
+                background: #E0E0E0;
+            }
+
+            #datasets_list_container #menu {
+                background: #E0E0E0;
+            }
+
+            #datasets_list_container #list_container {
+                position: relative;
+                height: calc(100% - 28px);
+                width: calc(50% - 24px);
+                margin-top: 12px;
+                padding: 0 12px;
+                overflow: hidden;
+                background: #E0E0E0;
+            }
+
+            #datasets_list_container #info_container {
+                position: relative;
+                height: calc(100% - 32px);
+                width: calc(50% - 32px);
+                padding: 16px;
+                background: #E0E0E0;
+            }
+
+            #datasets_list_container #info {
+                position: relative;
+                height: calc(100% - 2px);
+                width: calc(100% - 2px);
+                border: 1px solid #B6B6B6;
+                border-radius: 2px;
+                background: #FFFFFF;
+            }
+
+            #datasets_list_container #footer {
+                width: 100%;
+                height: 48px;
+                background: #B6B6B6;
+                display: flex;
+                flex-direction: row;
+            }
+
+            #datasets_list_container .footer_block {
+                height: 24px;
+                padding: 12px 8px;
+                text-align: right;
+            }
+
+            #datasets_list_container .footer_block:nth-child(1) {
+                width: 30%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            #datasets_list_container .footer_block:nth-child(2) {
+                width: 40%;
+                height: 48px;
+                padding: 0 8px;
+                text-align: center;
+            }
+
+            #datasets_list_container .footer_block:nth-child(3) {
+                width: 30%;
+                height: 40px;
+                padding: 4px 8px;
+                text-align: left;
+            }
+
+            #datasets_list_container #info_header {
+                height: 24px;
+                padding: 12px;
+                text-align: center;
+                font-weight: 700;
+                color: #FFFFFF;
+                background: #2196F3;
+
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+
+                border-bottom: 1px solid #B6B6B6;
+            }
+
+            #datasets_list_container #info_body {
+                padding: 12px;
+            }
+
+            #datasets_list_container br {
+                display: block;
+                margin-top: 8px;
+                content: " ";
+            }
+
+            paper-input {
+                max-width: 288px;
+                --paper-input-container-focus-color: #2196F3;
+            }
+
+            paper-menu {
+                padding: 0;
+            }
+
+            paper-item {
+                cursor: pointer;
+                color: #000000;
+                margin: 4px;
+                padding: 0 12px;
+                border-radius: 2px;
+                border: 1px solid #B6B6B6;
+
+                background: #FFFFFF;
+            }
+
+            paper-item span {
+                width: 100%;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            paper-item.iron-selected {
+                background: #2196F3 !important;;
+                color: #FFFFFF;
+                /*font-weight: 700;*/
+            }
+
+            paper-item:focus:before {
+                opacity: 0 !important;
+                background: white;
+            }
+
+            paper-item:focus:after {
+                opacity: 0 !important;
+                background: white;
+            }
+
+            paper-item:hover:not(.iron-selected) {
+                background: #BBDEFB !important;
+            }
+
+            paper-icon-button{
+                height: 48px;
+                width: 48px;
+                padding: 0;
+                --paper-icon-button-ink-color: #FFFFFF;
+            }
+
+            paper-icon-button:hover{
+                color: #2196F3;
+            }
+
+            paper-icon-button.clear {
+                width: 24px;
+                height: 24px;
+                padding: 0 4px;
+                color: #F44336;
+                --paper-icon-button-ink-color: #FFFFFF;
+            }
+
+            #datasets_list_container #spinner_container {
+                height: calc(100% - 49px);
+                width: 100%;
+                text-align: center;
+                display: none;
+            }
+
+            paper-spinner {
+                top: calc(50% - 32px);
+                height: 64px;
+                width: 64px;
+
+                --paper-spinner-stroke-width: 8px;
+
+                --paper-spinner-layer-1-color: #2196F3;
+                --paper-spinner-layer-2-color: #F44336;;
+                --paper-spinner-layer-3-color: #FFEB3B;;
+                --paper-spinner-layer-4-color: #4CAF50;;
+            }
+
+        </style>
+
+        <div id="datasets_list_container">
+            <div id="list_info">
+                <div id="list_container">
+                    <div id="menu_container">
+                        <paper-menu id="menu">
+                            <template is="dom-repeat" items="{{shownDatasets}}">
+                                <paper-item id={{index}} title="{{item.resource_name}}" on-click="_selectDataset" style$="background: {{_getColorForItem(item)}};"><span>{{_getVersionedResourceName(item)}}</span></paper-item>
+                            </template>
+                        </paper-menu>
+                    </div>
+                </div>
+                <div id="info_container">
+                    <div id="info">
+                        <div id="info_header"><span id="datasets_info"></span></div>
+                        <div id="info_body"></div>
+                        <div id="spinner_container">
+                            <paper-spinner id="spinner"></paper-spinner>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div id="footer">
+                <div class="footer_block">
+                    <span id="showing"></span> {{shownPrev}} <span id="to"></span> {{shownNext}} <span id="of"></span> {{length}} <span id="rows"></span>
+                </div>
+                <div class="footer_block">
+                    <paper-icon-button id="slider_chevron_left" class="chevron-left" on-click="_onPrevClick" icon="chevron-left"></paper-icon-button>
+                    <paper-icon-button id="slider_chevron_right" class="chevron-right" on-click="_onNextClick" icon="chevron-right"></paper-icon-button>
+                </div>
+                <div class="footer_block">
+                    <paper-input id="filter" value={{filter}} no-label-float>
+                        <iron-icon class="search" icon="search" prefix></iron-icon>
+                        <paper-icon-button class="clear" suffix on-click="_clearInput" icon="clear"></paper-icon-button>
+                    </paper-input>
+                </div>
+            </div>
+        </div>
+
+    </template>
+
+    <script>
+        HTMLImports.whenReady(function() {
+            Polymer({
+                is: 'datasets-list-controllet',
+
+                properties: {
+
+                    datasets: {
+                        type: Object,
+                        value: undefined
+                    },
+
+                    providers: {
+                        type: Object,
+                        value: undefined
+                    },
+
+                    filter : {
+                        type  : String,
+                        value : "",
+                        observer : '_filter'
+                    }
+
+                },
+
+//                _loadTreeMap : function(){
+//                    this.async(function () {
+//                        var h = $("#list_info").height();
+//                        var w = $("#list_info").width();
+//
+//                        var data = JSON.stringify({result : {providers: this.providers, datasets: this.datasets}}).replace(/'/g, "");
+//
+//                        this.$.list_info.innerHTML = "<datasetexplorer-datalet data='"+data+"' width=\""+w+"\" height=\""+h+"\" fields='[\"provider_name\",\"organization_name\",\"package_name\",\"resource_name\",\"url\",\"w\",\"metas\"]'></datasetexplorer-datalet>";
+//                    }, 100);
+//                },
+//
+//                setProviders : function(providers) {
+//                    this.providers = this._copy(providers);
+//                },
+
+                ready : function() {
+                    $(this.$.list_container).perfectScrollbar();
+                    $(this.$.info).perfectScrollbar();
+
+                    this.step = 20;
+                    this.version = true;
+                    this.selectedItemId = -1;
+                },
+
+                attached: function() {
+                    this._translate();
+                },
+
+                setDatasets : function(datasets) {
+                    this.datasets = this._copy(datasets);
+
+                    this.prev = 1;
+                    this.next = this.step;
+                    this.length = this.datasets.length;
+
+                    this.shownPrev = Math.min(this.prev, this.length);
+                    this.shownNext = Math.min(this.next, this.length);
+                    this.shownDatasets = this.datasets.slice(this.prev-1, this.next);
+
+                    this.$.info_header.innerHTML = ln["datasetsInfo_" + ln["localization"]];
+                    this.$.info_body.innerHTML = "";
+                    this.$.spinner.active = false;
+                    this.selectedItemId = -1;
+                    this.fire("datasets-list-controllet_dataset", { dataset: {url:""} });
+
+                    this._filter();
+                },
+
+                showDatasetInfo : function() {
+                    this.$.spinner_container.style.display = "none";
+                    this.$.info_body.style.display = "block";
+                    this.$.spinner.active = false;
+                },
+
+                showVersion : function(flag) {
+                    this.version = flag;
+                },
+
+                _loadDatasetInfo : function() {
+                    $(this.$.info).animate({ scrollTop: 0}, 0);
+                    this.$.info_body.style.display = "none";
+                    this.$.spinner_container.style.display = "block";
+                    this.$.spinner.active = true;
+                },
+
+                _onPrevClick : function(){
+                    if(this.prev != 1) {
+                        this.prev -= this.step;
+                        this.next -= this.step;
+
+                        this.shownPrev = Math.min(this.prev, this.length);
+                        this.shownNext = Math.min(this.next, this.length);
+                        this.shownDatasets = this.datasets.slice(this.prev - 1, this.next);
+                    }
+                    $(this.$.list_container).animate({ scrollTop: 0}, 0);
+                    this.$.menu.selected = -1;
+                },
+
+                _onNextClick : function(){
+                    if(this.next < this.length) {
+                        this.prev += this.step;
+                        this.next += this.step;
+
+                        this.shownPrev = Math.min(this.prev, this.length);
+                        this.shownNext = Math.min(this.next, this.length);
+                        this.shownDatasets = this.datasets.slice(this.prev - 1, this.next);
+                    }
+                    $(this.$.list_container).animate({ scrollTop: 0}, 0);
+                    this.$.menu.selected = -1;
+                },
+
+                _filter : function() {
+                    this.debounce('_filter', function () {
+                        if(this.datasets && this.datasets.length) {
+                            var filter = this.filter.toLowerCase();
+
+                            if(filter == "")
+                                this.shownDatasets = this.datasets;
+                            else
+                                this.shownDatasets = this.datasets.filter(function (el) {
+                                    return (el.resource_name.toLowerCase().indexOf(filter) > -1);
+                                });
+
+                            this.prev = 1;
+                            this.next = this.step;
+                            this.length = this.shownDatasets.length;
+
+                            this.shownPrev = Math.min(this.prev, this.length);
+                            this.shownNext = Math.min(this.next, this.length);
+                            this.shownDatasets = this.shownDatasets.slice(this.prev - 1, this.next);
+
+                            $(this.$.list_container).animate({ scrollTop: 0}, 0);
+                            this.$.menu.selected = -1;
+                        }
+                    }, 0);
+                },
+
+                _clearInput : function() {
+                    this.$.filter.value = "";
+                },
+
+                _translate : function(){
+                    this.$.datasets_info.innerHTML = ln["datasetsInfo_" + ln["localization"]];
+
+                    this.$.showing.innerHTML = ln["showing_" + ln["localization"]];
+                    this.$.to.innerHTML = ln["to_" + ln["localization"]];
+                    this.$.of.innerHTML = ln["of_" + ln["localization"]];
+                    this.$.rows.innerHTML = ln["datasetsRows_" + ln["localization"]];
+
+                    this.$.filter.setAttribute("label", ln["search_" + ln["localization"]]);
+                },
+
+                _selectDataset : function(){
+                    var id = this.$.menu.selectedItem.id;
+                    if(id == this.selectedItemId)
+                        return;
+
+                    this.selectedItemId = id;
+
+                    this._loadDatasetInfo();
+
+                    var dataset = this.shownDatasets[id];
+
+                    var html = '';
+
+                    var users = dataset.users;
+                    var metas = JSON.parse(dataset.metas);
+
+                    if(users) {
+                        html += '<b>users:</b><div class="user_icons" style="display: flex; flex-direction: row;">';
+                            for(var j in users) {
+                                html += '<a href="' + users[j].href + '">';
+                                html += '<div class="user_icon" style="background-image: url(' + users[j].src + '); background-size: 40px 40px; height:40px; width:40px; border-radius: 50%; cursor: pointer; margin-right: 12px;" title="' + users[j].user + '"></div>';
+                                html += '</a>';
+
+                            }
+                        html += '</div>';
+                        html += '<b> version:</b> ' + dataset.version + '<br>';
+                    }
+
+                    for(var i in metas)
+                        html += '<b>' + i + ':</b> ' + metas[i] + '<br>';
+
+//                    this.$.info_header.innerHTML = this._getVersionedResourceName(dataset);
+                    this.$.info_header.innerHTML = dataset.resource_name;
+                    this.$.info_body.innerHTML = html;
+
+                    this.fire("datasets-list-controllet_dataset", { dataset: dataset });
+                },
+
+                _getVersionedResourceName : function(dataset){
+                    if(this.version && dataset.version)
+//                        return dataset.resource_name + ' [' + ln["Version_" + ln["localization"]] + ' ' + dataset.version + ']';
+                        return dataset.resource_name + ' [VER ' + dataset.version + ']';
+                    return dataset.resource_name;
+                },
+
+                _getColorForItem : function(item) {
+                    if(!item.provider_name && !item.version)
+                        return "#FFEB3B";
+                },
+
+                _copy : function(o) {
+                    var out, v, key;
+                    out = Array.isArray(o) ? new Array(o.length) : {};
+                    for (key in o) {
+                        v = o[key];
+                        out[key] = (typeof v === "object") ? this._copy(v) : v;
+                    }
+                    return out;
+                }
+
+            });
+        });
+    </script>
+</dom-module>
 \ No newline at end of file
+<html>
+
+<head>
+    <script src="../../shared_js/jquery-1.11.2.min.js"></script>
+
+    <script src="../../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
+
+    <script src="../../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
+    <link rel="stylesheet" href="../../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
+
+    <script src="../../../locales/controllet_ln.js"></script>
+    <script>
+        ln["localization"] = "en";
+    </script>
+
+    <link rel="import" href="../datasets-list-controllet.html" />
+</head>
+
+<body>
+
+<style>
+
+    .container {
+        width: 1200px;
+        height: 600px;
+        position: relative;
+        top: 96px;
+        left: calc((100% - 1200px) / 2);
+    }
+
+</style>
+
+<div class="container">
+    <datasets-list-controllet datasets='{"result":{"providers":{"1":{"title":"CKAN","api_url":"http:\/\/ckan.routetopa.eu","image_hash":"11","id":"1"}},"datasets":[{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"}]}}'></datasets-list-controllet>
+
+    <!--<select-dataset-controllet id="ds" datasets="we"></select-dataset-controllet>-->
+
+    <!--<select-dataset-controllet id="ds" datasets='{"result":{"providers":{"1":{"title":"CKAN","api_url":"http:\/\/ckan.routetopa.eu","image_hash":"11","id":"1"}},"datasets":[{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 2","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b056c5e6-76af-4526-a35d-7dee664fb6ee\/download\/isislab.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/818c2edb-0cb7-4288-b340-e4dd1933d817\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination - dl","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/fd8c4d6f-315d-4aa0-b7bd-4fdde7bf641b\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) dissemination of ROUTE-TO-PA project","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/b0ef6017-8c64-4e11-8046-7e51a8561856\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"test dissemination with link","resource_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/ba5054af-7561-4f99-9504-76ea004a1e85\/resource\/4cc2349d-bf7b-4bbe-a7ca-db5312bb6c94\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New-&#45;&#45;Link.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Dissemination activity of the first year","resource_name":"Dissemination activity of the first year (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/61f07087-210a-4c35-9606-2aafe183633b\/resource\/5f9d8d8b-1c41-45f7-9dbb-61b9a7bcd076\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"City of the Hague Municipality","package_name":"Test 3- Buurten","resource_name":"Test Buurten - 3","url":"http:\/\/ckan.routetopa.eu\/dataset\/1248d447-2901-4beb-91ae-c2f249fd8a99\/resource\/1fdbc765-8945-4271-8dce-9c7eba45a67d\/download\/Test-3-Compare.csv","metas":"{\"organization\":\"City of the Hague Municipality\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"}]}}'-->
+                               <!--suggested-datasets='[{"resource_name":"SUGGESTED 1","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"},{"resource_name":"SUGGESTED 2","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"},{"resource_name":"SUGGESTED 3","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"}]'-->
+    <!--<select-dataset-controllet id="ds" datasets='{"result":{"providers":{"1":{"title":"CKAN","api_url":"http:\/\/ckan.routetopa.eu","image_hash":"11","id":"1"}},"datasets":[{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"}]}}'></select-dataset-controllet>-->
+</div>
+
+<script>
+    var description = "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa "+
+            " aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa "+
+            " aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa "+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
+            "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa";
+
+    var dataset1 = {description: description, name: "Data", url: "http://ckan.routetopa.eu/api/action/datastore_search?resource_id=c3b52992-ba61-4a73-a637-0f2e1ca26aab"};
+    var dataset2 = {description: "", name: "Klassen", url: "http://ckan.routetopa.eu/api/action/datastore_search?resource_id=dfd27de5-0790-466c-af59-6a82509e7fbb"};
+    var dataset3 = {description: "descrizione bellissima purissima levissima sbiricuda antani", name: "Derelict Sites", url: "http://ckan.routetopa.eu/api/action/datastore_search?resource_id=fcbee83e-3d3d-4303-a568-24dd33d02adc"};
+    var datasets = [dataset1, dataset2, dataset3];
+    var datasets = [dataset1, dataset2, dataset3, dataset1, dataset2, dataset3, dataset1, dataset2, dataset3, dataset1, dataset2, dataset3, dataset1, dataset2, dataset3];
+
+    //    var ds = document.getElementById('ds');
+    //    ds.setAttribute("items", JSON.stringify(datasets));
+    //    ds.setAttribute("items", a);
+
+</script>
+
+</body>
+
+</html>
@@ -114,6 +114,14 @@
                 display: none;
             }
+            button#delete-sheet {
+                display: none;
+            }
+
+            button#rename-sheet{
+                display: none;
+            }
+
         </style>
@@ -359,7 +359,8 @@
                             .replace('WHERE', '<br><br><span style="color:#2196F3; font-weight: 700;">WHERE</span>')
                             .replace('GROUP BY', '<br><br><span style="color:#2196F3; font-weight: 700;">GROUP BY</span>')
                             .replace(/\[/g, '')
-                            .replace(/\]/g, '');
+                            .replace(/\]/g, '')
+                            .replace(/`/g, '');
                 else
                     this.$.query_container.innerHTML = "";
             }
+<link rel="import" href="../../bower_components/polymer/polymer.html">
+
+<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
+<link rel="import" href="../../bower_components/paper-tabs/paper-tabs.html">
+<link rel="import" href="../../bower_components/paper-tabs/paper-tab.html">
+<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
+<link rel="import" href="../../bower_components/paper-item/paper-item.html">
+<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">
+<link rel="import" href="../../bower_components/paper-tooltip/paper-tooltip.html">
+
+<link rel="import" href="../datasets-list-controllet/datasets-list-controllet.html">
+
+<dom-module id="demo-select-dataset-controllet">
+    <template>
+        <style>
+
+            #select_dataset_container {
+                margin-top: 8px;
+            }
+
+            #select_dataset_container * {
+                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+                font-size: 16px;
+                line-height: 24px;
+            }
+
+            #select_dataset_container #options {
+                display: flex;
+                flex-direction: row;
+
+                height: 48px;
+                padding: 0;
+                font-weight: 700;
+                background: #B6B6B6;
+
+                margin-top: 2px;
+
+                overflow: hidden;
+            }
+
+            #select_dataset_container #options_header {
+                width: calc(100% - 96px);
+                text-align: center;
+                padding: 12px 0 12px 48px;
+            }
+
+            #select_dataset_container .header_block {
+                /*width: calc((100% - 48px) / 2);*/
+                /*max-width: 400px;*/
+                width: calc(50% - 24px);
+                padding:0 12px;
+
+                line-height: 40px;
+
+                display: none;
+            }
+
+            #select_dataset_container #url {
+                padding: 0 12px 12px 12px;
+                height: 60px;
+
+                border: 2px solid #B6B6B6;
+                border-top: 0;
+            }
+
+            #select_dataset_container #datasets_list_container {
+                height: calc(100% - 96px - 2px - 74px);
+                width: 100%;
+            }
+
+            paper-tabs {
+                background: #B6B6B6;
+            }
+
+            paper-tab {
+                font-weight: 700;
+                border-right: 2px solid #FFFFFF;
+            }
+
+            paper-tab:nth-last-child(2) {
+                border-right: 0;
+            }
+
+            paper-tab.iron-selected {
+                color: #FFFFFF;
+                background: #2196F3;;
+            }
+
+            paper-tab:not(.iron-selected):hover {
+                color: #2196F3;
+            }
+
+            paper-input {
+                --paper-input-container-focus-color: #2196F3;
+            }
+
+            paper-icon-button {
+                height: 48px;
+                width: 48px;
+                padding: 8px;
+            }
+
+            paper-icon-button[icon="settings"] {
+                cursor: pointer;
+                color: #00BCD4;
+                --paper-icon-button-ink-color: #00BCD4;
+
+                background: #E0E0E0;
+                float: right;
+                position: absolute;
+                right: 0;
+            }
+
+            paper-icon-button[icon="info-outline"] {
+                cursor: help;
+            }
+
+            :host {
+            --paper-dropdown-menu-icon: {
+                 color: #000000;
+             };
+            --paper-dropdown-menu-ripple: {
+                 color: #FFFFFF;
+             };
+            }
+
+            paper-dropdown-menu {
+                /*width: 200px;*/
+                width: 50%;
+                --paper-input-container-focus-color: #2196F3;
+            }
+
+            paper-item {
+                min-width: 128px;
+                white-space: nowrap;
+            }
+
+            paper-item.iron-selected {
+                background-color: #2196F3;
+                color: #FFFFFF;
+            }
+
+            paper-tooltip {
+                min-width: 400px;
+                --paper-tooltip-background: black;
+            }
+
+            #select_dataset_container br {
+                display: block;
+                margin-top: 8px;
+                content: " ";
+            }
+
+            #select_dataset_container p {
+                margin: 0;
+                padding: 0;
+            }
+
+            #select_dataset_container p .option {
+                color: #2196F3;;
+                font-weight: 700;
+            }
+
+            #select_dataset_container p .description {
+            }
+
+        </style>
+
+        <paper-material id="select_dataset_container" elevation="5">
+            <paper-tabs selected={{tabIndex}} no-bar>
+                <paper-tab noink on-tap="">EXAMPLE DATASETS LIST</paper-tab>
+                <!--<paper-tab noink on-tap="_setLocalDatasets"><span id="spod_users_datasets"></span></paper-tab>-->
+                <!--<paper-tab noink on-tap="_setExtendedDatasets"><span id="extended_datasets"></span></paper-tab>-->
+            </paper-tabs>
+
+            <div id="options">
+
+                <div id="options_header"></div>
+
+                <div id="provider_option" class="header_block">
+                    {{_getLocalization('provider')}}:&nbsp;
+                    <paper-dropdown-menu id="ddl_provider" label="" no-label-float>
+                        <paper-menu id="menu_provider" class="dropdown-content">
+                            <paper-item id="0" on-tap="_setProvidersDatasets"><span id="all"></span></paper-item>
+                            <template is="dom-repeat" items={{_toArray(providers)}}>
+                                <paper-item id={{item.value.id}} on-tap="_setProvidersDatasets">{{item.value.title}}</paper-item>
+                            </template>
+                        </paper-menu>
+                    </paper-dropdown-menu>
+                    <paper-icon-button id="info_provider" icon="info-outline" noink></paper-icon-button>
+                    <paper-tooltip id="tooltip_provider" for="info_provider" offset="8">
+                        <p>
+                            <span class="option">{{_getLocalization('all')}}</span><br>
+                            <span class="description">{{_getLocalization('allDescription')}}</span><br>
+                            <span class="option">{{_getLocalization('providerName')}}</span><br>
+                            <span class="description">{{_getLocalization('providerNameDescription')}}</span><br>
+                        </p>
+                    </paper-tooltip>
+                </div>
+
+                <!--<div id="view_option" class="header_block">-->
+                <!--{{_getLocalization('view')}}:&nbsp;-->
+                <!--<paper-dropdown-menu id="ddl_view" label="" no-label-float>-->
+                <!--<paper-menu id="menu_view" class="dropdown-content">-->
+                <!--<paper-item id="0" on-tap=""><span id="list"></span></paper-item>-->
+                <!--<paper-item id="1" on-tap="" disabled><span id="tree"></span></paper-item>-->
+                <!--</paper-menu>-->
+                <!--</paper-dropdown-menu>-->
+                <!--<paper-icon-button id="info_view" icon="info-outline" noink></paper-icon-button>-->
+                <!--<paper-tooltip id="tooltip_view" for="info_view" offset="8">-->
+                <!--<p>-->
+                <!--<span class="option">{{_getLocalization('list')}}</span><br>-->
+                <!--<span class="description">{{_getLocalization('listDescription')}}</span><br>-->
+                <!--<span class="option">{{_getLocalization('tree')}}</span><br>-->
+                <!--<span class="description">{{_getLocalization('treeDescription')}}</span><br>-->
+                <!--</p>-->
+                <!--</paper-tooltip>-->
+                <!--</div>-->
+
+                <!--<div id="search_option" class="header_block">-->
+                <!--{{_getLocalization('search')}}:&nbsp;-->
+                <!--<paper-dropdown-menu id="ddl_search" label="" no-label-float>-->
+                <!--<paper-menu id="menu_search" class="dropdown-content">-->
+                <!--<paper-item><span id="standard"></span></paper-item>-->
+                <!--<paper-item disabled><span id="extended"></span></paper-item>-->
+                <!--</paper-menu>-->
+                <!--</paper-dropdown-menu>-->
+                <!--<paper-icon-button id="info_search" icon="info-outline" noink></paper-icon-button>-->
+                <!--<paper-tooltip id="tooltip_search" for="info_search" offset="8">-->
+                <!--<p>-->
+                <!--<span class="option">{{_getLocalization('standard')}}</span><br>-->
+                <!--<span class="description">{{_getLocalization('standardDescription')}}</span><br>-->
+                <!--<span class="option">{{_getLocalization('extended')}}</span><br>-->
+                <!--<span class="description">{{_getLocalization('extendedDescription')}}</span><br>-->
+                <!--</p>-->
+                <!--</paper-tooltip>-->
+                <!--</div>-->
+
+                <div id="version_option" class="header_block">
+                    {{_getLocalization('version')}}:&nbsp;
+                    <paper-dropdown-menu id="ddl_version" label="" no-label-float>
+                        <paper-menu id="menu_version" class="dropdown-content">
+                            <paper-item id="0" on-tap="_showLast"><span id="show_last"></span></paper-item>
+                            <paper-item id="1" on-tap="_showAll"><span id="show_all"></span></paper-item>
+                        </paper-menu>
+                    </paper-dropdown-menu>
+                    <paper-icon-button id="tooltip_version" icon="info-outline" noink></paper-icon-button>
+                    <paper-tooltip id="tooltip_version" for="tooltip_version" offset="8">
+                        <p>
+                            <span class="option">{{_getLocalization('showLast')}}</span><br>
+                            <span class="description">{{_getLocalization('showLastDescription')}}</span><br>
+                            <span class="option">{{_getLocalization('showAll')}}</span><br>
+                            <span class="description">{{_getLocalization('showAllDescription')}}</span><br>
+                        </p>
+                    </paper-tooltip>
+                </div>
+
+                <!--<paper-icon-button icon="settings" on-click="_optionsMenu"></paper-icon-button>-->
+
+            </div>
+
+            <div id="datasets_list_container">
+                <datasets-list-controllet id="datasets_list"></datasets-list-controllet>
+            </div>
+
+            <div id="url"><paper-input id="selected_url" label="" value={{dataUrl}} error-message={{errorMessage}}></paper-input></div>
+        </paper-material>
+
+    </template>
+
+    <script>
+        HTMLImports.whenReady(function() {
+            Polymer({
+                is: 'demo-select-dataset-controllet',
+
+                properties: {
+
+                    tabIndex: {
+                        type: Number,
+                        value: 0
+                    },
+
+                    datasets: {
+                        type: Object,
+                        value: undefined
+                    },
+
+                    suggestedDatasets : {
+                        type : Array,
+                        value : undefined
+                    },
+
+                    dataUrl : {
+                        type  : String,
+                        value : undefined,
+                        observer : '_fireDataUrl'
+                    }
+
+                },
+
+                listeners: {
+                    'datasets-list-controllet_dataset' : '_selectDataUrl'
+                },
+
+                ready : function() {
+                    this._translate();
+
+                    $(this.$.list_container).perfectScrollbar();
+                    $(this.$.info).perfectScrollbar();
+
+                    this.options = true;
+                },
+
+                attached : function() {
+                    this._translate();
+
+                    this._resize();
+                    var that = this;
+                    window.addEventListener("resize", function() { that._resize() });
+
+                    this.providers = this.datasets["result"]["providers"];
+                    this.providersDatasets = this.datasets["result"]["datasets"];
+
+                    if(this.suggestedDatasets)
+                        this.providersDatasets = this.suggestedDatasets.concat(this.providersDatasets);
+
+                    $.ajax({
+                        url: "/cocreation/ajax/get-all-dataset",
+                        dataType: "json",
+                        success: function(localDatasets){
+                            that.localDatasets = localDatasets;
+                            that.lastLocalDatasets = [];
+                            var resource_name = "";
+                            for(var i in localDatasets)
+                                if(localDatasets[i].resource_name != resource_name) {
+                                    that.lastLocalDatasets.push(localDatasets[i]);
+                                    resource_name = localDatasets[i].resource_name;
+                                }
+                        },
+                        error: function(){
+                            that.localDatasets = [];
+                            that.lastLocalDatasets = [];
+                        }
+                    });
+
+                    this._setProvidersDatasets();
+                },
+
+                showDatasetInfo : function() {
+                    this.$.datasets_list.showDatasetInfo();
+                },
+
+                _translate : function(){
+                    this.$.selected_url.setAttribute("label", ln["selectedUrl_" + ln["localization"]]);
+                    this.errorMessage = ln["wrongUrl_" + ln["localization"]];
+
+//                    this.$.providers_datasets.innerHTML = ln["providersDatasets_" + ln["localization"]];
+//                    this.$.spod_users_datasets.innerHTML = ln["spodUsersDatasets_" + ln["localization"]];
+//                    this.$.extended_datasets.innerHTML = ln["extendedDatasets_" + ln["localization"]];
+
+                    this.$.options_header.innerHTML = ln["datasets_" + ln["localization"]];
+
+                    this.$.all.innerHTML = ln["all_" + ln["localization"]];
+//                    this.$.list.innerHTML = ln["list_" + ln["localization"]];
+//                    this.$.tree.innerHTML = ln["tree_" + ln["localization"]];
+//                    this.$.standard.innerHTML = ln["standard_" + ln["localization"]];
+//                    this.$.extended.innerHTML = ln["extended_" + ln["localization"]];
+                    this.$.show_last.innerHTML = ln["showLast_" + ln["localization"]];
+                    this.$.show_all.innerHTML = ln["showAll_" + ln["localization"]];
+
+                    this.$.menu_provider.select(0);
+//                    this.$.menu_view.select(0);
+//                    this.$.menu_search.select(0);
+                    this.$.menu_version.select(0);
+                },
+
+                _setProvidersDatasets : function() {
+                    this.async(function () {
+                        var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
+                        var name = ddl_provider.innerHTML.trim();
+                        var id = this._getIdByProviderName(name);
+                        if (id) {
+                            var providerDatasets = this.providersDatasets.filter(function (el) {
+                                return el.provider_name == "p:" + id;
+                            });
+                            this.$.datasets_list.setDatasets(providerDatasets);
+                        }
+                        else
+                            this.$.datasets_list.setDatasets(this.providersDatasets);
+
+                        this._showOptions();
+                    }, 0);
+                },
+
+                _setLocalDatasets : function() {
+                    if(this.$.ddl_version.selectedItem.id == 0)
+                        this._showLast();
+                    else
+                        this._showAll();
+                    this._showOptions();
+                },
+
+                _setExtendedDatasets : function() {
+                    this.$.datasets_list.setDatasets([]);//tutto molto bello, clap, clap, clapù
+                    this._showOptions()
+                },
+
+                _getIdByProviderName : function(name) {
+                    for(var id in this.providers) {
+                        if (this.providers[id].title == name)
+                            return this.providers[id].id;
+                    }
+                },
+
+                _optionsMenu : function() {
+                    this.options = !this.options;
+                    this._showOptions();
+                },
+
+                _showOptions : function() {
+                    this.async(function () {
+                        if(!this.options) {
+                            this.$.options_header.style.display = "block";
+                            this.$.provider_option.style.display = "none";
+//                            this.$.view_option.style.display = "none";
+//                            this.$.search_option.style.display = "none";
+                            this.$.version_option.style.display = "none";
+                        }
+                        else if(this.tabIndex == 0) {
+                            this.$.options_header.style.display = "none";
+                            this.$.provider_option.style.display = "block";
+//                            this.$.view_option.style.display = "block";
+//                            this.$.search_option.style.display = "block";
+                            this.$.version_option.style.display = "none";
+                        }
+                        else if(this.tabIndex == 1) {
+                            this.$.options_header.style.display = "none";
+                            this.$.provider_option.style.display = "none";
+//                            this.$.view_option.style.display = "none";
+//                            this.$.search_option.style.display = "none";
+                            this.$.version_option.style.display = "block";
+                        }
+                        else if(this.tabIndex == 2) {
+                            this.$.options_header.style.display = "block";
+                            this.$.provider_option.style.display = "none";
+//                            this.$.view_option.style.display = "none";
+//                            this.$.search_option.style.display = "none";
+                            this.$.version_option.style.display = "none";
+                        }
+                    }, 0);
+                },
+
+                _showAll : function() {
+                    this.$.datasets_list.showVersion(true);
+                    this.$.datasets_list.setDatasets(this.localDatasets);
+                },
+
+                _showLast : function() {
+                    this.$.datasets_list.showVersion(false);
+                    this.$.datasets_list.setDatasets(this.lastLocalDatasets);
+                },
+
+                _getLocalization : function(text){
+                    return ln[text + "_" + ln["localization"]];
+                },
+
+                _toArray: function(obj) {
+                    return Object.keys(obj).map(function(key) {
+                        return {
+                            name: key,
+                            value: obj[key]
+                        };
+                    });
+                },
+
+                _selectDataUrl : function(e){
+                    this.async(function () {
+                        this.dataUrl = e.detail.dataset.url;
+                    }, 0);
+                },
+
+                _fireDataUrl : function(){
+                    this.fire('select-dataset-controllet_data-url', {url: this.dataUrl});
+                },
+
+                _resize : function(){
+                    var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - 16;
+                    h = h - 64 - 8; //height with page scroller
+                    $("#select_dataset_container").height(h);
+                }
+            });
+        });
+    </script>
+</dom-module>
 \ No newline at end of file
 <link rel="import" href="../../bower_components/polymer/polymer.html">
+<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
 <link rel="import" href="../../bower_components/paper-tabs/paper-tabs.html">
 <link rel="import" href="../../bower_components/paper-tabs/paper-tab.html">
-
-<link rel="import" href="../../bower_components/neon-animation/neon-animation.html">
-<link rel="import" href="../../bower_components/neon-animation/neon-animatable.html">
-<link rel="import" href="../../bower_components/neon-animation/neon-animations.html">
-
-<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
-<!--<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">-->
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/paper-styles/color.html">
-<link rel="import" href="../../bower_components/paper-styles/typography.html">
-<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
-<link rel="import" href="../../bower_components/iron-image/iron-image.html">
-<link rel="import" href="../../bower_components/iron-list/iron-list.html">
-
 <link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
 <link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
 <link rel="import" href="../../bower_components/paper-item/paper-item.html">
+<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">
+<link rel="import" href="../../bower_components/paper-tooltip/paper-tooltip.html">
-<link rel="import" href="../../bower_components/paper-input/paper-input.html">
-
-<link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
-
-<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
-
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/iron-icons/hardware-icons.html">
-<!--<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">-->
-
-<link rel="import" href="../../bower_components/paper-checkbox/paper-checkbox.html">
-
-<link rel="import" href="../providers-utility-controllet/providers-utility-controllet.html">
-<link rel="import" href="ortelio-controllet.html">
-<link rel="import" href="../../datalets/datasetexplorer-datalet/datasetexplorer-datalet.html">
+<link rel="import" href="../datasets-list-controllet/datasets-list-controllet.html">
 <dom-module id="select-dataset-controllet">
     <template>
         <style>
-            :host {
-            --paper-dropdown-menu-icon: {
-                 color: #000000;
-             };
-            --paper-dropdown-menu-ripple: {
-                 color: #FFFFFF;
-             };
-            /*--paper-tab-ink: {*/
-                 /*color: #FFFFFF;*/
-             /*};*/
-            }
-            iron-list {
-            --iron-list-items-container: {
-                margin:16px 16px 8px 16px;
-             };
+            #select_dataset_container {
+                margin-top: 8px;
             }
-            paper-textarea {
-                width: 100%;
-                --paper-input-container-focus-color: #2196F3;
+            #select_dataset_container * {
+                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+                font-size: 16px;
+                line-height: 24px;
             }
-            paper-input {
-                --paper-input-container-focus-color: #2196F3;
-            }
-            paper-dropdown-menu {
-                width: 100%;
-                --paper-input-container-focus-color: #2196F3;
-            }
+            #select_dataset_container #options {
+                display: flex;
+                flex-direction: row;
-            paper-item.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
-            }
+                height: 48px;
+                padding: 0;
+                font-weight: 700;
+                background: #B6B6B6;
-            paper-checkbox {
-                height: 24px;
-                /*margin-top: 8px*/
-                --paper-checkbox-checked-color: #2196F3;
-                --paper-checkbox-checked-ink-color: #FFFFFF;
-                --paper-checkbox-unchecked-color: #000000;
-                --paper-checkbox-unchecked-ink-color: #FFFFFF;
-                --paper-checkbox-label-color: #000000;
-            }
+                margin-top: 2px;
-            paper-icon-button{
-                height: 48px;
-                width: 48px;
-                padding: 0px;
-                --paper-icon-button-ink-color: #FFFFFF;
+                overflow: hidden;
             }
-            paper-icon-button:hover{
-                color: #2196F3;
+            #select_dataset_container #options_header {
+                width: calc(100% - 96px);
+                text-align: center;
+                padding: 12px 0 12px 48px;
             }
-            paper-icon-button[disabled]{
-                color: #B6B6B6;
-            }
+            #select_dataset_container .header_block {
+                /*width: calc((100% - 48px) / 2);*/
+                /*max-width: 400px;*/
+                width: calc(50% - 24px);
+                padding:0 12px;
-            paper-icon-button.clear {
-                width: 24px;
-                height: 24px;
-                padding: 0px 4px;
-                color: #F44336;
-                --paper-icon-button-ink-color: #FFFFFF;
-            }
+                line-height: 40px;
-            paper-tabs {
-                font-weight: bold;
+                display: none;
             }
-            paper-tab {
-                transition: all 1.0s;
-            }
+            #select_dataset_container #url {
+                padding: 0 12px 12px 12px;
+                height: 60px;
-            paper-tab.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
+                border: 2px solid #B6B6B6;
+                border-top: 0;
             }
-            paper-tab:not(.iron-selected):hover {
-                color: #2196F3;
+            #select_dataset_container #datasets_list_container {
+                height: calc(100% - 96px - 2px - 74px);
+                width: 100%;
             }
-            .item {
-                /*@apply(--layout-horizontal);*/
-                display: flex;
-                padding: 11px;
-                border: 1px solid #B6B6B6;
-                border-radius: 4px;
-                cursor: pointer;
-                margin-bottom: 8px;
-                background-color: #E0E0E0;
+            paper-tabs {
+                background: #B6B6B6;
             }
-            .item.expanded {
-                /*border: 2px solid #2196F3;*/
-                border-color: #2196F3;
+            paper-tab {
+                font-weight: 700;
+                border-right: 2px solid #FFFFFF;
             }
-            .pad {
-                @apply(--layout-flex);
-                /*@apply(--layout-vertical);*/
+            paper-tab:nth-last-child(2) {
+                border-right: 0;
             }
-            .primary {
-                font-weight: bold;
+            paper-tab.iron-selected {
+                color: #FFFFFF;
+                background: #2196F3;;
             }
-            .item.expanded .primary {
+            paper-tab:not(.iron-selected):hover {
                 color: #2196F3;
             }
-            .longText {
-                display: none;
-            }
-
-            .item.expanded .longText {
-                display: block;
+            paper-input {
+                --paper-input-container-focus-color: #2196F3;
             }
-            #select_dataset_container {
-                margin-top: 8px;
+            paper-icon-button {
+                height: 48px;
+                width: 48px;
+                padding: 8px;
             }
-            #select_dataset_container * {
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                font-size: 16px;
-                line-height: 24px;
-            }
+            paper-icon-button[icon="settings"] {
+                cursor: pointer;
+                color: #00BCD4;
+                --paper-icon-button-ink-color: #00BCD4;
-            #select_dataset_container #neon_container {
-                height: calc(100% - 172px);
-                width: calc(100% - 8px);
+                background: #E0E0E0;
+                float: right;
+                position: absolute;
+                right: 0;
             }
-            #select_dataset_container #list_info {
-                display: flex;
-                height: calc(100% - 48px);
-                width: calc(100% + 8px);/*bad*/
+            paper-icon-button[icon="info-outline"] {
+                cursor: help;
             }
-            #select_dataset_container #list_container {
-                position: relative;
-                height: 100%;
-                width: 50%;
-                border-left: 4px solid #B6B6B6;
+            :host {
+            --paper-dropdown-menu-icon: {
+                 color: #000000;
+             };
+            --paper-dropdown-menu-ripple: {
+                 color: #FFFFFF;
+             };
             }
-            #select_dataset_container #info_container {
-                position: relative;
-                height: 100%;
+            paper-dropdown-menu {
+                /*width: 200px;*/
                 width: 50%;
-                border-right: 4px solid #B6B6B6;
-            }
-
-            #select_dataset_container #info {
-                position: relative;
-                height: calc(100% - 56px);
-                width: calc(100% - 56px);
-                padding: 11px;
-                border: 1px solid #B6B6B6;
-                border-radius: 4px;
-                background-color: #E0E0E0;
-                margin: 16px;
-            }
-
-            #select_dataset_container #treemap_container {
-                /*height: calc(100% - 244px);*/
-                /*width: calc(100% - 8px);*/
-                height: calc(100% - 48px);
-                width: 100%;
-                border: 4px solid #B6B6B6;
-                border-top: 0px;
-                border-bottom: 0px;
-                position: relative;
-            }
-
-            #select_dataset_container #header {
-                position: relative;
-                z-index: 1;
-                -webkit-box-shadow: 0 30px 24px -12px rgba(0, 0, 0, 0.14), 0 20px 30px -9px rgba(0, 0, 0, 0.12), 0 20px 10px -19px rgba(0, 0, 0, 0.4);
-                -moz-box-shadow: 0 30px 24px -12px rgba(0, 0, 0, 0.14), 0 20px 30px -9px rgba(0, 0, 0, 0.12), 0 20px 10px -19px rgba(0, 0, 0, 0.4);
-                box-shadow: 0 30px 24px -12px rgba(0, 0, 0, 0.14), 0 20px 30px -9px rgba(0, 0, 0, 0.12), 0 20px 10px -19px rgba(0, 0, 0, 0.4);
-
-                background-color: #B6B6B6;
-                display: flex;
-                padding: 0px 4px;
-            }
-
-            #select_dataset_container #footer_list {
-                position: relative;
-                z-index: 1;
-                -webkit-box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.14), 0 -20px 30px -9px rgba(0, 0, 0, 0.12), 0 -20px 10px -19px rgba(0, 0, 0, 0.4);
-                -moz-box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.14), 0 -20px 30px -9px rgba(0, 0, 0, 0.12), 0 -20px 10px -19px rgba(0, 0, 0, 0.4);
-                box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.14), 0 -20px 30px -9px rgba(0, 0, 0, 0.12), 0 -20px 10px -19px rgba(0, 0, 0, 0.4);
-            }
-
-            .noshadow {
-                -webkit-box-shadow: none !important;
-                -moz-box-shadow: none !important;
-                box-shadow: none !important;
+                --paper-input-container-focus-color: #2196F3;
             }
-            #select_dataset_container #footer_list,
-            #select_dataset_container #footer_treemap {
-                width: 100%;
-                background-color: #B6B6B6;
-                display: flex;
-                padding: 0px 4px;
+            paper-item {
+                min-width: 128px;
+                white-space: nowrap;
             }
-            #select_dataset_container #url {
-                height: 76px;/*100*/
-                border: 4px solid #B6B6B6;
-                border-top: 0px;
-                padding: 0px 16px;
-                margin-top: -4px;
+            paper-item.iron-selected {
+                background-color: #2196F3;
+                color: #FFFFFF;
             }
-            #header .header_block {
-                width: 20%;
-                height: 40px;
-                padding: 4px 16px 4px 16px;
+            paper-tooltip {
+                min-width: 400px;
+                --paper-tooltip-background: black;
             }
-            /*.header_block:nth-child(2), .header_block:nth-child(3), .header_block:nth-child(3), .header_block:nth-child(4){*/
-                /*visibility: hidden;*/
-            /*}*/
-
-            #header .header_block:nth-child(4) {
-                text-align: center;
+            #select_dataset_container br {
+                display: block;
+                margin-top: 8px;
+                content: " ";
             }
-            .footer_block {
-                width: calc((100% - 0px) / 3);
-                height: 24px;
-                padding: 12px 8px 12px 8px;
-                text-align: center;
+            #select_dataset_container p {
+                margin: 0;
+                padding: 0;
             }
-            .footer_block:nth-child(2) {
-                height: 48px;
-                padding: 0px 8px;
+            #select_dataset_container p .option {
+                color: #2196F3;;
+                font-weight: 700;
             }
-            #suggested_div {
-                visibility: hidden;
+            #select_dataset_container p .description {
             }
-            /*.info_resource_name {*/
-                /*color: #2196F3;*/
-                /*font-weight: bold;*/
-                /*line-height: 48px;*/
-            /*}*/
-
-            /*#ortelio {*/
-                /*/!*height: calc(100% - 172px);*!/*/
-                /*/!*width: calc(100% - 8px);*!/*/
-                /*height: 100%;*/
-                /*width: 100%;*/
-                /*background-color: red;*/
-            /*}*/
         </style>
         <paper-material id="select_dataset_container" elevation="5">
-
-            <paper-tabs selected="{{selected}}" no-bar>
-                <paper-tab on-tap="_refreshList" noink><span id="listView"></span></paper-tab>
-                <paper-tab on-tap="_noShadow" noink><span id="treeMapView"></span></paper-tab>
-                <paper-tab on-tap="_hideSearch" noink><span id="extendedSearch"></span></paper-tab>
+            <paper-tabs selected={{tabIndex}} no-bar>
+                <paper-tab noink on-tap="_setProvidersDatasets"><span id="providers_datasets"></span></paper-tab>
+                <paper-tab noink on-tap="_setLocalDatasets"><span id="spod_users_datasets"></span></paper-tab>
+                <paper-tab noink on-tap="_setExtendedDatasets"><span id="extended_datasets"></span></paper-tab>
             </paper-tabs>
-            <div id="header">
-                <div class="header_block">
+            <div id="options">
+
+                <div id="options_header"></div>
+
+                <div id="provider_option" class="header_block">
+                    {{_getLocalization('provider')}}:&nbsp;
                     <paper-dropdown-menu id="ddl_provider" label="" no-label-float>
-                        <paper-menu class="dropdown-content" selected="0">
-                            <paper-item id="0" on-tap="_filter"></paper-item>
-                            <template is="dom-repeat" items={{_toArray(providers)}} as="provider">
-                                <!--<paper-item id={{provider.value.id}} style$="background: {{_getProviderColor(provider.value.id)}};">{{provider.value.title}}</paper-item>-->
-                                <paper-item id={{provider.value.id}} on-tap="_filter">{{provider.value.title}}</paper-item>
+                        <paper-menu id="menu_provider" class="dropdown-content">
+                            <paper-item id="0" on-tap="_setProvidersDatasets"><span id="all"></span></paper-item>
+                            <template is="dom-repeat" items={{_toArray(providers)}}>
+                                <paper-item id={{item.value.id}} on-tap="_setProvidersDatasets">{{item.value.title}}</paper-item>
                             </template>
                         </paper-menu>
                     </paper-dropdown-menu>
+                    <paper-icon-button id="info_provider" icon="info-outline" noink></paper-icon-button>
+                    <paper-tooltip id="tooltip_provider" for="info_provider" offset="8">
+                        <p>
+                            <span class="option">{{_getLocalization('all')}}</span><br>
+                            <span class="description">{{_getLocalization('allDescription')}}</span><br>
+                            <span class="option">{{_getLocalization('providerName')}}</span><br>
+                            <span class="description">{{_getLocalization('providerNameDescription')}}</span><br>
+                        </p>
+                    </paper-tooltip>
                 </div>
-                <div class="header_block">
-                </div>
-                <div class="header_block">
-                </div>
-                <div class="header_block">
-                </div>
-                <div class="header_block">
-                    <paper-input id="datasets_filter" value={{filter}} no-label-float label="">
-                        <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>
+
+                <!--<div id="view_option" class="header_block">-->
+                    <!--{{_getLocalization('view')}}:&nbsp;-->
+                    <!--<paper-dropdown-menu id="ddl_view" label="" no-label-float>-->
+                        <!--<paper-menu id="menu_view" class="dropdown-content">-->
+                            <!--<paper-item id="0" on-tap=""><span id="list"></span></paper-item>-->
+                            <!--<paper-item id="1" on-tap="" disabled><span id="tree"></span></paper-item>-->
+                        <!--</paper-menu>-->
+                    <!--</paper-dropdown-menu>-->
+                    <!--<paper-icon-button id="info_view" icon="info-outline" noink></paper-icon-button>-->
+                    <!--<paper-tooltip id="tooltip_view" for="info_view" offset="8">-->
+                        <!--<p>-->
+                            <!--<span class="option">{{_getLocalization('list')}}</span><br>-->
+                            <!--<span class="description">{{_getLocalization('listDescription')}}</span><br>-->
+                            <!--<span class="option">{{_getLocalization('tree')}}</span><br>-->
+                            <!--<span class="description">{{_getLocalization('treeDescription')}}</span><br>-->
+                        <!--</p>-->
+                    <!--</paper-tooltip>-->
+                <!--</div>-->
+
+                <!--<div id="search_option" class="header_block">-->
+                    <!--{{_getLocalization('search')}}:&nbsp;-->
+                    <!--<paper-dropdown-menu id="ddl_search" label="" no-label-float>-->
+                        <!--<paper-menu id="menu_search" class="dropdown-content">-->
+                            <!--<paper-item><span id="standard"></span></paper-item>-->
+                            <!--<paper-item disabled><span id="extended"></span></paper-item>-->
+                        <!--</paper-menu>-->
+                    <!--</paper-dropdown-menu>-->
+                    <!--<paper-icon-button id="info_search" icon="info-outline" noink></paper-icon-button>-->
+                    <!--<paper-tooltip id="tooltip_search" for="info_search" offset="8">-->
+                        <!--<p>-->
+                            <!--<span class="option">{{_getLocalization('standard')}}</span><br>-->
+                            <!--<span class="description">{{_getLocalization('standardDescription')}}</span><br>-->
+                            <!--<span class="option">{{_getLocalization('extended')}}</span><br>-->
+                            <!--<span class="description">{{_getLocalization('extendedDescription')}}</span><br>-->
+                        <!--</p>-->
+                    <!--</paper-tooltip>-->
+                <!--</div>-->
+
+                <div id="version_option" class="header_block">
+                    {{_getLocalization('version')}}:&nbsp;
+                    <paper-dropdown-menu id="ddl_version" label="" no-label-float>
+                        <paper-menu id="menu_version" class="dropdown-content">
+                            <paper-item id="0" on-tap="_showLast"><span id="show_last"></span></paper-item>
+                            <paper-item id="1" on-tap="_showAll"><span id="show_all"></span></paper-item>
+                        </paper-menu>
+                    </paper-dropdown-menu>
+                    <paper-icon-button id="tooltip_version" icon="info-outline" noink></paper-icon-button>
+                    <paper-tooltip id="tooltip_version" for="tooltip_version" offset="8">
+                        <p>
+                            <span class="option">{{_getLocalization('showLast')}}</span><br>
+                            <span class="description">{{_getLocalization('showLastDescription')}}</span><br>
+                            <span class="option">{{_getLocalization('showAll')}}</span><br>
+                            <span class="description">{{_getLocalization('showAllDescription')}}</span><br>
+                        </p>
+                    </paper-tooltip>
                 </div>
+
+                <!--<paper-icon-button icon="settings" on-click="_optionsMenu"></paper-icon-button>-->
+
             </div>
-            <neon-animated-pages id="neon_container" selected="{{selected}}" entry-animation="fade-in-animation" exit-animation="fade-out-animation">
-
-                <neon-animatable>
-                    <div id="list_info">
-                        <div id="list_container">
-                            <iron-list id="list" items="{{shownDatasets}}" selection-enabled>
-                                <template>
-                                    <div>
-                                        <div class$="{{getClassForItem(selected)}}" on-tap="_selectDataUrl" style$="background: {{_getColorForItem(item)}};">
-                                            <span style="display:none;">{{item.url}}</span>
-                                            <div class="pad">
-                                                <div class="primary">{{item.resource_name}}</div>
-                                                <!--<div class="longText">-->
-                                                    <!--<template is="dom-repeat" items="{{_stringToArray(item.metas)}}" as="mata">-->
-                                                        <!--<b>{{mata.name}}:</b>-->
-                                                        <!--<span inner-h-t-m-l="{{mata.value}}"></span> <br>-->
-                                                    <!--</template>-->
-                                                <!--</div>-->
-                                            </div>
-                                            <iron-icon icon$="{{_getIconForItem(item)}}" style$="color: {{_getColorForIcon(item)}};"></iron-icon>
-                                        </div>
-                                    </div>
-                                </template>
-                            </iron-list>
-                        </div>
-                        <div id="info_container">
-                            <div id="info">
-                            </div>
-                        </div>
-                    </div>
-
-                    <div id="footer_list">
-                        <div class="footer_block"><span id="showing"></span> {{shownPrev}} <span id="to"></span> {{shownNext}} <span id="of"></span> {{length}} <span id="datasets"></span></div>
-                        <div class="footer_block">
-                            <paper-icon-button id="slider_chevron_left" class="chevron-left" on-click="_onPrevClick" icon="chevron-left"></paper-icon-button>
-                            <paper-icon-button id="slider_chevron_right" class="chevron-right" on-click="_onNextClick" icon="chevron-right"></paper-icon-button>
-                        </div>
-                        <div id="suggested_div" class="footer_block">
-                            <!--<template is="dom-if" if={{suggestedDatasets}}>-->
-                                <paper-checkbox checked on-change="showSuggested"><span id="suggested_datasets"></span></paper-checkbox>
-                            <!--</template>-->
-                        </div>
-                    </div>
-                </neon-animatable>
-
-                <neon-animatable>
-                    <div id="treemap_container"></div>
-
-                    <div id="footer_treemap">
-                        <div class="footer_block"><span id="showing2"></span> {{tLength}} <span id="datasets2"></span></div>
-                        <div class="footer_block"></div>
-                        <div class="footer_block"></div>
-                    </div>
-                </neon-animatable>
-
-                <neon-animatable>
-                    <!--<div id="ortelio">-->
-                        <ortelio-controllet datasets={{datasets}}></ortelio-controllet>
-                    <!--</div>-->
-                </neon-animatable>
-
-            </neon-animated-pages>
-
-            <div id="url">
-                <paper-textarea id="selected_url" label="" value={{dataUrl}} error-message={{errorMessage}}></paper-textarea>
+            <div id="datasets_list_container">
+                <datasets-list-controllet id="datasets_list"></datasets-list-controllet>
             </div>
+            <div id="url"><paper-input id="selected_url" label="" value={{dataUrl}} error-message={{errorMessage}}></paper-input></div>
         </paper-material>
     </template>
@@ -416,211 +273,137 @@
         HTMLImports.whenReady(function() {
             Polymer({
                 is: 'select-dataset-controllet',
+
                 properties: {
+
+                    tabIndex: {
+                        type: Number,
+                        value: 0
+                    },
+
                     datasets: {
                         type: Object,
                         value: undefined
                     },
-                    filteredDatasets : {
-                        type : Array,
-                        value : undefined
-                    },
-                    shownDatasets : {
-                        type : Array,
-                        value : undefined
-                    },
+
                     suggestedDatasets : {
                         type : Array,
                         value : undefined
                     },
-                    providers : {
-                        type : Array,
-                        value : undefined
-                    },
                     dataUrl : {
                         type  : String,
                         value : undefined,
                         observer : '_fireDataUrl'
-                    },
-                    filter : {
-                        type  : String,
-                        value : "",
-                        observer : '_filter'
-                    },
-                    selected : {
-                        type  : Number,
-                        value : 0
-                    },
-                    prev : {type  : Number, value : undefined},
-                    next : {type  : Number, value : undefined},
-                    shownPrev : {type  : Number, value : undefined},
-                    shownNext : {type  : Number, value : undefined},
-                    length : {type  : Number, value : undefined},
-                    tLength : {type  : Number, computed : 'treemapLength(length)'},
-                    step : {type  : Number, value : 20},
-                    colors : {
-                        type : Array,
-                        value : ["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5","#ffed6f"]
                     }
+
                 },
                 listeners: {
-                    'datasetexplorer-datalet_data-url': '_selectDataUrl_treeMap'
+                    'datasets-list-controllet_dataset' : '_selectDataUrl'
                 },
                 ready : function() {
+                    this._translate();
+
                     $(this.$.list_container).perfectScrollbar();
                     $(this.$.info).perfectScrollbar();
-//                    this.$.selected_url.invalid = true;
+                    this.options = true;
                 },
-                attached: function() {
+                attached : function() {
+                    this._translate();
+
                     this._resize();
                     var that = this;
-                    window.addEventListener("resize", function() { that._resize(); that._loadTreeMap();});
+                    window.addEventListener("resize", function() { that._resize() });
+
+                    this.providers = this.datasets["result"]["providers"];
+                    this.providersDatasets = this.datasets["result"]["datasets"];
-//                    this.providers = that.datasets["result"]["providers"];
-//                    this.datasets = that.datasets["result"]["datasets"];
+                    if(this.suggestedDatasets)
+                        this.providersDatasets = this.suggestedDatasets.concat(this.providersDatasets);
                     $.ajax({
                         url: "/cocreation/ajax/get-all-dataset",
                         dataType: "json",
-                        success: function(spodDatasets){
-
-                            that.providers = $.extend(that.datasets["result"]["providers"], {99: {api_url: "/cocreation/ajax/get-all-dataset", id: "99", image_hash: "SPOD", title: "SPOD"}});
-                            that.datasets = $.merge(spodDatasets, that.datasets["result"]["datasets"]);
-
-                            if(that.suggestedDatasets) {
-                                that.tempDatasets = that.datasets;
-                                that.datasets = that.suggestedDatasets.concat(that.datasets);
-                                that.$.suggested_div.style.visibility = "visible";
-                            }
-
-                            that.filteredDatasets = that.datasets;
-
-                            that.prev = 1;
-                            that.next = that.step;
-                            that.length = that.filteredDatasets.length;
-
-                            that.shownPrev = Math.min(that.prev, that.length);
-                            that.shownNext = Math.min(that.next, that.length);
-                            that.shownDatasets = that.filteredDatasets.slice(that.prev-1, that.next);
-
-                            that.$.list.scrollTarget = that.ownerDocument.documentElement;
-
-                            that._translate();
-
-                            that._loadTreeMap();
+                        success: function(localDatasets){
+                            that.localDatasets = localDatasets;
+                            that.lastLocalDatasets = [];
+                            var resource_name = "";
+                            for(var i in localDatasets)
+                                if(localDatasets[i].resource_name != resource_name) {
+                                    that.lastLocalDatasets.push(localDatasets[i]);
+                                    resource_name = localDatasets[i].resource_name;
+                                }
+                        },
+                        error: function(){
+                            that.localDatasets = [];
+                            that.lastLocalDatasets = [];
                         }
                     });
-                },
-
-                _translate : function(){
-                    this.$.listView.innerHTML    = ln["listView_" + ln["localization"]];
-                    this.$.treeMapView.innerHTML = ln["treeMapView_" + ln["localization"]];
-                    this.$.extendedSearch.innerHTML = ln["extendedSearch_" + ln["localization"]];
-
-                    this.$.ddl_provider.setAttribute("label", ln["provider_" + ln["localization"]]);
-                    this.$.datasets_filter.setAttribute("label", ln["search_" + ln["localization"]]);
-                    this.$.suggested_datasets.innerHTML = ln["suggestedDatasets_" + ln["localization"]];
+                    this._setProvidersDatasets();
+                },
-                    this.$.showing.innerHTML = ln["showing_" + ln["localization"]];
-                    this.$.showing2.innerHTML = ln["showing_" + ln["localization"]];
-                    this.$.to.innerHTML = ln["to_" + ln["localization"]];
-                    this.$.of.innerHTML = ln["of_" + ln["localization"]];
-                    this.$.datasets.innerHTML = ln["datasets_" + ln["localization"]];
-                    this.$.datasets2.innerHTML = ln["datasets_" + ln["localization"]];
+                showDatasetInfo : function() {
+                    this.$.datasets_list.showDatasetInfo();
+                },
+                _translate : function(){
                     this.$.selected_url.setAttribute("label", ln["selectedUrl_" + ln["localization"]]);
                     this.errorMessage = ln["wrongUrl_" + ln["localization"]];
-                },
-                showSuggested : function(e) {
-                    if(e.target.checked)
-                        this.datasets = this.suggestedDatasets.concat(this.tempDatasets);
-                    else
-                        this.datasets = this.tempDatasets;
-                    this._filter();
-                },
+                    this.$.providers_datasets.innerHTML = ln["providersDatasets_" + ln["localization"]];
+                    this.$.spod_users_datasets.innerHTML = ln["spodUsersDatasets_" + ln["localization"]];
+                    this.$.extended_datasets.innerHTML = ln["extendedDatasets_" + ln["localization"]];
-                _loadTreeMap : function(){
-                    var h = $("#neon_container").height() - 48;
-                    var w = $("#neon_container").width();
+                    this.$.options_header.innerHTML = ln["datasets_" + ln["localization"]];
-                    var data = JSON.stringify({result : {providers: this.providers, datasets: this.filteredDatasets}}).replace(/'/g, "");
+                    this.$.all.innerHTML = ln["all_" + ln["localization"]];
+//                    this.$.list.innerHTML = ln["list_" + ln["localization"]];
+//                    this.$.tree.innerHTML = ln["tree_" + ln["localization"]];
+//                    this.$.standard.innerHTML = ln["standard_" + ln["localization"]];
+//                    this.$.extended.innerHTML = ln["extended_" + ln["localization"]];
+                    this.$.show_last.innerHTML = ln["showLast_" + ln["localization"]];
+                    this.$.show_all.innerHTML = ln["showAll_" + ln["localization"]];
-                    if(this.filteredDatasets.length > 0)
-                        this.$.treemap_container.innerHTML = "<datasetexplorer-datalet data='"+data+"' width=\""+w+"\" height=\""+h+"\" fields='[\"provider_name\",\"organization_name\",\"package_name\",\"resource_name\",\"url\",\"w\",\"metas\"]'></datasetexplorer-datalet>";
-                    else
-                        this.$.treemap_container.innerHTML = "";
+                    this.$.menu_provider.select(0);
+//                    this.$.menu_view.select(0);
+//                    this.$.menu_search.select(0);
+                    this.$.menu_version.select(0);
                 },
-                _filter : function() {
-                    if(this.filteredDatasets) {
-                        this.async(function () {
-                            var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
-                            var name = ddl_provider.innerHTML.trim();
-                            var id = this._getIdByProviderName(name);
-                            this.prev = 1;
-                            this.next = this.step;
-                            if (id) {
-                                //filtered by provider name
-                                this.filteredDatasets = this.datasets.filter(function (el) {
-                                    return el.provider_name == "p:" + id;
-                                });
-                            }
-                            else {
-                                this.filteredDatasets = this.datasets;
-                            }
-
-                            //filtered by filter
-                            var filter = this.filter;
-                            this.filteredDatasets = this.filteredDatasets.filter(function (el) {
-                                return el.resource_name.toLowerCase().indexOf(filter.toLowerCase()) > -1;
+                _setProvidersDatasets : function() {
+                    this.async(function () {
+                        var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
+                        var name = ddl_provider.innerHTML.trim();
+                        var id = this._getIdByProviderName(name);
+                        if (id) {
+                            var providerDatasets = this.providersDatasets.filter(function (el) {
+                                return el.provider_name == "p:" + id;
                             });
+                            this.$.datasets_list.setDatasets(providerDatasets);
+                        }
+                        else
+                            this.$.datasets_list.setDatasets(this.providersDatasets);
-                            this.length = this.filteredDatasets.length;
-
-                            this.shownPrev = Math.min(this.prev, this.length);
-                            this.shownNext = Math.min(this.next, this.length);
-                            this.shownDatasets = this.filteredDatasets.slice(this.prev - 1, this.next);
-
-                            $("#list_container").animate({scrollTop: 0}, 0);
-
-                            this._loadTreeMap();
-                        }, 0);
-                    }
-                },
-
-                _refreshList : function() {
-                    this.shownDatasets = this.filteredDatasets.slice(this.prev - 1, this.next);
-
-                    this.$.header.style.display = "flex";
-                    this.$.header.style.visibility = "visible";
-//                    this.$.url.style.marginTop = "-4px";
-
-                    this.$.header.className = this.$.header.className.replace(" noshadow", "");
-                },
-
-                _noShadow : function() {
-                    this.$.header.style.display = "flex";
-                    this.$.header.style.visibility = "visible";
-//                    this.$.url.style.marginTop = "-4px";
-
-                    this.$.header.className += " noshadow";
+                        this._showOptions();
+                    }, 0);
                 },
-                _hideSearch : function() {
-//                    this.$.header.style.display = "none";
-                    this.$.header.style.visibility = "hidden";
-//                    this.$.url.style.marginTop = "44px";
+                _setLocalDatasets : function() {
+                    if(this.$.ddl_version.selectedItem.id == 0)
+                        this._showLast();
+                    else
+                        this._showAll();
+                    this._showOptions();
                 },
-                _clearInput : function() {
-                    this.$.datasets_filter.value = "";
+                _setExtendedDatasets : function() {
+                    this.$.datasets_list.setDatasets([]);//tutto molto bello, clap, clap, clapù
+                    this._showOptions()
                 },
                 _getIdByProviderName : function(name) {
@@ -630,104 +413,56 @@
                     }
                 },
-//                iconForItem: function(item) {
-//                    return item ? (item.integer < 50 ? 'star-border' : 'info-outline') : '';
-//                },
-
-                treemapLength : function(length) {
-                    var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
-                    var name = ddl_provider.innerHTML.trim();
-                    var id = this._getIdByProviderName(name);
-
-                    if(this.suggestedDatasets && !id)
-                        return Math.max(length - this.suggestedDatasets.length, 0);
-                    return length;
-                },
-
-                _getColorForIcon : function(item) {
-                    var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
-                    var name = ddl_provider.innerHTML.trim();
-                    var id = this._getIdByProviderName(name);
-                    if (id) {
-                        return this.colors[0];
-                    }
-                    if(!item.provider_name) {
-                        return "#00BCD4";
-                    }
-                    var id = item.provider_name.substring(2, item.provider_name.length);
-                    var i = this.getProviderById(id) % this.colors.length;
-                    return this.colors[i];
-                },
-
-                _getColorForItem : function(item) {
-//                    var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
-//                    var name = ddl_provider.innerHTML.trim();
-//                    var id = this._getIdByProviderName(name);
-//                    if (id) {
-//                        return this.colors[0];
-//                    }
-                    if(!item.provider_name) {
-                        return "#FFEB3B";
-                    }
-//                    var id = item.provider_name.substring(2, item.provider_name.length);
-//                    var i = this.getProviderById(id) % this.colors.length;
-//                    return this.colors[i];
+                _optionsMenu : function() {
+                    this.options = !this.options;
+                    this._showOptions();
                 },
-                _getIconForItem : function(item) {
-                    return item.provider_name ? 'bookmark' : 'star';
-                },
-
-//                _getProviderColor: function(id) {
-//                    var i = this.getProviderById(id) % this.colors.length;
-//                    return this.colors[i];
-//                },
-
-                getClassForItem: function(selected) {
-                    return selected ? 'item expanded' : 'item';
+                _showOptions : function() {
+                    this.async(function () {
+                        if(!this.options) {
+                            this.$.options_header.style.display = "block";
+                            this.$.provider_option.style.display = "none";
+//                            this.$.view_option.style.display = "none";
+//                            this.$.search_option.style.display = "none";
+                            this.$.version_option.style.display = "none";
+                        }
+                        else if(this.tabIndex == 0) {
+                            this.$.options_header.style.display = "none";
+                            this.$.provider_option.style.display = "block";
+//                            this.$.view_option.style.display = "block";
+//                            this.$.search_option.style.display = "block";
+                            this.$.version_option.style.display = "none";
+                        }
+                        else if(this.tabIndex == 1) {
+                            this.$.options_header.style.display = "none";
+                            this.$.provider_option.style.display = "none";
+//                            this.$.view_option.style.display = "none";
+//                            this.$.search_option.style.display = "none";
+                            this.$.version_option.style.display = "block";
+                        }
+                        else if(this.tabIndex == 2) {
+                            this.$.options_header.style.display = "block";
+                            this.$.provider_option.style.display = "none";
+//                            this.$.view_option.style.display = "none";
+//                            this.$.search_option.style.display = "none";
+                            this.$.version_option.style.display = "none";
+                        }
+                    }, 0);
                 },
-                getProviderById: function(providerId) {
-                    var i = 0;
-                    for(var id in this.providers){
-                        if(this.providers[id].id == providerId)
-                            return i;
-                        i++;
-                    }
+                _showAll : function() {
+                    this.$.datasets_list.showVersion(true);
+                    this.$.datasets_list.setDatasets(this.localDatasets);
                 },
-                _onPrevClick : function(){
-                    if(this.prev != 1) {
-                        this.prev -= this.step;
-                        this.next -= this.step;
-
-                        this.shownPrev = Math.min(this.prev, this.length);
-                        this.shownNext = Math.min(this.next, this.length);
-                        this.shownDatasets = this.filteredDatasets.slice(this.prev - 1, this.next);
-                    }
-                    $("#list_container").animate({ scrollTop: 0}, 0);
+                _showLast : function() {
+                    this.$.datasets_list.showVersion(false);
+                    this.$.datasets_list.setDatasets(this.lastLocalDatasets);
                 },
-                _onNextClick : function(){
-                    if(this.next < this.length) {
-                        this.prev += this.step;
-                        this.next += this.step;
-
-                        this.shownPrev = Math.min(this.prev, this.length);
-                        this.shownNext = Math.min(this.next, this.length);
-                        this.shownDatasets = this.filteredDatasets.slice(this.prev - 1, this.next);
-                    }
-                    $("#list_container").animate({ scrollTop: 0}, 0);
-                },
-
-                _stringToArray: function(obj) {
-                    obj = JSON.parse(obj);
-                    return Object.keys(obj).map(function(key) {
-                        return {
-                            name: key,
-                            value: obj[key]
-                        };
-                    });
+                _getLocalization : function(text){
+                    return ln[text + "_" + ln["localization"]];
                 },
                 _toArray: function(obj) {
@@ -739,74 +474,16 @@
                     });
                 },
-                _selectDataUrl : function(){
+                _selectDataUrl : function(e){
                     this.async(function () {
-                        if(this.$.list.selectedItem) {
-
-                            var metas = JSON.parse(this.$.list.selectedItem.metas);
-                            var html = "<span style=\"color: #2196F3; font-weight: bold;\">" + this.$.list.selectedItem.resource_name + "</span><br><br>";
-                            /*font-weight: bold;*/
-                            /*line-height: 48px;*/
-                            for(var i in metas)
-                                html += "<b>" + i + ":</b> " + metas[i] + "<br>";
-                            this.$.info.innerHTML = html;
-
-                            this.dataUrl = this.$.list.selectedItem.url;
-//                            var url = this.$.list.selectedItem.url;
-
-//                            url = utility_getResourceUrl(url);
-
-//                            // Check if CKAN
-//                            var strDatasetPos = url.indexOf('/dataset/');
-//                            var strResourcePos = (strDatasetPos >= 0) ? url.indexOf('/resource/') : -1;
-//                            if (strDatasetPos >= 0 && strResourcePos > strDatasetPos) {
-//                                var urlSegment1 = url.substring(0, strDatasetPos);
-//                                var urlResourceEnd = url.indexOf('/', strResourcePos + 10);
-//                                var resourceId = url.substring(strResourcePos + 10, urlResourceEnd);
-//                                url = urlSegment1 + "/api/action/datastore_search?resource_id=" + resourceId;
-//                            }
-//
-//                            // Check if OPENDATASOFT
-//                            var strExploreDatasetPos = url.indexOf('/explore/dataset/');
-//                            if (strExploreDatasetPos >= 0) {
-//                                var urlSegment1 = url.substring(0, strExploreDatasetPos);
-//                                var datasetEnd = url.indexOf(strExploreDatasetPos + 17, '/');
-//                                var datasetId = url.substring(strExploreDatasetPos + 17, datasetEnd >= 0 ? datasetEnd : url.length);
-//                                url = urlSegment1 + '/api/records/1.0/search?dataset=' + datasetId;
-//                            }
-
-//                            this.dataUrl = this._addlimitUrl(url);
-//                            this.dataUrl = url;
-                        }
-                        else {
-                            this.dataUrl = "";
-                            this.$.info.innerHTML = "";
-                        }
+                        this.dataUrl = e.detail.dataset.url;
                     }, 0);
                 },
-                _selectDataUrl_treeMap : function(e) {
-//                    this.dataUrl = this._addlimitUrl(e.detail.url);
-                    this.dataUrl = e.detail.url;
-                },
-
                 _fireDataUrl : function(){
-                    this.fire('dataset-selection-controllet_data-url', {url: this.dataUrl});
+                    this.fire('select-dataset-controllet_data-url', {url: this.dataUrl});
                 },
-//                _addlimitUrl : function(url){
-//                    //CKAN --> action no limit
-//                    if((url.indexOf("api/action") > -1) && !(url.indexOf("limit") > -1))
-//                    {
-//                        url += "&limit=99999";
-//                    }
-//                    //OpenDataSoft --> action no limit
-//                    if((url.indexOf("api/records") > -1) && !(url.indexOf("rows") > -1)){
-//                        url += "&rows=10000";
-//                    }
-//                    return url;
-//                },
-
                 _resize : function(){
                     var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - 16;
                     h = h - 64 - 8; //height with page scroller
-<link rel="import" href="../../bower_components/polymer/polymer.html">
-
-<link rel="import" href="../../bower_components/paper-tabs/paper-tabs.html">
-<link rel="import" href="../../bower_components/paper-tabs/paper-tab.html">
-
-<link rel="import" href="../../bower_components/neon-animation/neon-animation.html">
-<link rel="import" href="../../bower_components/neon-animation/neon-animatable.html">
-<link rel="import" href="../../bower_components/neon-animation/neon-animations.html">
-
-<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
-<!--<link rel="import" href="../../bower_components/app-layout/app-toolbar/app-toolbar.html">-->
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/paper-styles/color.html">
-<link rel="import" href="../../bower_components/paper-styles/typography.html">
-<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
-<link rel="import" href="../../bower_components/iron-image/iron-image.html">
-<link rel="import" href="../../bower_components/iron-list/iron-list.html">
-
-<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
-<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
-<link rel="import" href="../../bower_components/paper-item/paper-item.html">
-
-<link rel="import" href="../../bower_components/paper-input/paper-input.html">
-
-<link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
-
-<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
-
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/iron-icons/hardware-icons.html">
-<!--<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">-->
-
-<link rel="import" href="../../bower_components/paper-checkbox/paper-checkbox.html">
-
-<link rel="import" href="../../datalets/datasetexplorer-datalet/datasetexplorer-datalet.html">
-
-<dom-module id="select-dataset-controllet">
-    <template>
-        <style>
-            :host {
-            --paper-dropdown-menu-icon: {
-                 color: #000000;
-             };
-            --paper-dropdown-menu-ripple: {
-                 color: #FFFFFF;
-             };
-            /*--paper-tab-ink: {*/
-                 /*color: #FFFFFF;*/
-             /*};*/
-            }
-
-            iron-list {
-            --iron-list-items-container: {
-                margin:16px 16px 8px 16px;
-             };
-            }
-
-            paper-textarea {
-                width: 100%;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-input {
-                --paper-input-container-focus-color: #2196F3;
-            }
-            paper-dropdown-menu {
-                width: 100%;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-item.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
-            }
-
-            paper-checkbox {
-                height: 24px;
-                /*margin-top: 8px*/
-                --paper-checkbox-checked-color: #2196F3;
-                --paper-checkbox-checked-ink-color: #FFFFFF;
-                --paper-checkbox-unchecked-color: #000000;
-                --paper-checkbox-unchecked-ink-color: #FFFFFF;
-                --paper-checkbox-label-color: #000000;
-            }
-
-            paper-icon-button{
-                height: 48px;
-                width: 48px;
-                padding: 0px;
-                --paper-icon-button-ink-color: #FFFFFF;
-            }
-
-            paper-icon-button:hover{
-                color: #2196F3;
-            }
-
-            paper-icon-button[disabled]{
-                color: #B6B6B6;
-            }
-
-            paper-icon-button.clear {
-                width: 24px;
-                height: 24px;
-                padding: 0px 4px;
-                color: #F44336;
-                --paper-icon-button-ink-color: #FFFFFF;
-            }
-
-            paper-tabs {
-                font-weight: bold;
-            }
-
-            paper-tab {
-                transition: all 1.0s;
-            }
-
-            paper-tab.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
-            }
-
-            paper-tab:not(.iron-selected):hover {
-                color: #2196F3;
-            }
-
-            .item {
-                /*@apply(--layout-horizontal);*/
-                display: flex;
-                padding: 11px;
-                border: 1px solid #B6B6B6;
-                border-radius: 4px;
-                cursor: pointer;
-                margin-bottom: 8px;
-                background-color: #E0E0E0;
-            }
-
-            .pad {
-                @apply(--layout-flex);
-                /*@apply(--layout-vertical);*/
-            }
-
-            .primary {
-                font-weight: bold;
-            }
-
-            .item.expanded .primary {
-                color: #2196F3;
-            }
-
-            .longText {
-                display: none;
-            }
-
-            .item.expanded .longText {
-                display: block;
-            }
-
-            #select_dataset_container {
-                margin-top: 8px;
-            }
-
-            #select_dataset_container * {
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                font-size: 16px;
-                line-height: 24px;
-            }
-
-            #select_dataset_container #neon_container {
-                height: calc(100% - 172px);
-                width: calc(100% - 8px);
-            }
-
-            #select_dataset_container #list_container {
-                /*height: calc(100% - 244px);*/
-                /*width: calc(100% - 8px);*/
-                height: calc(100% - 48px);
-                width: 100%;
-                border: 4px solid #B6B6B6;
-                border-top: 0px;
-                border-bottom: 0px;
-                position: relative;
-            }
-
-            #select_dataset_container #treemap_container {
-                /*height: calc(100% - 244px);*/
-                /*width: calc(100% - 8px);*/
-                height: calc(100% - 48px);
-                width: 100%;
-                border: 4px solid #B6B6B6;
-                border-top: 0px;
-                border-bottom: 0px;
-                position: relative;
-            }
-
-            #select_dataset_container #header {
-                position: relative;
-                z-index: 1;
-                -webkit-box-shadow: 0 30px 24px -12px rgba(0, 0, 0, 0.14), 0 20px 30px -9px rgba(0, 0, 0, 0.12), 0 20px 10px -19px rgba(0, 0, 0, 0.4);
-                -moz-box-shadow: 0 30px 24px -12px rgba(0, 0, 0, 0.14), 0 20px 30px -9px rgba(0, 0, 0, 0.12), 0 20px 10px -19px rgba(0, 0, 0, 0.4);
-                box-shadow: 0 30px 24px -12px rgba(0, 0, 0, 0.14), 0 20px 30px -9px rgba(0, 0, 0, 0.12), 0 20px 10px -19px rgba(0, 0, 0, 0.4);
-
-                background-color: #B6B6B6;
-                display: flex;
-                padding: 0px 4px;
-            }
-
-            #select_dataset_container #footer_list {
-                position: relative;
-                z-index: 1;
-                -webkit-box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.14), 0 -20px 30px -9px rgba(0, 0, 0, 0.12), 0 -20px 10px -19px rgba(0, 0, 0, 0.4);
-                -moz-box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.14), 0 -20px 30px -9px rgba(0, 0, 0, 0.12), 0 -20px 10px -19px rgba(0, 0, 0, 0.4);
-                box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.14), 0 -20px 30px -9px rgba(0, 0, 0, 0.12), 0 -20px 10px -19px rgba(0, 0, 0, 0.4);
-            }
-
-            .noshadow {
-                -webkit-box-shadow: none !important;
-                -moz-box-shadow: none !important;
-                box-shadow: none !important;
-            }
-
-            #select_dataset_container #footer_list,
-            #select_dataset_container #footer_treemap {
-                width: 100%;
-                background-color: #B6B6B6;
-                display: flex;
-                padding: 0px 4px;
-            }
-
-            #select_dataset_container #url {
-                height: 76px;/*100*/
-                border: 4px solid #B6B6B6;
-                border-top: 0px;
-                padding: 0px 16px;
-                margin-top: -4px;
-            }
-
-            #header .header_block {
-                width: 20%;
-                height: 40px;
-                padding: 4px 16px 4px 16px;
-            }
-
-            /*.header_block:nth-child(2), .header_block:nth-child(3), .header_block:nth-child(3), .header_block:nth-child(4){*/
-                /*visibility: hidden;*/
-            /*}*/
-
-            #header .header_block:nth-child(4) {
-                text-align: center;
-            }
-
-            .footer_block {
-                width: calc((100% - 0px) / 3);
-                height: 24px;
-                padding: 12px 8px 12px 8px;
-                text-align: center;
-            }
-
-            .footer_block:nth-child(2) {
-                height: 48px;
-                padding: 0px 8px;
-            }
-
-            #suggested_div {
-                visibility: hidden;
-            }
-        </style>
-
-        <paper-material id="select_dataset_container" elevation="5">
-
-            <paper-tabs selected="{{selected}}" no-bar>
-                <paper-tab noink on-tap="_refreshList"><span id="listView"></span></paper-tab>
-                <!--<paper-tab noink ><span id="listView"></span></paper-tab>-->
-                <paper-tab on-tap="_noShadow" noink><span id="treeMapView"></span></paper-tab>
-            </paper-tabs>
-
-            <div id="header">
-                <div class="header_block">
-                    <paper-dropdown-menu id="ddl_provider" label="" no-label-float>
-                        <paper-menu class="dropdown-content" selected="0">
-                            <paper-item id="0" on-tap="_filter"></paper-item>
-                            <template is="dom-repeat" items={{_toArray(providers)}} as="provider">
-                                <!--<paper-item id={{provider.value.id}} style$="background: {{_getProviderColor(provider.value.id)}};">{{provider.value.title}}</paper-item>-->
-                                <paper-item id={{provider.value.id}} on-tap="_filter">{{provider.value.title}}</paper-item>
-                            </template>
-                        </paper-menu>
-                    </paper-dropdown-menu>
-                </div>
-                <div class="header_block">
-                </div>
-                <div class="header_block">
-                </div>
-                <div class="header_block">
-                </div>
-                <div class="header_block">
-                    <paper-input id="datasets_filter" value={{filter}} no-label-float label="">
-                        <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>
-                </div>
-            </div>
-
-            <neon-animated-pages id="neon_container" selected="{{selected}}" entry-animation="fade-in-animation" exit-animation="fade-out-animation">
-
-                <neon-animatable>
-                    <div id="list_container">
-                        <iron-list id="list" items="{{shownDatasets}}" selection-enabled><!--multi-selection-->
-                            <template>
-                                <div>
-                                    <div class$="{{getClassForItem(selected)}}" on-tap="_selectDataUrl" style$="background: {{_getColorForItem(item)}};">
-                                    <!--<div class$="{{getClassForItem(selected)}}" on-tap="_selectDataUrl">-->
-                                        <span style="display:none;">{{item.url}}</span>
-                                        <div class="pad">
-                                            <div class="primary">{{item.resource_name}}</div>
-                                            <!--<div class="shortText" style="display:none;">{{item.url}}</div>-->
-                                            <div class="longText">
-                                                <template is="dom-repeat" items="{{_stringToArray(item.metas)}}" as="mata">
-                                                    <b>{{mata.name}}:</b>
-                                                    <span inner-h-t-m-l="{{mata.value}}"></span> <br>
-                                                </template>
-                                            </div>
-                                        </div>
-                                        <!--<iron-icon icon$="[[iconForItem(item)]]"></iron-icon>-->
-                                        <!--<iron-icon icon="bookmark" style$="color: {{_getColorForItem(item)}};"></iron-icon>-->
-                                        <iron-icon icon$="{{_getIconForItem(item)}}" style$="color: {{_getColorForIcon(item)}};"></iron-icon>
-                                    </div>
-                                </div>
-                            </template>
-                        </iron-list>
-                    </div>
-
-                    <div id="footer_list">
-                        <div class="footer_block"><span id="showing"></span> {{shownPrev}} <span id="to"></span> {{shownNext}} <span id="of"></span> {{length}} <span id="datasets"></span></div>
-                        <div class="footer_block">
-                            <paper-icon-button id="slider_chevron_left" class="chevron-left" on-click="_onPrevClick" icon="chevron-left"></paper-icon-button>
-                            <paper-icon-button id="slider_chevron_right" class="chevron-right" on-click="_onNextClick" icon="chevron-right"></paper-icon-button>
-                        </div>
-                        <div id="suggested_div" class="footer_block">
-                            <!--<template is="dom-if" if={{suggestedDatasets}}>-->
-                                <paper-checkbox checked on-change="showSuggested"><span id="suggested_datasets"></span></paper-checkbox>
-                            <!--</template>-->
-                        </div>
-                    </div>
-                </neon-animatable>
-
-                <neon-animatable>
-                    <div id="treemap_container"></div>
-
-                    <div id="footer_treemap">
-                        <div class="footer_block"><span id="showing2"></span> {{tLength}} <span id="datasets2"></span></div>
-                        <div class="footer_block"></div>
-                        <div class="footer_block"></div>
-                    </div>
-                </neon-animatable>
-
-            </neon-animated-pages>
-
-            <div id="url">
-                <paper-textarea id="selected_url" label="" value={{dataUrl}} error-message={{errorMessage}}></paper-textarea>
-            </div>
-
-        </paper-material>
-
-    </template>
-
-    <script>
-        HTMLImports.whenReady(function() {
-            Polymer({
-                is: 'select-dataset-controllet',
-                properties: {
-                    datasets: {
-                        type: Object,
-                        value: undefined
-                    },
-                    filteredDatasets : {
-                        type : Array,
-                        value : undefined
-                    },
-                    shownDatasets : {
-                        type : Array,
-                        value : undefined
-                    },
-                    suggestedDatasets : {
-                        type : Array,
-                        value : undefined
-                    },
-
-                    providers : {
-                        type : Array,
-                        value : undefined
-                    },
-                    dataUrl : {
-                        type  : String,
-                        value : undefined,
-                        observer : '_fireDataUrl'
-                    },
-                    filter : {
-                        type  : String,
-                        value : "",
-                        observer : '_filter'
-                    },
-                    selected : {
-                        type  : Number,
-                        value : 0
-                    },
-                    prev : {type  : Number, value : undefined},
-                    next : {type  : Number, value : undefined},
-                    shownPrev : {type  : Number, value : undefined},
-                    shownNext : {type  : Number, value : undefined},
-                    length : {type  : Number, value : undefined},
-                    tLength : {type  : Number, computed : 'treemapLength(length)'},
-                    step : {type  : Number, value : 20},
-                    colors : {
-                        type : Array,
-                        value : ["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5","#ffed6f"]
-                    }
-                },
-
-                listeners: {
-                    'datasetexplorer-datalet_data-url': '_selectDataUrl_treeMap'
-                },
-
-                ready : function() {
-                    $(this.$.list_container).perfectScrollbar();
-
-//                    this.$.selected_url.invalid = true;
-                },
-
-                attached: function() {
-                    this._resize();
-                    var that = this;
-                    window.addEventListener("resize", function() { that._resize(); that._loadTreeMap();});
-
-                    this.providers = this.datasets["result"]["providers"];
-                    this.datasets = this.datasets["result"]["datasets"];
-
-                    if(this.suggestedDatasets) {
-                        this.tempDatasets = this.datasets;
-                        this.datasets = this.suggestedDatasets.concat(this.datasets);
-                        this.$.suggested_div.style.visibility = "visible";
-                    }
-
-                    this.filteredDatasets = this.datasets;
-
-                    this.prev = 1;
-                    this.next = this.step;
-                    this.length = this.filteredDatasets.length;
-
-                    this.shownPrev = Math.min(this.prev, this.length);
-                    this.shownNext = Math.min(this.next, this.length);
-                    this.shownDatasets = this.filteredDatasets.slice(this.prev-1, this.next);
-
-                    this.$.list.scrollTarget = this.ownerDocument.documentElement;
-
-                    this._translate();
-
-                    this._loadTreeMap();
-                },
-
-                _translate : function(){
-                    this.$.listView.innerHTML    = ln["listView_" + ln["localization"]];
-                    this.$.treeMapView.innerHTML = ln["treeMapView_" + ln["localization"]];
-
-                    this.$.ddl_provider.setAttribute("label", ln["provider_" + ln["localization"]]);
-                    this.$.datasets_filter.setAttribute("label", ln["search_" + ln["localization"]]);
-
-                    this.$.suggested_datasets.innerHTML = ln["suggestedDatasets_" + ln["localization"]];
-
-                    this.$.showing.innerHTML = ln["showing_" + ln["localization"]];
-                    this.$.showing2.innerHTML = ln["showing_" + ln["localization"]];
-                    this.$.to.innerHTML = ln["to_" + ln["localization"]];
-                    this.$.of.innerHTML = ln["of_" + ln["localization"]];
-                    this.$.datasets.innerHTML = ln["datasets_" + ln["localization"]];
-                    this.$.datasets2.innerHTML = ln["datasets_" + ln["localization"]];
-
-                    this.$.selected_url.setAttribute("label", ln["selectedUrl_" + ln["localization"]]);
-                    this.errorMessage = ln["wrongUrl_" + ln["localization"]];
-                },
-
-                showSuggested : function(e) {
-                    if(e.target.checked)
-                        this.datasets = this.suggestedDatasets.concat(this.tempDatasets);
-                    else
-                        this.datasets = this.tempDatasets;
-                    this._filter();
-                },
-
-                _loadTreeMap : function(){
-                    var h = $("#neon_container").height() - 48;
-                    var w = $("#neon_container").width();
-
-                    var data = JSON.stringify({result : {providers: this.providers, datasets: this.filteredDatasets}}).replace(/'/g, "");
-
-                    if(this.filteredDatasets.length > 0)
-                        this.$.treemap_container.innerHTML = "<datasetexplorer-datalet data='"+data+"' width=\""+w+"\" height=\""+h+"\" fields='[\"result,datasets,provider_name\",\"result,datasets,organization_name\",\"result,datasets,package_name\",\"result,datasets,resource_name\",\"result,datasets,url\",\"result,datasets,w\",\"result,datasets,metas\"]'></datasetexplorer-datalet>";
-                    else
-                        this.$.treemap_container.innerHTML = "";
-                },
-
-                _filter : function() {
-                    if(this.filteredDatasets) {
-                        this.async(function () {
-                            var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
-                            var name = ddl_provider.innerHTML.trim();
-                            var id = this._getIdByProviderName(name);
-                            this.prev = 1;
-                            this.next = this.step;
-                            if (id) {
-                                //filtered by provider name
-                                this.filteredDatasets = this.datasets.filter(function (el) {
-                                    return el.provider_name == "p:" + id;
-                                });
-                            }
-                            else {
-                                this.filteredDatasets = this.datasets;
-                            }
-
-                            //filtered by filter
-                            var filter = this.filter;
-                            this.filteredDatasets = this.filteredDatasets.filter(function (el) {
-                                return el.resource_name.toLowerCase().indexOf(filter.toLowerCase()) > -1;
-                            });
-
-                            this.length = this.filteredDatasets.length;
-
-                            this.shownPrev = Math.min(this.prev, this.length);
-                            this.shownNext = Math.min(this.next, this.length);
-                            this.shownDatasets = this.filteredDatasets.slice(this.prev - 1, this.next);
-
-                            $("#list_container").animate({scrollTop: 0}, 0);
-
-                            this._loadTreeMap();
-                        }, 0);
-                    }
-                },
-
-                _refreshList : function() {
-                    this.shownDatasets = this.filteredDatasets.slice(this.prev - 1, this.next);
-                    this.$.header.className = this.$.header.className.replace(" noshadow", "");
-                },
-
-                _noShadow : function() {
-                    console.log(this.$.header);
-                    this.$.header.className += " noshadow";
-                },
-
-                _clearInput : function() {
-                    this.$.datasets_filter.value = "";
-                },
-
-                _getIdByProviderName : function(name) {
-                    for(var id in this.providers) {
-                        if (this.providers[id].title == name)
-                            return this.providers[id].id;
-                    }
-                },
-
-//                iconForItem: function(item) {
-//                    return item ? (item.integer < 50 ? 'star-border' : 'info-outline') : '';
-//                },
-
-                treemapLength : function(length) {
-                    var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
-                    var name = ddl_provider.innerHTML.trim();
-                    var id = this._getIdByProviderName(name);
-
-                    if(this.suggestedDatasets && !id)
-                        return Math.max(length - this.suggestedDatasets.length, 0);
-                    return length;
-                },
-
-                _getColorForIcon : function(item) {
-                    var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
-                    var name = ddl_provider.innerHTML.trim();
-                    var id = this._getIdByProviderName(name);
-                    if (id) {
-                        return this.colors[0];
-                    }
-                    if(!item.provider_name) {
-                        return "#00BCD4";
-                    }
-                    var id = item.provider_name.substring(2, item.provider_name.length);
-                    var i = this.getProviderById(id) % this.colors.length;
-                    return this.colors[i];
-                },
-
-                _getColorForItem : function(item) {
-//                    var ddl_provider = $(this.$.ddl_provider).find("paper-menu")[0].selectedItem;
-//                    var name = ddl_provider.innerHTML.trim();
-//                    var id = this._getIdByProviderName(name);
-//                    if (id) {
-//                        return this.colors[0];
-//                    }
-                    if(!item.provider_name) {
-                        return "#FFEB3B";
-                    }
-//                    var id = item.provider_name.substring(2, item.provider_name.length);
-//                    var i = this.getProviderById(id) % this.colors.length;
-//                    return this.colors[i];
-                },
-
-                _getIconForItem : function(item) {
-                    return item.provider_name ? 'bookmark' : 'star';
-                },
-
-//                _getProviderColor: function(id) {
-//                    var i = this.getProviderById(id) % this.colors.length;
-//                    return this.colors[i];
-//                },
-
-                getClassForItem: function(selected) {
-                    return selected ? 'item expanded' : 'item';
-                },
-
-                getProviderById: function(providerId) {
-                    var i = 0;
-                    for(var id in this.providers){
-                        if(this.providers[id].id == providerId)
-                            return i;
-                        i++;
-                    }
-                },
-
-                _onPrevClick : function(){
-                    if(this.prev != 1) {
-                        this.prev -= this.step;
-                        this.next -= this.step;
-
-                        this.shownPrev = Math.min(this.prev, this.length);
-                        this.shownNext = Math.min(this.next, this.length);
-                        this.shownDatasets = this.filteredDatasets.slice(this.prev - 1, this.next);
-                    }
-                    $("#list_container").animate({ scrollTop: 0}, 0);
-                },
-
-                _onNextClick : function(){
-                    if(this.next < this.length) {
-                        this.prev += this.step;
-                        this.next += this.step;
-
-                        this.shownPrev = Math.min(this.prev, this.length);
-                        this.shownNext = Math.min(this.next, this.length);
-                        this.shownDatasets = this.filteredDatasets.slice(this.prev - 1, this.next);
-                    }
-                    $("#list_container").animate({ scrollTop: 0}, 0);
-                },
-
-                _stringToArray: function(obj) {
-                    obj = JSON.parse(obj);
-                    return Object.keys(obj).map(function(key) {
-                        return {
-                            name: key,
-                            value: obj[key]
-                        };
-                    });
-                },
-
-                _toArray: function(obj) {
-                    return Object.keys(obj).map(function(key) {
-                        return {
-                            name: key,
-                            value: obj[key]
-                        };
-                    });
-                },
-
-                _selectDataUrl : function(){
-                    this.async(function () {
-                        if(this.$.list.selectedItem) {
-                            var url = this.$.list.selectedItem.url;
-
-                            // Check if CKAN
-                            var strDatasetPos = url.indexOf('/dataset/');
-                            var strResourcePos = (strDatasetPos >= 0) ? url.indexOf('/resource/') : -1;
-                            if (strDatasetPos >= 0 && strResourcePos > strDatasetPos) {
-                                var urlSegment1 = url.substring(0, strDatasetPos);
-                                var urlResourceEnd = url.indexOf('/', strResourcePos + 10);
-                                var resourceId = url.substring(strResourcePos + 10, urlResourceEnd);
-                                url = urlSegment1 + "/api/action/datastore_search?resource_id=" + resourceId;
-                            }
-
-                            // Check if OPENDATASOFT
-                            var strExploreDatasetPos = url.indexOf('/explore/dataset/');
-                            if (strExploreDatasetPos >= 0) {
-                                var urlSegment1 = url.substring(0, strExploreDatasetPos);
-                                var datasetEnd = url.indexOf(strExploreDatasetPos + 17, '/');
-                                var datasetId = url.substring(strExploreDatasetPos + 17, datasetEnd >= 0 ? datasetEnd : url.length);
-                                url = urlSegment1 + '/api/records/1.0/search?dataset=' + datasetId;
-                            }
-
-                            this.dataUrl = this._addlimitUrl(url);
-                        }
-                        else {
-                            this.dataUrl = "";
-                        }
-                    }, 0);
-                },
-
-                _selectDataUrl_treeMap : function(e) {
-                    this.dataUrl = this._addlimitUrl(e.detail.url);
-                },
-
-                _fireDataUrl : function(){
-                    this.fire('dataset-selection-controllet_data-url', {url: this.dataUrl});
-                },
-
-                _addlimitUrl : function(url){
-                    //CKAN --> action no limit
-                    if((url.indexOf("api/action") > -1) && !(url.indexOf("limit") > -1))
-                    {
-                        url += "&limit=99999";
-                    }
-                    //OpenDataSoft --> action no limit
-                    if((url.indexOf("api/records") > -1) && !(url.indexOf("rows") > -1)){
-                        url += "&rows=10000";
-                    }
-                    return url;
-                },
-
-                _resize : function(){
-                    var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - 16;
-                    h = h - 64 - 8; //height with page scroller
-                    $("#select_dataset_container").height(h);
-                }
-            });
-        });
-    </script>
-</dom-module>
 \ No newline at end of file
@@ -45,8 +45,14 @@
         paper-item {
             cursor: pointer;
             color: #000000;
+            background: #FFFFFF;
             margin: 4px;
-            padding: 0px 12px;
+            padding: 0 12px;
+            /*background: rgba(0, 0, 0, 0.12);*/
+            border-radius: 2px;
+            border: 1px solid #B6B6B6;
+
+            /*background: #E0E0E0;*/
         }
         paper-item span {
@@ -72,7 +78,11 @@
         }
         paper-item:hover:not(.iron-selected) {
-            background-color: rgba(0, 0, 0, 0.12);
+            background-color: #BBDEFB;
+        }
+
+        #menu, #menu_container {
+            background-color: #E0E0E0;
         }
     </style>
 <link rel="import" href="../../bower_components/polymer/polymer.html"/>
 <link rel="import" href="../../bower_components/paper-material/paper-material.html"/>
 <link rel="import" href="../../bower_components/paper-fab/paper-fab.html"/>
+<link rel="import" href="../../bower_components/iron-icons/maps-icons.html">
 <link rel="import" href="../../bower_components/iron-icons/iron-icons.html"/>
 <link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html"/>
 <link rel="import" href="../../bower_components/neon-animation/neon-animation.html"/>
@@ -48,6 +49,7 @@
             </paper-dropdown-menu>
             <!--<paper-input id="shape_label" label="Shape label" maxlenght="30" value="{{label}}"></paper-input>-->
+            <paper-fab id="map_layer" class="cocreation_view_modes_button" mini icon="maps:satellite" on-click="_handleMapLayerClick" style="background-color:#B6B6B6"></paper-fab>
         </div>
@@ -139,7 +141,25 @@
                 label: {
                     type: String,
                     value: ""
+                },
+
+                satLayer: {
+                    type: Object,
+                    value: new ol.layer.Tile({
+                              title: 'Global Imagery',
+                              visible: false,
+                              source: new ol.source.BingMaps({
+                                key : "AiAjdlCagGtE5269Z4YP3e3VtMkzzAKvowq5cQadahNZjVxttUxdDS40u91Uv8qP",
+                                imagerySet: 'AerialWithLabels'
+                              })
+                          })
+                },
+
+                layers: {
+                    type : Array,
+                    value : []
                 }
+
             },
             ready : function(){
@@ -162,7 +182,7 @@
                         anchor: [0.5, 46],
                         anchorXUnits: 'fraction',
                         anchorYUnits: 'pixels',
-                        opacity: 0.75,
+                        opacity: 0.9,
                         src: 'http://services.routetopa.eu/DEEalerProvider/COMPONENTS/datalets/leafletjs-datalet/leafletsjs/images/marker-icon.png'
                     }))
                 });
@@ -176,7 +196,7 @@
                     source: this.source,
                     style: new ol.style.Style({
                         fill: new ol.style.Fill({
-                            color: 'rgba(255, 255, 255, 0.6)'
+                            color: 'rgba(255, 255, 255, 1.0)'
                         }),
                         stroke: new ol.style.Stroke({
                             color: '#ffff00',
@@ -201,8 +221,9 @@
                     loadTilesWhileAnimating: true,
                     loadTilesWhileInteracting: true,
                     layers: [baseLayer,
+                             this.satLayer,
                              new ol.layer.Vector({
-                                 source: this.vectorSource
+                                source: this.vectorSource
                              }),
                              this.draw_layer
                     ]
@@ -326,6 +347,11 @@
                 this.addInteraction();
             },
+            _handleMapLayerClick: function(e){
+                this.satLayer.setVisible(!this.satLayer.getVisible());
+
+            },
+
             getTextStyle: function(offsetX) {
                 return new ol.style.Style({
                     fill: new ol.style.Fill({
-<link rel="import" href="../../bower_components/polymer/polymer.html" />
-
-<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
-
-<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
-<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
-<link rel="import" href="../../bower_components/paper-item/paper-item.html">
-
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
-<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
-
-<dom-module id="select-datalet-inputs">
-
-    <template>
-
-        <style is="custom-style">
-            :host {
-            --paper-dropdown-menu-icon: {
-                 color: #2196F3;
-             };
-            }
-
-            #inputs_container {
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                font-size: 16px;
-
-                height: 100%;
-                width: 258px;
-            }
-
-            .inputs{
-                position: relative;
-            }
-
-            .input_header {
-                height: 32px;
-                padding-top: 16px;
-                text-align: center;
-                font-weight: 700;
-                background-color: #B6B6B6;
-            }
-
-            #expert_container {
-                display: none;
-            }
-
-            #expert_header {
-                height: 32px;
-                padding-top: 16px;
-                margin-top: 8px;
-                text-align: center;
-                font-weight: 700;
-                color: #00BCD4;
-                cursor: pointer;
-
-                display: none;
-            }
-
-            .info_button {
-                position: absolute;
-                top: 18px;
-                right: 0px;
-            }
-
-            paper-dropdown-menu {
-                height: 48px;
-                width: 210px;;
-                padding-left: 8px;
-                padding-bottom: 8px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-item.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
-            }
-
-            paper-icon-button {
-                color: #2196F3;
-                --paper-icon-button-ink-color: #2196F3;
-                margin: 0px;
-            }
-        </style>
-
-        <paper-material id="inputs_container" elevation="5">
-
-            <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={{_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>
-                            </template>
-                        </paper-menu>
-                    </paper-dropdown-menu>
-                    <div class="info_button">
-                        <paper-icon-button id="{{ddl_index}}" on-click="_setOrders" icon="unfold-more" title=""></paper-icon-button>
-                    </div>
-                </div>
-            </template>
-
-            <div id="expert_header" on-click="_showExpertMode"><span id="groupBy"></span></div>
-
-            <div id="expert_container">
-
-                <div class="inputs">
-                    <paper-dropdown-menu id="group_by" disabled>
-                        <paper-menu class="dropdown-content">
-                            <template is="dom-repeat" items={{groupableFields}}>
-                                <paper-item id={{index}} on-tap="_setAggregatorsFields">{{_fieldName(item)}}</paper-item>
-                            </template>
-                        </paper-menu>
-                    </paper-dropdown-menu>
-                </div>
-
-                <template is="dom-repeat" items="{{aggregateFields}}" as="field">
-                    <div class="inputs">
-                        <paper-dropdown-menu id="calculate_{{index}}" label="{{_calculateLabel()}}">
-                            <paper-menu class="dropdown-content">
-                                <template is="dom-repeat" items="{{functions}}">
-                                    <paper-item id={{index}} on-tap="_setAggregators">{{_operationName(index)}} : {{_fieldName(field)}}</paper-item>
-                                </template>
-                            </paper-menu>
-                        </paper-dropdown-menu>
-                    </div>
-                </template>
-
-            </div>
-
-        </paper-material>
-
-
-    </template>
-
-    <script>
-
-        Polymer({
-
-            is : 'select-datalet-inputs',
-
-            properties : {
-
-                //INPUT
-                fields : {type : Array, value : []},
-
-                //OUTPUT
-                selectedFields : {type : Array, value : []},
-                aggregators : {type : Array, value : []},
-                orders : {type : Array, value : []},
-
-                expert : {
-                    type  : Boolean,
-                    value : false
-                },
-
-                functions : {
-                    type  : Array,
-                    value : ["COUNT", "SUM", "MIN", "MAX", "AVG", "FIRST", "LAST"]
-                },
-
-                inputs : {
-                    type : Array,
-                    value : []
-                },
-
-                groupableFields : {
-                    type : Array,
-                    value : []
-                },
-
-                aggregateFields : {
-                    type : Array,
-                    value : []
-                }
-
-            },
-
-            ready : function() {
-                $(this.$.inputs_container).perfectScrollbar();
-            },
-
-            attached : function() {
-                this._translate();
-            },
-
-            _preselectInputs : function(fields, aggregators, orders) {
-                aggregators = JSON.parse(aggregators);
-                orders = JSON.parse(orders);
-
-                this.selectedFields = this._copy(fields);
-
-                var ddls = this.$.inputs_container.querySelectorAll("paper-dropdown-menu");
-
-                for (var i = 0; i < fields.length; i++)
-                   $(ddls[i]).find("paper-menu")[0].select(i+1);
-
-                if(orders.length > 0) {
-                    this.orders = this._copy(orders);//wrong
-                }
-
-                if(aggregators.length > 0) {
-
-                    this.$.group_by.removeAttribute("disabled");
-                    this._showExpertMode();
-
-                    var groupableFields = [];
-                    for (var i = 0; i < this.selectedFields.length; i++) {
-                        if(this.selectedFields[i])
-                            groupableFields.push(this.selectedFields[i]);
-                    }
-                    this.groupableFields = this._copy(groupableFields);
-                    this.aggregateFields = [];
-
-                    var index = this.groupableFields.indexOf(aggregators[0].field);
-
-                    this.async(function () {
-                        var menu = $(this.$.group_by).find("paper-menu")[0];
-                        menu.select(index);
-                    }, 0);
-
-                    var aggregateFields = [];
-                    for (var i = 0; i < this.groupableFields.length; i++) {
-                        if (i != index && this.groupableFields[i])
-                            aggregateFields.push(this.groupableFields[i]);
-                    }
-                    this.aggregateFields = this._copy(aggregateFields);
-
-                    this.async(function() {
-                        var ddls = document.getElementsByTagName("paper-dropdown-menu");
-                        var j = 1;
-                        for (var i = 0; i < ddls.length; i++){
-                            var id = ddls[i].id;
-                            if(id.indexOf("calculate") > -1) {
-                                var ii = this.functions.indexOf(aggregators[j].operation);
-                                j++;
-                                $(ddls[i]).find("paper-menu")[0].select(-1);
-                                $(ddls[i]).find("paper-menu")[0].select(ii);
-                            }
-                        }
-
-//                        this._setAggregators();
-                        this.aggregators = this._copy(aggregators);
-
-                        this.fireReady();
-                    }, 0);
-                }
-                else
-                    this.fireReady();
-            },
-
-            getSelectedFields : function () {
-                return this.selectedFields.filter(function(field){ return field != "" });
-            },
-
-            getAggregators : function () {
-                return this.aggregators;
-            },
-
-            getOrders : function () {
-                return this.orders;
-            },
-
-            setFields : function(fields) {
-                var temp = this._copy(fields);
-                temp.unshift("");
-
-                if (JSON.stringify(this.fields) != JSON.stringify(temp)) {
-                    this.fields = this._copy(temp);
-                    this.$.expert_header.style.display = "block";
-                    this._reset();
-                }
-            },
-
-            setInputs : function(inputs) {
-                var temp =  this._copy(inputs);
-                if (inputs.constructor != Array && inputs.name == "GEOJSON") {
-                    temp = [];
-                    temp.push(inputs);
-                }
-                else if (inputs.constructor != Array) {//table --> 1 input
-                    var name = inputs.name;
-                    var description = inputs.description;
-                    var selection = inputs.selection;
-                    temp = [];
-                    for (var i = 1; i < this.fields.length; i++)
-                        temp.push({name: name + " " + i, description: description, selection: selection});
-                }
-                else if (inputs.length > 2 && inputs[2].selection == "*") {//map --> multiple baloon content
-                    name = inputs[2].name;
-                    description = inputs[2].description;
-                    selection = inputs[2].selection;
-                    temp = [inputs[0], inputs[1]];
-                    temp.push({name: name + " 1", description: description, selection: selection});
-                    for (var i = 4; i < this.fields.length; i++)
-                        temp.push({name: name + " " +(i-2), description: description, selection: selection});
-                }
-//                else if (inputs.length > 4 && inputs[4].selection == "+") {//bubble --> multiple bubble content
-//                    name = inputs[4].name;
-//                    description = inputs[4].description;
-//                    selection = inputs[4].selection;
-//                    temp = [inputs[0], inputs[1], inputs[2], inputs[3]];
-//                    temp.push({name: name + " 1", description: description, selection: selection});
-//                    for (var i = 6; i < this.fields.length; i++)
-//                        temp.push({name: name + " " + (i-4), description: description, selection: selection});
-//                }
-
-                else if (inputs.length == 2 && inputs[1].selection == "*") {//
-                    name = inputs[1].name;
-                    description = inputs[1].description;
-                    selection = inputs[1].selection;
-                    temp = [inputs[0]];
-                    temp.push({name: name + " 1", description: description, selection: selection});
-                    for (var i = 3; i < this.fields.length; i++)
-                        temp.push({name: name + " " +(i-1), description: description, selection: selection});
-                }
-
-                else if (inputs.length == 3 && inputs[1].selection == "*") {//
-                    name = inputs[1].name;
-                    description = inputs[1].description;
-                    selection = inputs[1].selection;
-                    temp = [inputs[0]];
-                    temp.push({name: name + " 1", description: description, selection: selection});
-                    for (var i = 3; i < this.fields.length; i++)
-                        temp.push({name: name + " " +(i-1), description: description, selection: selection});
-
-                    temp.push(inputs[2]);
-                }
-
-                this.inputs = this._copy(temp);
-
-                this.selectedFields = new Array(temp.length);
-
-                this.selectedFields2 = new Array(temp.length);
-            },
-
-            fireReady : function() {
-                if(this._isReady())
-                    this.fire('select_visualization_inputs_ready', {isReady: true});
-                else
-                    this.fire('select_visualization_inputs_ready', {isReady: false});
-            },
-
-            _isReady : function() {
-                var fire = true;
-                for (var i = 0; i < this.selectedFields.length; i++) {
-                    if (!this.selectedFields[i] && this.inputs[i].selection != "+" && this.inputs[i].selection != "*" && this.inputs[i].selection != "?")
-                        return false;
-                    if(this.inputs[i].selection == "+")
-                        fire = false;
-                }
-
-                if(!fire) {
-                    for (var i = 0; i < this.selectedFields.length; i++) {
-                        if (this.selectedFields[i] && this.inputs[i].selection == "+") {
-                            fire = true;
-                            break;
-                        }
-                    }
-                }
-
-                return fire;
-            },
-
-            _reset : function() {
-                //this.fields = []; --> setFields
-                //this.inputs = []; --> setInputs
-                this.selectedFields = [];
-                this.aggregators = [];
-                //this.orders = []; --> _resetOrders
-                this._resetOrders();
-                this.expert = true;
-                this._showExpertMode();//expert --> false
-                this.groupableFields = [];
-                this.aggregateFields = [];
-
-                this.async(function () {
-                    //reset ddl
-                    var ddls = this.$.inputs_container.getElementsByTagName("paper-dropdown-menu");
-                    for (var i = 0; i < ddls.length; i++)
-                        $(ddls[i]).find("paper-menu")[0].select(-1);
-                    this.$.group_by.setAttribute("disabled", "");
-                    //reset orders
-                    this._resetOrders();
-                }, 1);
-            },
-
-            _translate : function(){
-                this.$.inputs.innerHTML = ln["inputs_" + ln["localization"]];
-                this.$.groupBy.innerHTML = ln["expertGroupBy_" + ln["localization"]];
-
-                this.$.group_by.setAttribute("label", ln["groupBy_" + ln["localization"]]);
-            },
-
-            _showExpertMode : function() {
-                if(!this.expert) {
-                    this.$.expert_header.style.color = "#000000";
-                    this.$.expert_header.style.background = "#B6B6B6";
-                    this.$.expert_container.style.display = "block";
-                }
-                else {
-                    this.$.expert_header.style.color = "#00BCD4";
-                    this.$.expert_header.style.background = "#FFFFFF";
-                    this.$.expert_container.style.display = "none";
-                }
-
-                this.expert = !this.expert;
-            },
-
-            getFields : function () {
-                return this.selectedFields2;
-            },
-
-            _addInput : function(e){
-                var selectedFields = this._copy(this.selectedFields);
-
-                var ddl_index = $(e.target).parents("paper-dropdown-menu")[0].id;
-
-                var index = e.target.id;
-                selectedFields[ddl_index] = this.fields[index];
-
-                this.selectedFields = this._copy(selectedFields);
-
-//                console.log(this.inputs[ddl_index].name);
-                this.selectedFields2[ddl_index] = {field: this.fields[index], input: this.inputs[ddl_index].name};
-
-                if(!this._isReady()) {
-                    this.$.group_by.setAttribute("disabled", "");
-
-                    this.groupableFields = [];
-                    this.aggregateFields = [];
-                }
-                else {
-                    this.$.group_by.removeAttribute("disabled");
-
-                    var groupableFields = [];
-                    for (var i = 0; i < this.selectedFields.length; i++) {
-                        if(this.selectedFields[i])
-                            groupableFields.push(this.selectedFields[i]);
-                    }
-                    this.groupableFields = this._copy(groupableFields);
-                    this.aggregateFields = [];
-
-                    this.async(function () {
-                        var menu = $(this.$.group_by).find("paper-menu")[0];
-                        menu.select(-1);
-                    }, 0);
-                }
-                this._setAggregators();
-            },
-
-            _setAggregatorsFields : function(e){
-                var index = e.target.id;
-                var aggregateFields = [];
-                for (var i = 0; i < this.groupableFields.length; i++) {
-                    if (i != index && this.groupableFields[i])
-                        aggregateFields.push(this.groupableFields[i]);
-                }
-                this.aggregateFields = this._copy(aggregateFields);
-
-                this.async(function() {
-                    var ddls = document.getElementsByTagName("paper-dropdown-menu");
-                    for (var i = 0; i < ddls.length; i++){
-                        var id = ddls[i].id;
-                        if(id.indexOf("calculate") > -1) {
-                            $(ddls[i]).find("paper-menu")[0].select(-1);
-                            $(ddls[i]).find("paper-menu")[0].select(0);
-                        }
-                    }
-
-                    this._setAggregators();
-                }, 0);
-            },
-
-            _setAggregators : function(){
-                this.async(function() {
-                    this.aggregators = [];
-
-                    this._resetOrders();
-
-                    var gb_menu = $(this.$.group_by).find("paper-menu")[0];
-                    var groupByField = this.groupableFields[gb_menu.selected];
-                    if(groupByField) {
-                        this.aggregators.push({"field": groupByField, "operation": "GROUP BY"});
-                        for (var i = 0; i < this.aggregateFields.length; i++){
-                            var c_menu = $("#calculate_"+i).find("paper-menu")[0];
-                            var operationIndex = c_menu.selectedItem.id;
-                            this.aggregators.push({"field": this.aggregateFields[i], "operation": this.functions[operationIndex]})
-                        }
-                    }
-
-                    this.fireReady();
-                }, 1);
-            },
-
-            _setOrders : function(e){
-                var t = e.target;
-                if(t.tagName.indexOf("IRON-ICON") > -1)
-                    t = $(e.target).parents("paper-icon-button")[0];
-
-                var icon = t.getAttribute("icon");
-                var id = t.getAttribute("id");
-                var field = this.selectedFields[id];
-
-                if(icon.indexOf("unfold-more") > -1){
-                    t.setAttribute("icon", "expand-less");
-                    t.setAttribute("title", ln["sortAscending_" + ln["localization"]]);
-                    var orders = this.orders.filter(function (el) { return el.field !== field; });
-                    orders.unshift({"field": field, "operation": "ASC"});
-                    this.orders = this._copy(orders);
-                }
-                else if(icon.indexOf("expand-less") > -1){
-                    t.setAttribute("icon", "expand-more");
-                    t.setAttribute("title", ln["sortDescending_" + ln["localization"]]);
-                    var orders = this.orders.filter(function (el) { return el.field !== field; });
-                    orders.unshift({"field": field, "operation": "DESC"});
-                    this.orders = this._copy(orders);
-                }
-                else if(icon.indexOf("expand-more") > -1){
-                    t.setAttribute("icon", "unfold-more");
-                    t.setAttribute("title", ln["unsort_" + ln["localization"]]);
-                    var orders = this.orders.filter(function (el) { return el.field !== field; });
-                    this.orders = this._copy(orders);
-                }
-
-                this.fireReady();
-            },
-
-            _resetOrders : function(){
-                var icons = this.$.inputs_container.querySelectorAll("paper-icon-button");
-                for (var i = 0; i < icons.length; i++){
-                    icons[i].setAttribute("icon", "unfold-more");
-                    icons[i].setAttribute("title", ln["unsort_" + ln["localization"]]);
-                }
-                this.orders = [];
-            },
-
-            _fieldName : function(field) {
-                return field.substring(field.lastIndexOf(",")+1, field.length);
-            },
-
-            _getLabelName: function(key) {
-                if(key.indexOf("Column") > -1) {
-                    return ln["Column" + "_" +ln["localization"]] + key.slice(-2);
-                }
-                if(key.indexOf("Level") > -1) {
-                    return ln["Level" + "_" +ln["localization"]] + key.slice(-2);
-                }
-                if(key.indexOf("BalloonContent") > -1) {
-                    return ln["BalloonContent" + "_" +ln["localization"]] + key.slice(-2);
-                }
-//                if(key.indexOf("BubbleContent") > -1) {
-//                    return ln["BubbleContent" + "_" +ln["localization"]] + key.slice(-2);
-//                }
-                if(key.indexOf("NumericYAxis") > -1) {
-                    return ln["NumericYAxis" + "_" +ln["localization"]] + key.slice(-2);
-                }
-
-                return ln[key + "_" +ln["localization"]];
-            },
-
-            _operationName: function(index) {
-                var key = this.functions[index];
-                return ln[key + "_" +ln["localization"]];
-            },
-
-            _calculateLabel: function() {
-                return ln["calculate" + "_" +ln["localization"]];
-            },
-
-            _copy : function(o) {
-                var out, v, key;
-                out = Array.isArray(o) ? new Array(o.length) : {};
-                for (key in o) {
-                    v = o[key];
-                    out[key] = (typeof v === "object") ? this._copy(v) : v;
-                }
-                return out;
-            }
-
-        });
-
-    </script>
-
-</dom-module>
 \ No newline at end of file
-<link rel="import" href="../../bower_components/polymer/polymer.html" />
-
-<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
-
-<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
-<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
-<link rel="import" href="../../bower_components/paper-item/paper-item.html">
-
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
-<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
-
-<dom-module id="select-datalet-inputs_series">
-
-    <template>
-
-        <style is="custom-style">
-            :host {
-            --paper-dropdown-menu-icon: {
-                 color: #2196F3;
-             };
-            }
-
-            #inputs_series_container {
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                font-size: 16px;
-
-                height: 100%;
-                width: 258px;
-            }
-
-            .inputs{
-                position: relative;
-            }
-
-            .input_header {
-                height: 32px;
-                padding-top: 16px;
-                text-align: center;
-                font-weight: 700;
-                background-color: #B6B6B6;
-            }
-
-            #expert_container {
-                display: none;
-            }
-
-            #expert_header {
-                height: 32px;
-                padding-top: 16px;
-                margin-top: 8px;
-                text-align: center;
-                font-weight: 700;
-                color: #00BCD4;
-                cursor: pointer;
-            }
-
-            .info_button {
-                position: absolute;
-                top: 18px;
-                right: 0px;
-            }
-
-            paper-dropdown-menu {
-                height: 48px;
-                width: 210px;;
-                padding-left: 8px;
-                padding-bottom: 8px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-item.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
-            }
-
-            paper-icon-button {
-                color: #2196F3;
-                --paper-icon-button-ink-color: #2196F3;
-                margin: 0px;
-            }
-        </style>
-
-            <paper-material id="inputs_series_container" elevation="5">
-
-                <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={{_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>
-                                </template>
-                            </paper-menu>
-                        </paper-dropdown-menu>
-                        <div class="info_button">
-                            <paper-icon-button id="{{ddl_index}}" on-click="_setOrders" icon="unfold-more" title=""></paper-icon-button>
-                        </div>
-                    </div>
-                </template>
-
-                <div id="expert_header" on-click="_showExpertMode"><span id="groupBy"></span></div>
-
-                <div id="expert_container">
-
-                    <div class="inputs">
-                        <paper-dropdown-menu id="group_by" disabled>
-                            <paper-menu class="dropdown-content">
-                                <template is="dom-repeat" items={{groupableFields}}>
-                                    <paper-item id={{index}} on-tap="_setAggregatorsFields">{{_fieldName(item)}}</paper-item>
-                                </template>
-                            </paper-menu>
-                        </paper-dropdown-menu>
-                        <div class="info_button">
-                            <paper-icon-button id="gb" on-click="_setOrders" icon="unfold-more" title="" disabled></paper-icon-button>
-                        </div>
-                    </div>
-
-                    <template is="dom-repeat" items="{{aggregateFields}}" as="field">
-                        <div class="inputs">
-                            <paper-dropdown-menu id="calculate_{{index}}" label="{{_calculateLabel()}}" disabled>
-                                <paper-menu class="dropdown-content">
-                                    <template is="dom-repeat" items="{{functions}}">
-                                        <paper-item id={{index}} on-tap="_setAggregators">{{_operationName(index)}} : {{_fieldName(field)}}</paper-item>
-                                    </template>
-                                </paper-menu>
-                            </paper-dropdown-menu>
-                        </div>
-                    </template>
-
-                </div>
-
-            </paper-material>
-
-
-    </template>
-
-    <script>
-
-        Polymer({
-
-            is : 'select-datalet-inputs_series',
-
-            properties : {
-
-                //INPUT
-                fields : {type : Array, value : []},
-
-                //OUTPUT
-                selectedFields : {type : Array, value : ["", ""]},
-                aggregators : {type : Array, value : []},
-                orders : {type : Array, value : []},
-
-                expert : {
-                    type  : Boolean,
-                    value : false
-                },
-
-                functions : {
-                    type  : Array,
-                    value : ["COUNT", "SUM", "MIN", "MAX", "AVG", "FIRST", "LAST"]
-                },
-
-                inputs : {
-                    type : Array,
-                    value : []
-                },
-
-                groupableFields : {
-                    type : Array,
-                    value : []
-                },
-
-                aggregateFields : {
-                    type : Array,
-                    value : [""]
-                }
-
-            },
-
-            ready : function() {
-                $(this.$.inputs_series_container).perfectScrollbar();
-            },
-
-            attached : function() {
-                this._translate();
-            },
-
-            _preselectInputs : function(fields, aggregators, orders) {
-                aggregators = JSON.parse(aggregators);
-                orders = JSON.parse(orders);
-
-                //fields = [f1 gb(opt) f2] --> si può cambiare in f1 f2 gb ???
-
-                this.selectedFields = this._copy(fields);
-
-                var ddls = this.$.inputs_series_container.querySelectorAll("paper-dropdown-menu");
-
-                $(ddls[0]).find("paper-menu")[0].select(1);
-                $(ddls[1]).find("paper-menu")[0].select(2);
-
-                if(orders.length > 0) {
-                    this.orders = this._copy(orders);//wrong
-                }
-
-                if(aggregators.length > 0) {
-                    if(fields.length == 2) {
-                        this.selectedFields = [fields[0], fields[1]];
-
-                        this.$.group_by.removeAttribute("disabled");
-                        $("#calculate_0")[0].removeAttribute("disabled");
-                        $("#gb")[0].removeAttribute("disabled");
-                        this._showExpertMode();
-
-                        var groupableFields = [];
-                        for (var i = 0; i < this.fields.length; i++) {
-                            if(this.fields[i] != this.selectedFields[1])
-                                groupableFields.push(this.fields[i]);
-                        }
-                        this.groupableFields = this._copy(groupableFields);
-                        this.aggregateFields = [this.selectedFields[1]];
-
-                        $(ddls[0]).find("paper-menu")[0].select(1);
-                        $(ddls[1]).find("paper-menu")[0].select(2);
-
-                        this.async(function () {
-                            var i = this.functions.indexOf(aggregators[1].operation);
-
-                            $(this.$.group_by).find("paper-menu")[0].select(1);
-                            $("#calculate_0").find("paper-menu")[0].select(i);
-
-//                        this._setAggregators();//if dont --> $("#gb")[0].removeAttribute("disabled");
-                            this.aggregators = this._copy(aggregators);
-
-                            this.fireReady();
-                        }, 0);
-                    }
-                    else/*if(fields.length == 3)*/ {
-                        this.selectedFields = [fields[0], fields[2]];
-
-                        this.$.group_by.removeAttribute("disabled");
-                        $("#calculate_0")[0].removeAttribute("disabled");
-                        $("#gb")[0].removeAttribute("disabled");
-                        this._showExpertMode();
-
-                        var groupableFields = [];
-                        for (var i = 0; i < this.fields.length; i++) {
-                            if(this.fields[i] != this.selectedFields[1])
-                                groupableFields.push(this.fields[i]);
-                        }
-                        this.groupableFields = this._copy(groupableFields);
-                        this.aggregateFields = [this.selectedFields[1]];
-
-                        $(ddls[0]).find("paper-menu")[0].select(1);
-                        $(ddls[1]).find("paper-menu")[0].select(3);
-
-                        this.async(function () {
-                            var i = this.functions.indexOf(aggregators[2].operation);
-
-                            $(this.$.group_by).find("paper-menu")[0].select(2);
-                            $("#calculate_0").find("paper-menu")[0].select(i);
-
-//                        this._setAggregators();//if dont --> $("#gb")[0].removeAttribute("disabled");
-                            this.aggregators = this._copy(aggregators);
-
-                            this.fireReady();
-                        }, 0);
-                    }
-                }
-                else
-                    this.fireReady();
-            },
-
-            getSelectedFields : function () {
-                var gb_menu = $(this.$.group_by).find("paper-menu")[0];
-                var c_menu = $("#calculate_0").find("paper-menu")[0];
-
-                if(gb_menu.selectedItem && c_menu.selectedItem && gb_menu.selectedItem.id != 0) {
-                    var groupByField = this.groupableFields[gb_menu.selected];
-                    if (groupByField != this.selectedFields[0])
-                        return [this.selectedFields[0], groupByField, this.selectedFields[1]];
-                }
-                return this.selectedFields;
-            },
-
-            getAggregators : function () {
-                return this.aggregators;
-            },
-
-            getOrders : function () {
-                return this.orders;
-            },
-
-            setFields : function(fields) {
-                var temp = this._copy(fields);
-                temp.unshift("");
-
-                if (JSON.stringify(this.fields) != JSON.stringify(temp)) {
-                    this.fields = this._copy(temp);
-                    this._reset();
-                }
-            },
-
-            getFields : function () {
-                return null;
-            },
-
-            setInputs : function(inputs) {
-                this.inputs = this._copy(inputs);
-            },
-
-            fireReady : function() {
-                if(this.selectedFields[0] != "" && this.selectedFields[1] != "")
-                    this.fire('select_visualization_inputs_ready', {isReady: true});
-                else
-                    this.fire('select_visualization_inputs_ready', {isReady: false});
-            },
-
-            _reset : function() {
-                //this.fields = []; --> setFields
-                //this.inputs = []; --> setInputs
-                this.selectedFields = ["", ""];
-                this.aggregators = [];
-                //this.orders = []; --> _resetOrders
-                this.expert = true;
-                this._showExpertMode();//expert --> false
-                this.groupableFields = [];
-                this.aggregateFields = [""];
-
-                this.async(function () {
-                    //reset ddl
-                    var ddls = this.$.inputs_series_container.getElementsByTagName("paper-dropdown-menu");
-                    for (var i = 0; i < ddls.length; i++)
-                        $(ddls[i]).find("paper-menu")[0].select(-1);
-                    this.$.group_by.setAttribute("disabled", "");
-                    $("#calculate_0")[0].setAttribute("disabled", "");
-                    //reset orders
-                    this._resetOrders();
-                }, 1);
-            },
-
-            _translate : function(){
-                this.$.inputs.innerHTML = ln["inputs_" + ln["localization"]];
-                this.$.groupBy.innerHTML = ln["expertGroupBy_" + ln["localization"]];
-
-                this.$.group_by.setAttribute("label", ln["groupBy_" + ln["localization"]]);
-            },
-
-            _showExpertMode : function() {
-                if(!this.expert) {
-                    this.$.expert_header.style.color = "#000000";
-                    this.$.expert_header.style.background = "#B6B6B6";
-                    this.$.expert_container.style.display = "block";
-                }
-                else {
-                    this.$.expert_header.style.color = "#00BCD4";
-                    this.$.expert_header.style.background = "#FFFFFF";
-                    this.$.expert_container.style.display = "none";
-                }
-
-                this.expert = !this.expert;
-            },
-
-            _addInput : function(e){
-                var selectedFields = this._copy(this.selectedFields);
-
-                var ddl_index = $(e.target).parents("paper-dropdown-menu")[0].id;
-                var index = e.target.id;
-                selectedFields[ddl_index] = this.fields[index];
-
-                this.selectedFields = this._copy(selectedFields);
-
-                if(this.selectedFields[0] == "" || this.selectedFields[1] == "") {
-                    this.$.group_by.setAttribute("disabled", "");
-                    $("#calculate_0")[0].setAttribute("disabled", "");
-
-                    this.groupableFields = [];
-                    this.aggregateFields = [""];
-                    var menu = $("#calculate_0").find("paper-menu")[0];
-                    menu.select(-1);
-                }
-                else {
-                    this.$.group_by.removeAttribute("disabled");
-                    $("#calculate_0")[0].removeAttribute("disabled");
-
-                    var groupableFields = [];
-                    for (var i = 0; i < this.fields.length; i++) {
-                        if(this.fields[i] != this.selectedFields[1])
-                            groupableFields.push(this.fields[i]);
-                    }
-                    this.groupableFields = this._copy(groupableFields);
-                    this.aggregateFields = [this.selectedFields[1]];
-
-                    this.async(function () {
-                        var menu = $(this.$.group_by).find("paper-menu")[0];
-                        menu.select(-1);
-                        var menu = $("#calculate_0").find("paper-menu")[0];
-                        //var selected =  menu.selected;
-                        menu.select(-1);
-                        //menu.select(selected);
-                    }, 0);
-                }
-                this._setAggregators();
-            },
-
-            _setAggregatorsFields : function(){
-                this.async(function() {
-                    var c_menu = $("#calculate_0").find("paper-menu")[0];
-                    var selected =  c_menu.selected > 0 ? c_menu.selected : 0;
-                    c_menu.select(-1);
-                    c_menu.select(selected);
-
-                    this._setAggregators();
-                }, 0);
-            },
-
-            _setAggregators : function(){
-                this.async(function() {
-                    this.aggregators = [];
-
-                    this._resetOrders();
-
-                    $("#gb")[0].setAttribute("disabled", "");
-
-                    var gb_menu = $(this.$.group_by).find("paper-menu")[0];
-                    var c_menu = $("#calculate_0").find("paper-menu")[0];
-
-                    if(gb_menu.selectedItem && c_menu.selectedItem && gb_menu.selectedItem.id != 0) {
-                        var groupByField = this.groupableFields[gb_menu.selected];
-                        var operationIndex = c_menu.selectedItem.id;
-
-                        if (groupByField == this.selectedFields[0]){// X Axis field
-                            this.aggregators.push({"field": groupByField, "operation": "GROUP BY"});
-                        }
-                        else{
-                            $("#gb")[0].removeAttribute("disabled");
-                            this.aggregators.push({"field": this.selectedFields[0], "operation": "GROUP BY"});
-                            this.aggregators.push({"field": groupByField, "operation": "GROUP BY"});
-                        }
-
-                        this.aggregators.push({"field": this.selectedFields[1], "operation": this.functions[operationIndex]});
-                    }
-
-                    this.fireReady();
-                }, 0);
-            },
-
-            _setOrders : function(e){
-                var t = e.target;
-                if(t.tagName.indexOf("IRON-ICON") > -1)
-                    t = $(e.target).parents("paper-icon-button")[0];
-
-                var icon = t.getAttribute("icon");
-                var id = t.getAttribute("id");
-                var field;
-
-                if(id == "gb"){
-                    var gb_menu = $(this.$.group_by).find("paper-menu")[0];
-                    field = this.groupableFields[gb_menu.selected];
-                }
-                else {
-                    field = this.selectedFields[id];
-                }
-
-                if(icon.indexOf("unfold-more") > -1){
-                    t.setAttribute("icon", "expand-less");
-                    t.setAttribute("title", ln["sortAscending_" + ln["localization"]]);
-                    var orders = this.orders.filter(function (el) { return el.field !== field; });
-                    orders.unshift({"field": field, "operation": "ASC"});
-                    this.orders = this._copy(orders);
-                }
-                else if(icon.indexOf("expand-less") > -1){
-                    t.setAttribute("icon", "expand-more");
-                    t.setAttribute("title", ln["sortDescending_" + ln["localization"]]);
-                    var orders = this.orders.filter(function (el) { return el.field !== field; });
-                    orders.unshift({"field": field, "operation": "DESC"});
-                    this.orders = this._copy(orders);
-                }
-                else if(icon.indexOf("expand-more") > -1){
-                    t.setAttribute("icon", "unfold-more");
-                    t.setAttribute("title", ln["unsort_" + ln["localization"]]);
-                    var orders = this.orders.filter(function (el) { return el.field !== field; });
-                    this.orders = this._copy(orders);
-                }
-
-                this.fireReady();
-            },
-
-            _resetOrders : function(){
-                var icons = this.$.inputs_series_container.querySelectorAll("paper-icon-button");
-                for (var i = 0; i < icons.length; i++){
-                    icons[i].setAttribute("icon", "unfold-more");
-                    icons[i].setAttribute("title", ln["unsort_" + ln["localization"]]);
-                }
-                this.orders = [];
-            },
-
-            _fieldName : function(field) {
-                return field.substring(field.lastIndexOf(",")+1, field.length);
-            },
-
-            _getLabelName: function(key) {
-                return ln[key + "_" +ln["localization"]];
-            },
-
-            _operationName: function(index) {
-                var key = this.functions[index];
-                return ln[key + "_" +ln["localization"]];
-            },
-
-            _calculateLabel: function() {
-                return ln["calculate" + "_" +ln["localization"]];
-            },
-
-            _copy : function(o) {
-                var out, v, key;
-                out = Array.isArray(o) ? new Array(o.length) : {};
-                for (key in o) {
-                    v = o[key];
-                    out[key] = (typeof v === "object") ? this._copy(v) : v;
-                }
-                return out;
-            }
-
-        });
-
-    </script>
-
-</dom-module>
 \ No newline at end of file
-<link rel="import" href="../../bower_components/polymer/polymer.html" />
-
-<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
-
-<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
-<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
-<link rel="import" href="../../bower_components/paper-item/paper-item.html">
-
-<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
-<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
-<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
-
-<link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
-<link rel="import" href="../../bower_components/paper-input/paper-input.html">
-
-<link rel="import" href="../../bower_components/paper-dialog/paper-dialog.html">
-
-<dom-module id="select-datalet-options">
-
-    <template>
-
-        <style is="custom-style">
-            :host {
-            --paper-dropdown-menu-icon: {
-                 color: #2196F3;
-             };
-            }
-
-            #select_datalet_options_container {
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                font-size: 16px;
-
-                /*height: 100vh;*/
-                height: 100%;
-                width: 258px;
-            }
-
-            .inputs{
-                position: relative;
-            }
-
-            .input_header {
-                height: 32px;
-                padding-top: 16px;
-                text-align: center;
-                font-weight: 700;
-                background-color: #B6B6B6;
-            }
-
-            .info_button {
-                position: absolute;
-                top: 18px;
-                right: 0px;
-            }
-
-            #dialog_info_input {
-                display: flex;
-                flex-direction: column;
-                color: #000000;
-                border: 2px solid #2196F3;
-                background-color: #E0E0E0;
-                min-width: 244px;
-                padding: 8px;
-            }
-
-            #dialog_name{
-                font-size: 24px;
-                line-height: 24px;
-                font-weight: 700;
-                padding: 0px;
-                margin: 0px;
-            }
-
-            #dialog_description{
-
-                font-size: 16px;
-                line-height: 16px;
-                font-weight: normal;
-                padding: 0px;
-                margin: 8px 0px 0px 0px;
-            }
-
-            paper-dropdown-menu {
-                height: 48px;
-                width: 210px;;
-                padding-left: 8px;
-                padding-bottom: 8px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-item.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
-            }
-
-            paper-icon-button {
-                color: #2196F3;
-                --paper-icon-button-ink-color: #2196F3;
-                margin: 0px;
-            }
-
-            paper-input {
-                display: inline-block;
-                height: 48px;
-                /*padding: 0px 8px;*/
-                width: 210px;
-                padding-left: 8px;
-                padding-bottom: 8px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-
-            paper-input.base_input {
-                width: 242px;
-            }
-
-            paper-textarea {
-                width: 242px;
-                padding-left: 8px;
-                padding-bottom: 4px;
-                --paper-input-container-focus-color: #2196F3;
-            }
-        </style>
-
-        <paper-material id="select_datalet_options_container" elevation="5">
-
-            <div class="input_header"><span id="baseInfo"></span></div>
-
-            <div class="inputs">
-                <paper-input id="base_title" maxlength="32" class="base_input" on-change="_updateParams" value=""></paper-input>
-            </div>
-
-            <div class="inputs">
-                <paper-textarea id="base_description" maxlength="100" class="base_input" on-change="_updateParams" value=""></paper-textarea>
-            </div>
-
-            <div class="input_header"><span id="layouts"></span></div>
-
-            <template is="dom-repeat" items={{options}} index-as="index">
-                <div class="inputs">
-                    <template is="dom-if" if="{{_checkType(item.type, 'TEXT')}}">
-                        <paper-input label={{_getLabelName(item.name)}} on-change="_updateParams"></paper-input>
-                    </template>
-
-                    <template is="dom-if" if="{{_checkType(item.type, 'LIST')}}">
-                        <paper-dropdown-menu label={{_getLabelName(item.name)}}>
-                            <paper-menu class="dropdown-content" selected = 0>
-                                <!--<paper-item on-tap="_updateParams"></paper-item>-->
-                                <template is="dom-repeat" items={{item.list.item}}>
-                                    <paper-item id={{index}} on-tap="_updateParams">{{item}}</paper-item>
-                                </template>
-                            </paper-menu>
-                        </paper-dropdown-menu>
-                    </template>
-
-                    <div class="info_button">
-                        <paper-icon-button id={{item.name}} on-click="_showInfo" icon="info-outline" title="{{_getLabelName(item.name)}} info"></paper-icon-button>
-                    </div>
-                </div>
-            </template>
-
-        </paper-material>
-
-        <paper-dialog id="dialog_info_input">
-            <span id="dialog_name"></span>
-            <span id="dialog_description"></span>
-        </paper-dialog>
-
-    </template>
-
-    <script>
-
-        Polymer({
-
-            is : 'select-datalet-options',
-
-            properties : {
-
-                options : {
-                    type : Array,
-                    value : []
-                },
-
-                params : {
-                    type : Object,
-                    value : {}
-                }
-
-            },
-
-            ready : function() {
-                $(this.$.select_datalet_options_container).perfectScrollbar();
-            },
-
-            attached : function() {
-                this._translate();
-            },
-
-            _preselectOptions : function(params) {
-                var textarea = this.$.select_datalet_options_container.querySelectorAll("paper-textarea");
-                textarea[0].value = params["description"];
-
-                var inputs = this.$.select_datalet_options_container.querySelectorAll("paper-input");
-                inputs[0].value = params["title"];
-
-                for (var i = 1; i < inputs.length; i++)
-                    if(params[this.options[i - 1].name])
-                        inputs[i].value = params[this.options[i - 1].name];
-
-                this._updateParams();
-
-//                var menus = this.$.select_datalet_options_container.querySelectorAll("paper-menu");
-//                var ddls = this.$.select_datalet_options_container.querySelectorAll("paper-dropdown-menu");
-//                for (var i = 0; i < ddls.length; i++) {
-//                    var menu = $(ddls[i]).find("paper-menu")[0];
-//                    if(params[ddls[i].label])
-//                        menu.select(1);//select item con nome params[ddls[i].label]
-//                }
-            },
-
-            setOptions : function(options) {
-                this.options = [];
-                this.params = [];
-                this.async(function() {
-                    this.options = options;
-                }, 0);
-
-//                this.params["title"] = "";
-//                this.params["description"] = "";
-            },
-
-            checkOptions : function(options) {
-                if(options.length != this.options.length)
-                    this.setOptions(options);
-            },
-
-            getParams : function() {
-                return this.params;
-            },
-
-            _reset : function() {
-                this.options = [];
-                this.params = [];
-            },
-
-            _updateParams : function() {
-                this.async(function() {
-                    var textarea = this.$.select_datalet_options_container.querySelectorAll("paper-textarea");
-                    this.params["description"] = textarea[0].value;
-
-                    var inputs = this.$.select_datalet_options_container.querySelectorAll("paper-input");
-                    this.params["title"] = inputs[0].value;
-
-                    for (var i = 1; i < inputs.length; i++)
-                        this.params[this.options[i-1].name] = inputs[i].value;
-
-                    this.fire('select_visualization_options_changed');
-                }, 0);
-            },
-
-            _translate : function(){
-                this.$.baseInfo.innerHTML = ln["baseInfo_" + ln["localization"]];
-                this.$.layouts.innerHTML = ln["layouts_" + ln["localization"]];
-
-                this.$.base_title.label = ln["title_" + ln["localization"]];
-                this.$.base_description.label = ln["description_" + ln["localization"]];
-            },
-
-            _checkType: function(type, check){
-                return (type == check);
-            },
-
-            _getLabelName: function(key) {
-                return ln[key + "_" +ln["localization"]];
-            },
-
-            _showInfo : function(e){
-                var t = e.target;
-                if(t.tagName.indexOf("IRON-ICON") != -1)
-                    t = $(e.target).parents("paper-icon-button")[0];
-
-                var name = t.getAttribute("id");
-
-                this.$.dialog_name.innerHTML = ln[name + "_" +  ln["localization"]];
-                this.$.dialog_description.innerHTML = ln[name + "_description_" +  ln["localization"]];
-                this.$.dialog_info_input.open();
-
-                var pos = t.getBoundingClientRect();
-                $("#dialog_info_input").css("top", pos.top - 4);
-                $("#dialog_info_input").css("left", pos.left - 4);
-            },
-
-        });
-
-    </script>
-
-</dom-module>
 \ No newline at end of file
-<link rel="import" href="../../bower_components/polymer/polymer.html" />
-
-<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
-
-<link rel="import" href="../../bower_components/paper-button/paper-button.html">
-
-<link rel="import" href="../items-vslider-controllet/items-vslider-controllet.html" />
-<link rel="import" href="select-datalet-inputs_series.html" />
-<link rel="import" href="select-datalet-inputs.html" />
-<link rel="import" href="select-datalet-options.html" />
-
-<script src="../../../DEEPCLIENT/js/deepClient.js"></script>
-
-<dom-module id="select-visualization-controllet">
-
-    <template>
-
-        <style is="custom-style">
-            #select_visualization_container {
-                display: flex;
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                font-size: 16px;
-                margin-top: 8px;
-            }
-
-            #items_vslider_controllet {
-                position: relative;
-                min-width: 172px;
-            }
-
-            #datalet_selection_inputs {
-                position: relative;
-                margin-left: 32px;
-                min-width: 258px;
-            }
-
-            #datalet_selection_options {
-                position: relative;
-                margin-left: 32px;
-                min-width: 258px;
-            }
-
-            #datalet_preview_container {
-                position: relative;
-                width: 100%;
-                margin-left: 32px;
-            }
-
-            #datalet_selection_datalet {
-                position: relative;
-                height: 100vh;
-                width: 100%;
-            }
-
-            #datalet_selection_datalet_placeholder {
-                padding: 16px;
-            }
-
-            .input_header {
-                height: 32px;
-                padding-top: 16px;
-                text-align: center;
-                font-weight: 700;
-                background-color: #B6B6B6;
-            }
-
-            paper-button {
-                position: absolute;
-                bottom: 16px;
-                right: 11px;
-
-                height: 48px;
-                width: 172px;
-                background-color: #00BCD4;
-                color: white;
-                font-weight: 700;
-                padding: 16px;
-            }
-
-            paper-button:hover {
-                background-color: #00AABF;
-
-                box-shadow: 0px 8px 12px #888;
-                -webkit-box-shadow: 0px 8px 12px #888;
-                -moz-box-shadow: 0px 8px 12px #888;
-            }
-
-            paper-button[disabled] {
-                background-color: #B6B6B6;
-            }
-        </style>
-
-        <iron-ajax id="selectedDatalet_request" on-response="_handleSelectedDatalet"></iron-ajax>
-
-        <div id="select_visualization_container">
-
-            <div id="items_vslider_controllet">
-                <items-vslider-controllet id="vslider" datalets-list-url={{dataletsListUrl}} preselected-datalet={{preselectedDatalet}}></items-vslider-controllet>
-            </div>
-
-            <div id="datalet_selection_inputs">
-                <template is="dom-if" if="{{_checkType(type, 'multiseries')}}">
-                    <select-datalet-inputs_series id="inputs_series"></select-datalet-inputs_series>
-                </template>
-                <template is="dom-if" if="{{_checkType(type, 'default')}}">
-                    <select-datalet-inputs id="inputs"></select-datalet-inputs>
-                </template>
-                <template is="dom-if" if="{{_checkType(type, '')}}">
-                    <select-datalet-inputs></select-datalet-inputs>
-                </template>
-            </div>
-
-            <div id="datalet_selection_options">
-                <select-datalet-options id="options"></select-datalet-options>
-            </div>
-
-            <div id="datalet_preview_container">
-
-                <paper-material id="datalet_selection_datalet" elevation="5">
-                    <div class="input_header"><span id="dataletPreview"></span></div>
-                    <div id="datalet_selection_datalet_placeholder"></div>
-                </paper-material>
-
-                <paper-button id="add_button" disabled raised on-click="_addDatalet"></paper-button>
-
-            </div>
-
-        </div>
-
-    </template>
-
-    <script>
-
-        Polymer({
-
-            is : 'select-visualization-controllet',
-
-            properties : {
-
-                deepUrl : {
-                    type : String,
-                    value : undefined
-                },
-
-                dataletsListUrl : {
-                    type : String,
-                    value : undefined
-                },
-
-                selectedDatalet : {
-                    type  : String,
-                    value : undefined
-                },
-
-                preselectedDatalet : {
-                    type  : String,
-                    value : undefined
-                },
-
-                type : {
-                    type : String,
-                    value : ""
-                },
-
-                filters : {
-                    type : Array,
-                    value : []
-                },
-
-                fields : {
-                    type : Array,
-                    value : []
-                },
-
-                selectedFields : {
-                    type : Array,
-                    value : []
-                },
-
-                dataletPreset : {
-                    type  : Object,
-                    value : []
-                },
-
-                dataUrl : {
-                    type  : String,
-                    value : undefined
-                },
-
-                params:{
-                    type: Object,
-                    value: undefined
-                },
-
-                data : {
-                    type  : Object,
-                    value : undefined
-                },
-
-            },
-
-            listeners: {
-//                'select-fields-controllet_selected-fields': '_updateFields',
-//                'filters-controllet_filters': '_updateFilters',
-                'items-vslider-controllet_selected-datalet': '_selectDatalet',
-                'select_visualization_inputs_ready': '_loadDatalet',
-                'select_visualization_options_changed': '_tryLoadDatalet'
-            },
-
-            ready : function() {
-                this._resize();
-
-                $(this.$.datalet_selection_datalet).perfectScrollbar();
-
-//                this.params = {'data-url' : this.dataUrl};//not here
-            },
-
-            attached : function() {
-                this._resize();
-                var that = this;
-                window.addEventListener("resize", function() { that._resize(); });
-
-                this._translate();
-            },
-
-            setFilters : function(filters) {
-                this.filters = this._copy(filters);
-            },
-
-            setFields : function(fields) {
-//                if (this.fields.length > 0 && JSON.stringify(this.fields) != JSON.stringify(fields))
-//                    this.init();
-
-                this.fields = this._copy(fields);
-
-                var inputs = this._getInputs();
-                if (inputs)
-                    inputs.setFields(this.fields);
-            },
-
-            setData : function(data) {
-                this.data = this._copy(data);
-            },
-
-            init : function() {
-                this.$.vslider._reset();
-            },
-
-            show : function() {//show --> preselect
-//                if(this.preselectedDatalet)
-                if(this.dataletPreset)
-                    this._preselectDatalet();
-                
-//                if (this.$.datalet_selection_datalet_placeholder.innerHTML == "") {
-//                    var inputs = this._getInputs();
-//                    inputs.fireReady();
-//                }
-            },
-
-            _translate : function(){
-                if(this.preselectedDatalet)
-                    this.$.add_button.innerHTML = ln["modifyDatalet_" + ln["localization"]];
-                else
-                    this.$.add_button.innerHTML = ln["addDatalet_" + ln["localization"]];
-
-                this.$.dataletPreview.innerHTML = ln["dataletPreview_" + ln["localization"]];
-            },
-
-            _selectDatalet : function(e){
-
-                this.$.add_button.setAttribute("disabled", "true");
-
-                this.selectedDatalet = e.detail.datalet;
-
-                this.$.datalet_selection_datalet_placeholder.innerHTML = "";
-
-                if(!this.selectedDatalet){
-                    this.type = "";
-                    this.$.options.setOptions([]);
-                }
-                else{
-                    this.$.selectedDatalet_request.url = this.deepUrl + e.detail.datalet + "-datalet";
-                    this.$.selectedDatalet_request.generateRequest();
-                }
-            },
-
-            _handleSelectedDatalet : function(e){
-
-                if(this.type != e.detail.response.type) {
-
-                    this.type = e.detail.response.type;
-
-                    this.async(function () {
-                        var inputs = this._getInputs();
-                        inputs.setFields(this.fields);
-                        inputs.setInputs(e.detail.response.idm.inputs.input);// Cannot read property '0' of undefined
-                    }, 0);
-
-                    this.$.options.setOptions(e.detail.response.idm.inputs.layouts.input);
-                }
-                else {
-                    this.$.options.checkOptions(e.detail.response.idm.inputs.layouts.input);
-                }
-
-                this.async(function () {
-                    var inputs = this._getInputs();
-                    inputs.fireReady();
-                }, 0);
-
-//                this.async(function () {
-//                    if(this.preselectedDatalet)
-//                        this._preselectDatalet();
-//                }, 1);
-            },
-
-            _preselectDatalet : function() {
-                this.$.vslider._preselectDatalet();
-
-                this.async(function () {
-                    this.$.options._preselectOptions(this.dataletPreset);
-                }, 100);
-
-                this.async(function () {
-                    var inputs = this._getInputs();
-                    inputs._preselectInputs(this.fields, this.dataletPreset["aggregators"], this.dataletPreset["orders"]);
-                    this.dataletPreset = undefined;
-                }, 200);
-            },
-
-            _tryLoadDatalet : function(){
-                var inputs = this._getInputs();
-                inputs.fireReady();
-            },
-
-            _loadDatalet : function(e){
-                if(!e.detail.isReady) {
-                    this.$.datalet_selection_datalet_placeholder.innerHTML = "";
-                    return;
-                }
-
-                var inputs = this._getInputs();
-
-                this.selectedFields = inputs.getSelectedFields();
-
-//                console.log(inputs.getFields());
-
-                this.params = {'data-url' : this.dataUrl};//??????????????????
-//                this.params = {};
-
-                this.params["selectedfields"] = JSON.stringify(inputs.getFields());
-
-                this.params["filters"] = JSON.stringify(this.filters);
-                this.params["aggregators"] = JSON.stringify(inputs.getAggregators());
-                this.params["orders"] = JSON.stringify(inputs.getOrders());
-
-                this.params["export_menu"] = "0";
-
-                var params = this.$.options.getParams();
-                for (var key in params) { this.params[key] = params[key]; }
-
-                //use cache
-                var data = alasql_QUERY(this.data, this.selectedFields, null, inputs.getAggregators(), inputs.getOrders());
-
-                var converter = new DataTypeConverter();
-                var result = converter.inferJsonDataType(data, ["*"]);
-                result = converter.cast(result);
-                data = result.dataset;
-
-                data = alasql_transformData(data, this.selectedFields, true);
-
-                this.params["data"] = JSON.stringify(data).replace(/'/g, "&#39;");
-                //
-
-                var dataletParams ={
-                    component: this.selectedDatalet+"-datalet",
-                    fields: this.selectedFields,
-                    params: this.params,
-                    placeHolder: this.$.datalet_selection_datalet_placeholder,
-                };
-
-                ComponentService.deep_url = this.deepUrl;
-                ComponentService.getComponent(dataletParams);
-
-                this.$.add_button.removeAttribute("disabled");
-            },
-
-            _addDatalet : function(){
-                delete this.params["export_menu"];
-                delete this.params["data"];
-
-                var data = {
-                    dataUrl: this.dataUrl,
-                    datalet: this.selectedDatalet+"-datalet",
-                    fields: this.selectedFields,
-                    params: this.params,
-                    staticData: JSON.stringify(this.$.datalet_selection_datalet_placeholder.children[1].behavior.data)
-                }
-
-                this.fire('data-sevc-controllet.dataletCreated', {data : data});
-            },
-
-            _checkType: function(type, check){
-                if (type == "multiseries" || type == "")
-                    return (type == check);
-                else if(check == "default")
-                    return true;
-                return false;
-            },
-
-            _getInputs  : function(){
-                if(this.type == "multiseries")
-                    return this.$$("#inputs_series")
-                return this.$$("#inputs");
-            },
-
-            _copy : function(o) {
-                var out, v, key;
-                out = Array.isArray(o) ? new Array(o.length) : {};
-                for (key in o) {
-                    v = o[key];
-                    out[key] = (typeof v === "object") ? this._copy(v) : v;
-                }
-                return out;
-            },
-
-            _resize : function(){
-                var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) - 16;
-                h = h - 64 - 8; //height with page scroller
-
-                $("#items_vslider_controllet").height(h);//vslider controllet
-                $("#datalet_selection_inputs").height(h);
-                $("#datalet_selection_options").height(h);
-
-                $("#datalet_selection_datalet").height(h);
-            }
-
-        });
-
-    </script>
-
-</dom-module>
 \ No newline at end of file
@@ -31,6 +31,7 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../bower_components/paper-styles/color.html">
+<link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
 <!--
 `text-element-controllet` is a text area with heading. It fires an event when the text value is modified. This event can be useful when you have to monitor many af this elements.
@@ -62,6 +62,13 @@ Example:
              * @method transformData
              */
             presentData: function(){
+                var min = 0;
+                for (var i in this.properties.series.value) {
+                    min = Math.min(Math.min.apply(Math, this.properties.series.value[i].data), min);
+                }
+                if(min < 0)
+                    min--;
+
                 options = {
                     chart: {
                         type: 'area',
@@ -77,7 +84,7 @@ Example:
                         }
                     },
                     yAxis: {
-                        min: 0,
+                        min: min,
                         title: {
                             text: this._component.yAxisLabel,
                         }
@@ -62,6 +62,13 @@ Example:
              * @method transformData
              */
             presentData: function(){
+                var min = 0;
+                for (var i in this.properties.series.value) {
+                    min = Math.min(Math.min.apply(Math, this.properties.series.value[i].data), min);
+                }
+                if(min < 0)
+                    min--;
+
                 options = {
                     chart: {
                         type: 'bar',
@@ -77,7 +84,7 @@ Example:
                         }
                     },
                     yAxis: {
-                        min: 0,
+                        min: min,
                         title: {
                             text: this._component.yAxisLabel,
                         }
@@ -100,22 +100,27 @@ var AjaxJsonAlasqlBehavior = {
         var aggregators = JSON.parse(this._component.getAttribute("aggregators"));
         var orders = JSON.parse(this._component.getAttribute("orders"));
-        this._component.fields = JSON.parse(this._component.fields); /*deprecated*/
-        if(selectedFields) { /*if deprecated*/
-            this._component.fields = []; /*deprecated*/
-            for (var i=0; i < selectedFields.length; i++)
-                if (selectedFields[i])
-                    this._component.fields.push(selectedFields[i].value);
-        }
-
-        var fields = this._component.fields;
-
-        //preview my space ?
-        if(filters && filters[0] && filters[0].constructor == Array){
-            filters = filters[0];
-            aggregators = aggregators[0];
-            orders = orders[0];
-        }
+        //this._component.fields = JSON.parse(this._component.fields); /*deprecated*/
+        //if(selectedFields) { /*if deprecated*/
+        //    this._component.fields = []; /*deprecated*/
+        //    for (var i=0; i < selectedFields.length; i++)
+        //        if (selectedFields[i])
+        //            this._component.fields.push(selectedFields[i].value);
+        //}
+        //
+        //var fields = this._component.fields;
+
+        fields = [];
+        for (var i=0; i < selectedFields.length; i++)
+            if (selectedFields[i])
+                fields.push(selectedFields[i].value);
+
+        ////preview my space ?
+        //if(filters && filters[0] && filters[0].constructor == Array){
+        //    filters = filters[0];
+        //    aggregators = aggregators[0];
+        //    orders = orders[0];
+        //}
         var converter = new DataTypeConverter();
         var data = [];
@@ -170,7 +170,7 @@ Example :
             </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>)
+                <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">
@@ -248,6 +248,10 @@ Example :
                             }
                         });
                     }
+                    else
+                    {
+                        this.$.base_datalet_link.style.display = 'none';
+                    }
                 }
                 else {
@@ -272,6 +276,7 @@ Example :
                 this.$.base_datalet_container.innerHTML = "";
                 this.$.base_datalet_container.style.margin = 0;
                 this.$.base_datalet_container.style.border = 0;
+                this.removeLoader();
             },
             setExportMenu: function()
@@ -321,12 +326,11 @@ Example :
                         '\<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"\>\<\/script\>\n' +
                         '<!-- REMOVE THE PREVIOUS SCRIPT TAGS IF YOUR PAGE ALREADY USES JQUERY AND POLYFILL LIBRARIES  -->\n';
-                var dataletLink = '<link rel="import" href="http://deep.routetopa.eu/COMPONENTS/datalets/'+parent.is+'/'+parent.is+'.html" /> \n';
+                var dataletLink = '<link rel="import" href="http://deep.routetopa.eu/deep_1_7/COMPONENTS/datalets/'+parent.is+'/'+parent.is+'.html" /> \n';
                 window.prompt("Copy to clipboard: Ctrl+C, Enter", dataletImport+dataletLink+html);
             },
-
             exportToIMG: function () {
                 var parent = this.parentElement;
                 while(!parent.hasAttribute("data-url"))
@@ -102,7 +102,7 @@ var WorkcycleBehavior = {
             that.presentData();
             $(that._component).find("base-datalet")[0].removeLoader();
             that.redraw();
-        }, 300);
+        }, 600);
     },
     /**
@@ -63,6 +63,13 @@ Example:
              * @method transformData
              */
             presentData: function(){
+                var min = 0;
+                for (var i in this.properties.series.value) {
+                    min = Math.min(Math.min.apply(Math, this.properties.series.value[i].data), min);
+                }
+                if(min < 0)
+                    min--;
+
                 options = {
                     chart: {
                         type: 'column',
@@ -78,7 +85,7 @@ Example:
                         }
                     },
                     yAxis: {
-                        min: 0,
+                        min: min,
                         title: {
                             text: this._component.yAxisLabel,
                         }
@@ -67,7 +67,8 @@ Example:
                 width: 100%;
                 height: 70%;
                 /*min-height: 500px;*/
-                background: #ffffff;
+                /*background: #ffffff;*/
+                background: transparent;
                 position: relative;
             }
@@ -115,6 +116,10 @@ Example:
                 fill: #bbb;
             }
+            :host ::content iframe.iframe {
+                border: 0 !important;
+            }
+
             /*:host ::content .children svg.foreignObject {*/
                 /*font: 9px sans-serif;*/
                 /*text-overflow: ellipsis;*/
@@ -206,7 +211,7 @@ Example:
                 var xyz = function(url) {
                     me.selectResource(url);
                 }
-                this.map.name = this._component.name;
+                this.map.name = datasetexplorer_ln["path_" + datasetexplorer_ln["ln"]];
                 build2(this.map, this.meta, this._component.$.treemap_placeholder, xyz, this._component.width, this._component.height);
             },
@@ -249,7 +249,7 @@ function build2(root, meta, place_holder, select_listener, width, height) {
                 .attr("width", root.dx)
                 .attr("height", root.dy - root.y)
                 .append("xhtml:body")
-                .html('<iframe src="'+pageurl+'" width="'+root.dx+'" height="'+root.dy+'"></iframe>');
+                .html('<iframe class="iframe" src="'+pageurl+'" width="'+root.dx+'" height="'+root.dy+'"></iframe>');
         }
         return g;
@@ -471,9 +471,9 @@ Example:
                 _this.gnodes.attr("cx", function (t) {
-                    return t.x = Math.max(25, Math.min(_this.width - 50, t.x))
+                    return t.x = Math.max(25, Math.min(_this.width, t.x))
                 }).attr("cy", function (t) {
-                    return t.y = Math.max(8, Math.min(600, t.y))
+                    return t.y = Math.max(8, Math.min(_this.height, t.y))
                 });
                 _this.glinks.attr("x1", function (t) {
@@ -270,7 +270,7 @@ Example:
             },
             tick : function () {
-                if(_this.gnodes != undefined && _this.graph.nodes.length > 0)
+                if(_this.gnodes != undefined &&  _this.graph.nodes != undefined && _this.graph.nodes.length > 0)
                 {
                     d3.selectAll("g foreignObject").attr("x", function (t) {
                         return t.x + (t.r ? 0.8 * t.r : 15)
@@ -286,7 +286,7 @@ Example:
                     _this.gnodes.attr("cx", function (t) {
-                        return t.x = Math.max(25, Math.min(_this.width - 50, t.x))
+                        return t.x = Math.max(25, Math.min(_this.width, t.x))
                     }).attr("cy", function (t) {
                         return t.y = Math.max(8, Math.min(_this.height, t.y))
                     });
@@ -461,7 +461,7 @@ Example:
                     });
                     _this.svgNodes.attr("cx", function (t) {
-                        return t.x = Math.max(25, Math.min(_this.width - 50, t.x))
+                        return t.x = Math.max(25, Math.min(_this.width, t.x))
                     }).attr("cy", function (t) {
                         return t.y = Math.max(8, Math.min(_this.height, t.y))
                     });
@@ -493,9 +493,9 @@ Example:
                     });
                     _this.svgNodes.attr("cx", function (t) {
-                        return t.x = Math.max(25, Math.min(_this.width - 50, t.x))
+                        return t.x = Math.max(25, Math.min(_this.width, t.x))
                     }).attr("cy", function (t) {
-                        return t.y = Math.max(8, Math.min(600, t.y))
+                        return t.y = Math.max(8, Math.min(_this.height, t.y))
                     });
                     _this.svgLinks.attr("x1", function (t) {
@@ -13,8 +13,8 @@
 <script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
 <link rel="import" href="../leafletjs-datalet.html" />
-<leafletjs-datalet data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=73e02092-85a1-434e-85fe-0c9a43aa9a52&amp;limit=10000"
-                   fields='["result,records,Lat","result,records,Lng", "result,records,Link"]'></leafletjs-datalet>
+<leafletjs-datalet data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=73e02092-85a1-434e-85fe-0c9a43aa9a52&amp;limit=99999" selectedfields="[{&quot;field&quot;:&quot;Latitude&quot;,&quot;value&quot;:&quot;Lat&quot;,&quot;index&quot;:1},{&quot;field&quot;:&quot;Longitude&quot;,&quot;value&quot;:&quot;Lng&quot;,&quot;index&quot;:2},{&quot;field&quot;:&quot;BalloonContent&quot;,&quot;value&quot;:&quot;Link&quot;,&quot;index&quot;:3}]" filters="[]" aggregators="[]" orders="[]" data="" fields="[&quot;Lat&quot;,&quot;Lng&quot;,&quot;Link&quot;]">
+    </leafletjs-datalet>
 </body>
@@ -91,6 +91,7 @@ Example:
                 var coordinates = [];
                 var coordinates_index  = 0;
                 var isArray = t.data[0].data[0].constructor === Array;
+                var geo;
                 for(var i=0; i<t.data[0].data.length; i++)
                 {
@@ -101,25 +102,34 @@ Example:
                         else
                              continue;
                     }
+                    else if(typeof t.data[0].data[i] == 'string' && t.data[0].data[i].startsWith('{"type":"'))
+                    {
+                        try
+                        {
+                            t.data[0].data[i] = JSON.parse(t.data[0].data[i]);
+                            geo = L.geoJson(t.data[0].data[i]).addTo(t._component.map);
+                        }catch(e) {continue;}
+                    }
                     else if(typeof t.data[0].data[i] == 'string' && t.data[0].data[i].indexOf(","))
                     {
                         var coords = t.data[0].data[i].split(",");
-                        if(!isNaN(coords[0]) && !isNaN(coords[1]))
+                        if(!isNaN(coords[0]) && !isNaN(coords[1])) {
                             coordinates.push([parseFloat(coords[0]), parseFloat(coords[1])]);
-                        else
+                            geo = L.marker([coordinates[coordinates_index][0], coordinates[coordinates_index][1]]).addTo(t._component.map);
+                            coordinates_index++;
+                        }else
                             continue;
                     }
                     else
                     {
-                        if(!isNaN(t.data[0].data[i]) && !isNaN(t.data[1].data[i]))
+                        if(!isNaN(t.data[0].data[i]) && !isNaN(t.data[1].data[i])) {
                             coordinates.push([parseFloat(t.data[0].data[i]), parseFloat(t.data[1].data[i])]);
-                        else
+                            geo = L.marker([coordinates[coordinates_index][0], coordinates[coordinates_index][1]]).addTo(t._component.map);
+                            coordinates_index++;
+                        }else
                             continue;
                     }
-                    var marker = L.marker([coordinates[coordinates_index][0], coordinates[coordinates_index][1]]).addTo(t._component.map);
-                    coordinates_index++;
-
                     if(t.data.length > 2)
                     {
                         var popupText = "";
@@ -135,7 +145,7 @@ Example:
                         }
                         var popup = L.popup().setContent(popupText);
-                        marker.bindPopup(popup);
+                        geo.bindPopup(popup);
                     }
                 }
@@ -89,23 +89,53 @@ Example:
                 L.Icon.Default.imagePath = 'http://services.routetopa.eu/DEEalerProvider/COMPONENTS/datalets/leafletjs-datalet/leafletsjs/images';
-                var bounding_box = L.geoJson(t.data[0].data);
+                //var coordinates = [];
+                //var coordinates_index  = 0;
+                var geo_layer = L.geoJson();
+                var geo;
                 for (var i = 0; i < t.data[0].data.length; i++)
                 {
-                    try{
-                        if(typeof t.data[0].data[i] != 'object')
+                    if(Array.isArray(t.data[0].data[i]))
+                    {
+                        if(!isNaN(t.data[0].data[i][0]) && !isNaN(t.data[0].data[i][1])) {
+                            //coordinates.push([parseFloat(t.data[0].data[i][0]), parseFloat(t.data[0].data[i][1])]);
+                            geo_layer.addData({"type": "Feature","geometry": {"type": "Point", "coordinates": [parseFloat(t.data[0].data[i][0]), parseFloat(t.data[0].data[i][1])]}});
+                        }else
+                            continue;
+                    }
+                    else if(typeof t.data[0].data[i] == 'object')
+                    {
+                        geo = L.geoJson(t.data[0].data[i]).addTo(t._component.map);
+                        geo_layer.addData(t.data[0].data[i]);
+                    }
+                    else if(typeof t.data[0].data[i] == 'string' && t.data[0].data[i].startsWith('{"type":"'))
+                    {
+                        try
+                        {
                             t.data[0].data[i] = JSON.parse(t.data[0].data[i]);
-                    }catch(e){}
-
-                    var geoJsonLayer = L.geoJson(t.data[0].data[i]).addTo(t._component.map);
+                            geo = L.geoJson(t.data[0].data[i]).addTo(t._component.map);
+                            geo_layer.addData(t.data[0].data[i]);
+                        }catch(e) {continue;}
+                    }
+                    else if(typeof t.data[0].data[i] == 'string' && t.data[0].data[i].indexOf(","))
+                    {
+                        var coords = t.data[0].data[i].split(",");
+                        if(!isNaN(coords[0]) && !isNaN(coords[1])) {
+                            //coordinates.push([parseFloat(coords[0]), parseFloat(coords[1])]);
+                            geo_layer.addData({"type": "Feature","geometry": {"type": "Point", "coordinates": [parseFloat(coords[0]), parseFloat(coords[1])]}});
+                            geo = L.marker([parseFloat(coords[0]), parseFloat(coords[1])]).addTo(t._component.map);
+                            //coordinates_index++;
+                        }else
+                            continue;
+                    }
                     if(t.data.length > 1)
                     {
                         var popupText = "";
                         for(var j=1; j<t.data.length; j++)
                         {
-                            if(typeof t.data[j] != 'undefined' && typeof t.data[j].data[i] != 'undefined')
+                            if(typeof t.data[j] != 'undefined' && t.data[j].data[i] && typeof t.data[j].data[i] != 'undefined')
                             {
                                 if (t.data[j].data[i].toString().match(new RegExp("^(http[s]?:\\/\\/(www\\.)?|ftp:\\/\\/(www\\.)?|www\\.){1}([0-9A-Za-z-\\.@:%_\+~#=]+)+((\\.[a-zA-Z]{2,3})+)(/(.)*)?(\\?(.)*)?")))
                                     popupText += '<image height="100" width="100" src="' + t.data[j].data[i] + '" /><br/>';
@@ -115,13 +145,13 @@ Example:
                         }
                         var popup = L.popup().setContent(popupText);
-                        geoJsonLayer.bindPopup(popup);
+                        geo.bindPopup(popup);
                     }
                 }
                 t._component.map._onResize();
                 t._component.map.invalidateSize(false);
-                t._component.map.fitBounds(bounding_box);
+                t._component.map.fitBounds(geo_layer);
             }
         };
@@ -62,6 +62,13 @@ Example:
              * @method presentData
              */
             presentData: function(){
+                var min = 0;
+                for (var i in this.properties.series.value) {
+                    min = Math.min(Math.min.apply(Math, this.properties.series.value[i].data), min);
+                }
+                if(min < 0)
+                    min--;
+
                 options = {
                     chart: {
                         zoomType: 'xy'
@@ -76,7 +83,7 @@ Example:
                         }
                     },
                     yAxis: {
-                        min: 0,
+                        min: min,
                         title: {
                             text: this._component.yAxisLabel,
                         }
@@ -5,21 +5,18 @@
     <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
+    <script type="text/javascript" src="datalets/shared_js/jquery-1.11.2.min.js"></script>
+    <script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
+
     <link rel="import"  href="bower_components/iron-component-page/iron-component-page.html">
-    <link rel="import"  href="bower_components/paper-item/paper-item.html">
-    <link rel="import"  href="bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
     <link rel="import"  href="bower_components/paper-icon-button/paper-icon-button.html">
-    <link rel="import"  href="bower_components/iron-flex-layout/iron-flex-layout.html">
-    <script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-    <script type="text/javascript" src="datalets/shared_js/jquery-1.11.2.min.js"></script>
     <script type="text/javascript" src="docs/js/editarea_0_8_2/edit_area/edit_area_full.js"></script>
-
     <script type="text/javascript">
         $(document).ready(function () {
             editAreaLoader.init({
-                id : "sbiricuda",         // textarea id
+                id : "text_area",         // textarea id
                 syntax: "html",           // syntax to be uses for highgliting
                 start_highlight: true,    // to display with highlight mode on start-up
                 replace_tab_by_spaces: 4,
@@ -49,120 +46,117 @@
                                   '\<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"\>\<\/script\>\n' +
                                   '<!-- REMOVE THE PREVIOUS SCRIPT TAGS IF YOUR PAGE ALREADY USES JQUERY AND POLYFILL LIBRARIES  -->\n';
-            var dataletLink     = '<link rel="import" href="http://deep.routetopa.eu/COMPONENTS/datalets/'+e.detail.data.datalet+'/'+e.detail.data.datalet+'.html" /> \n';
+            var dataletLink     = '<link rel="import" href="http://deep.routetopa.eu/deep_1_7/COMPONENTS/datalets/'+e.detail.data.datalet+'/'+e.detail.data.datalet+'.html" /> \n';
-            editAreaLoader.setValue("sbiricuda", dataletImport+dataletLink+dataletHTML);
+            editAreaLoader.setValue("text_area", dataletImport+dataletLink+dataletHTML);
         }
     </script>
-    <style>
+    <style is="custom-style">
+
+        #creator_container {
+            width: 100%;
+            height: 100%;
+        }
+
+        #creator_container * {
+            font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+            font-size: 16px;
+            line-height: 24px;
+        }
+
+        #text_container {
+            padding: 8px;
+            background: #BBDEFB;
+
+            margin-top: 8px;
+        }
+
+        #controllet_iframe {
+            height: 100%;
+            width: 100%;
+        }
+
+        #iframe_container {
+            border: 2px solid #BBDEFB;
+            border-top: 0;
+            width: calc(100% - 4px);
+            height: 698px;
+        }
-        body {
-            font-family: 'Roboto', sans-serif;
+        #toolbar {
+            background: #2196F3;
         }
-        #toolbar{
-            background: #2196F3 ;
+        .title {
+            font-weight: 700 !important;
         }
         #logo{
-            width: 56px;
-            height: 56px;
-            background-image: url("http://spod.routetopa.eu/ow_static/themes/rtpa_matter/images/logo.png");
-            background-size: auto 41px;
+            width: 64px;
+            height: 64px;
+            background-image: url("http://spod.routetopa.eu/ow_static/themes/spod_theme_matter/images/logo.png");
             background-repeat: no-repeat;
             background-position: center center;
+        }
+
+        paper-icon-button {
+            --paper-icon-button-ink-color: #FFFFFF;
+            height: 48px;
+            width: 48px;
+            padding: 8px;
+        }
+
+        a {
+            color: #FFFFFF;
+            text-decoration: none;
+        }
+        #text_area_container {
+            width: 100%;
+            height: calc(100vh - 884px);
+            min-height: 192px;
+            margin-top: 8px;
+            /*background: red;*/
         }
+
+        #text_area {
+            width: calc(100% - 18px);
+            height: calc(100% - 18px);
+            margin: 0;
+            padding: 8px;
+        }
+
     </style>
 </head>
 <body>
-    <paper-toolbar id="toolbar">
-        <paper-menu-button>
-            <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
-            <paper-menu class="dropdown-content">
-                <paper-item><a href="http://routetopa.eu/" target="_blank">ROUTE-TO PA European Project</a></paper-item>
-                <paper-item><a href="docs/docs.html" target="_blank">DEEP Documentation</a></paper-item>
-            </paper-menu>
-        </paper-menu-button>
-        <span class="title">DatalEts-Ecosystem Provider - Datalet Creator</span>
-        <a href="http://routetopa.eu/" target="_blank"><paper-icon-button id="logo"></paper-icon-button></a>
-    </paper-toolbar>
-
-    <div class="">
-        <p>
+    <div id="creator_container">
+
+        <paper-toolbar id="toolbar">
+            <a href="http://routetopa.eu/" target="_blank"><paper-icon-button id="logo" title="ROUTE-TO PA European Project"></paper-icon-button></a>
+            <span class="title">DatalEts-Ecosystem Provider - Datalet Creator</span>
+            <a href="docs/docs.html" target="_blank"><paper-icon-button icon="description" title="DEEP Documentation"></paper-icon-button></a>
+            <a href="http://routetopa.eu/" target="_blank"><paper-icon-button icon="forward" title="ROUTE-TO PA European Project"></paper-icon-button></a>
+        </paper-toolbar>
+
+        <div id="text_container">
             Using this page you can create a Datalet, a off-the-shelf, reusable web-component able to load,
             query, filter, and visualise any dataset content (e.g. through HighCharts Javascript library).
             Datalet are reusable since they can be placed in every web page, like institutional web-sites,
             blogs, forums and so on, without any knowledge on how it effectively is implemented.
-        </p>
-    </div>
+        </div>
-    <iframe style="width:100%; height:62vh" frameborder="0" srcdoc='
-        <head>
-            <script type="text/javascript" src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
-            <script type="text/javascript" src="datalets/shared_js/jquery-1.11.2.min.js"></script>
-            <link rel="import" href="controllets/data-sevc-controllet/data-sevc-controllet.html" />
-            <script src="controllets/shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
-            <link rel="stylesheet" href="controllets/shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
-            <script type="text/javascript">
-                $(document).ready(function () {
-
-                    var datasets = [
-                        {decription:"", name:"Italy - Consuntivo entrate 2009", url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=07843fc3-07e1-4c66-9be4-fed43ca4a26f"},
-                        {decription:"", name:"Italy - Consuntivo entrate 2010",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=48a4db73-d3d4-4639-bbc2-9c797d0e6cda"},
-                        {decription:"", name:"Italy - Consuntivo entrate 2011",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=a14cc2fb-0c24-48d7-9370-834045797d89"},
-                        {decription:"", name:"Italy - Consuntivo entrate 2012",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=fb32fcb6-5e44-4e52-b132-01c6540ddbee"},
-                        {decription:"", name:"Italy - Consuntivo entrate 2014",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=0cb600fc-19ad-4aaf-9794-1e6ea851840a"},
-                        {decription:"", name:"Holland - Vestigingen register gemeente Groningen",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=ba554c1f-02a7-4d76-b449-fb9daa1f8bfd"},
-                        {decription:"", name:"Holland - Woonruimte gemeente Groningen",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=af7b3916-4347-469a-8354-3c2d559bd92f"},
-                        {decription:"", name:"Ireland - SDCC Traffic Cameras",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=73e02092-85a1-434e-85fe-0c9a43aa9a52"},
-                        {decription:"", name:"Ireland - Derelict Site Register",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=fcbee83e-3d3d-4303-a568-24dd33d02adc"},
-                        {decription:"", name:"Ireland - Dublin City Council Commencement Notices",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=ee00de68-f2e4-482f-a003-3c0561351075"},
-                        {decription:"", name:"Ireland - Dublin City Council Planning Applications",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=2f4a9d44-b52f-4c8b-a5db-d8f4a676d81e"},
-                        {decription:"", name:"Ireland - Dun Laoghaire-Rathdown County Council Planning Application 2008-2014",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=c479f061-9638-489d-ac55-0c68765548ff"},
-                        {decription:"", name:"Ireland - Fingal Council Planning Applications for last 7 years",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=d29a477a-4734-43ef-8002-048c8640d441"},
-                        {decription:"", name:"Ireland - Planning Register",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=2b23f32d-e27e-4eef-af1e-27e05103df7d"},
-                        {decription:"", name:"Ireland - Fingal Development Plan 2011-2017 Record of Protected Structures",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=5ea813bc-fdf9-4edb-b3b1-0142b593d5c6"},
-                        {decription:"", name:"Bubble example",url:"http://ckan.routetopa.eu/api/action/datastore_search?resource_id=0cb600fc-19ad-4aaf-9794-1e6ea851840a"},
-                        {decription:"", name:"Issy -  3d pie chart", 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"}
-                    ];
-
-                    var dsc = document.getElementById("dsc");
-                    dsc.setAttribute("datasets", JSON.stringify(datasets));
-
-                    $("#treeMapView").parent().parent().hide();
-                    window.addEventListener("data-sevc-controllet.dataletCreated", function(e){parent.createHTML(e);});
-
-                    /*var h = $("#material_container").height() - 48;
-                    var w = $("#material_container").width();
-                    console.log($("#div_datasetexplorer"));
-                    console.log($("#div_datasetexplorer").html());
-                    $("#div_datasetexplorer").html("CIAO !!");
-                    console.log($("#div_datasetexplorer").html());
-                    $("#div_datasetexplorer").html("<datasetexplorer-datalet width=\""+w+"\" height=\""+h+"\" data-url=\"http://spod.routetopa.eu/openwall/api/datasetTree\" fields=\"[\"result,datasets,provider_name\",\"result,datasets,organization_name\",\"result,datasets,package_name\",\"result,datasets,resource_name\",\"result,datasets,url\",\"result,datasets,w\"]\"></datasetexplorer-datalet>");
-                    console.log($("#div_datasetexplorer").html());*/
-                });
-            </script>
-        </head>
-        <body>
-            <data-sevc-controllet localization="en" id="dsc" deep-url="http://deep.routetopa.eu/DEEP/" datalets-list-url="http://deep.routetopa.eu/DEEP/datalets-list"></data-sevc-controllet>
-        </body>
-    '>
-    </iframe>
-
-    <div id="code_area">
-        <textarea id="sbiricuda" style="position:relative;width: 100%;min-height: 15vh;max-height: 15vh;" style="" rows="4" cols="50">
-Copy and paste this code to inject the datalet in you page.
-        </textarea>
-    </div>
+        <div id="iframe_container">
+            <iframe id="controllet_iframe" frameborder="0" src="./controllet.html"></iframe>
+        </div>
-    <!--<div>
-        <textarea style="width: 90%; margin-left:10px; height: 110px"  id="code-textarea"></textarea>
-    </div>-->
+        <div id="text_area_container">
+            <textarea id="text_area">Copy and paste this code to inject the datalet in you page.</textarea>
+        </div>
+    </div>
 </body>
 </html>
 \ No newline at end of file
+cocreation_room_ln = [];
+
+/*EN*/
+cocreation_room_ln["explore_en"] = "EXPLORE";
+cocreation_room_ln["goal_en"] = "GOAL";
+
+/*IT*/
+cocreation_room_ln["explore_it"] = "ESPLORA";
+cocreation_room_ln["goal_it"] = "GOAL";
+
+/*FR*/
+cocreation_room_ln["explore_fr"] = "EXPLORE";
+cocreation_room_ln["goal_fr"] = "GOAL";
+
+/*NL*/
+cocreation_room_ln["explore_nl"] = "EXPLORE";
+cocreation_room_ln["goal_nl"] = "GOAL";
 \ No newline at end of file
@@ -17,17 +17,45 @@ ln[&quot;forward_en&quot;] = &quot;FORWARD&quot;;
 //SELECT DATASET
-ln["listView_en"] = "LIST VIEW";
-ln["treeMapView_en"] = "TREE MAP VIEW";
-ln["extendedSearch_en"] = "EXTENDED SEARCH";
+ln["selectedUrl_en"] = "Selected url";
+ln["wrongUrl_en"] = "Invalid url or data provider not supported yet.";
+
+ln["providersDatasets_en"] = "FROM PROVIDERS";
+ln["spodUsersDatasets_en"] = "FROM COCREATED";
+ln["extendedDatasets_en"] = "FROM EXTENDED SEARCH";
+ln["datasets_en"] = "DATASETS LIST";
+
 ln["provider_en"] = "Provider";
+ln["all_en"] = "All";
+ln["allDescription_en"] = "Shows the datasets of all associated providers.";
+ln["providerName_en"] = "Provider";
+ln["providerNameDescription_en"] = "Shows only the datasets of the selected provider.";
+
+//ln["view_en"] = "View";
+//ln["list_en"] = "List";
+//ln["listDescription_en"] = "Shows the datasets with a classic list.";
+//ln["tree_en"] = "Tree";
+//ln["treeDescription_en"] = "Shows the datasets with a tree map.";
+
+//ln["search_en"] = "Search";
+//ln["standard_en"] = "Standard";
+//ln["standardDescription_en"] = "The search function works only on datasets names.";
+//ln["extended_en"] = "Extended [NOT AVAILABLE]";
+//ln["extendedDescription_en"] = "The search function works the entire contents of the datasets.";
+
+ln["version_en"] = "Version";
+ln["showLast_en"] = "Show last";
+ln["showLastDescription_en"] = "Shows only the latest version of the datasets.";
+ln["showAll_en"] = "Show all";
+ln["showAllDescription_en"] = "Shows all versions of the datasets.";
+
+//select-dataset-controllet
+ln["datasetsInfo_en"] = "DATASET INFO";
 ln["showing_en"] = "Showing";
 ln["to_en"] = "to";
 ln["of_en"] = "of";
-ln["datasets_en"] = "datasets";
-ln["suggestedDatasets_en"] = "Suggested datasets";
-ln["selectedUrl_en"] = "Selected url";
-ln["wrongUrl_en"] = "Invalid url or data provider not supported yet.";
+ln["datasetsRows_en"] = "datasets";
+ln["search_en"] = "Search";
 //SELECT DATA
@@ -179,7 +207,7 @@ ln[&quot;CategoriesDescription_en&quot;] = &quot;The category that splits the y-axis values. If
 ln["x-axis-label_en"] = "X Axis Label";
 ln["y-axis-label_en"] = "Y Axis Label";
 ln["suffix_en"] = "Tooltip Suffix";
-ln["legend_en"] = "Leged";
+ln["legend_en"] = "Legend";
 ln["data-labels_en"] = "Show Data Labels";
 ln["stack_en"] = "Stack";
 ln["theme_en"] = "Theme";
@@ -200,7 +228,7 @@ ln[&quot;themeSpod_en&quot;] = &quot;Spod&quot;;
 ln["x-axis-labelDescription_en"] = "The x-axis label.";
 ln["y-axis-labelDescription_en"] = "The y-axis label.";
 ln["suffixDescription_en"] = "The suffix added to data labels in the tooltip.";
-ln["legendDescription_en"] = "The leged position.";
+ln["legendDescription_en"] = "The legend position.";
 ln["data-labelsDescription_en"] = "Show/hide data labels.";
 ln["themeDescription_en"] = "The theme affects the appearance and colors of the chart.";
 ln["stackDescription_en"] = "The stack type.";
@@ -210,409 +238,451 @@ ln[&quot;donutDescription_en&quot;] = &quot;Pie will become Donut! :) (or viceversa).&quot;;
 //PAGE SLIDER
-ln["slide1Title_it"] = "SELECT DATASET";
-ln["slide1Subtitle_it"] = "Select a dataset from the list or copy and paste the url of dataset.";
-ln["slide2Title_it"] = "SELECT DATA";
-ln["slide2Subtitle_it"] = "Select the fields on the left. The table will show the values related to the selected fields.";
-ln["slide3Title_it"] = "SELECT VISUALIZATION";
-ln["slide3Subtitle_it"] = "Select a visualization, fill out inputs and options.";
-ln["back_it"] = "BACK TO THE FUTURE";
-ln["forward_it"] = "FORWARD";
+ln["slide1Title_it"] = "SELEZIONA UN DATASET";
+ln["slide1Subtitle_it"] = "Seleziona un dataset dall'elenco oppure copia-incolla l'url di un dataset.";
+ln["slide2Title_it"] = "SELEZIONA I DATI";
+ln["slide2Subtitle_it"] = "Seleziona i campi sulla sinistra. La tabella mostrerà i valori relativi ai campi selezionati";
+ln["slide3Title_it"] = "SELEZIONA LA VISUALIZZAZIONE";
+ln["slide3Subtitle_it"] = "Seleziona una visualizzazione, compila i campi e le opzioni.";
+ln["back_it"] = "RITORNO AL FUTURO";
+ln["forward_it"] = "AVANTI";
 //SELECT DATASET
-ln["listView_it"] = "LIST VIEW";
-ln["treeMapView_it"] = "TREE MAP VIEW";
-ln["extendedSearch_it"] = "EXTENDED SEARCH";
+ln["selectedUrl_it"] = "Url selezionato";
+ln["wrongUrl_it"] = "Url non valido o provider dati non ancora supportato.";
+
+ln["providersDatasets_it"] = "DATASET DEI PROVIDER";
+ln["spodUsersDatasets_it"] = "DATASET COCREATI";
+ln["extendedDatasets_it"] = "RICERCA ESTESA";
+ln["datasets_it"] = "LISTA DEI DATASET";
+
 ln["provider_it"] = "Provider";
-ln["showing_it"] = "Showing";
-ln["to_it"] = "to";
-ln["of_it"] = "of";
-ln["datasets_it"] = "datasets";
-ln["suggestedDatasets_it"] = "Suggested datasets";
-ln["selectedUrl_it"] = "Selected url";
-ln["wrongUrl_it"] = "Invalid url or data provider not supported yet.";
+ln["all_it"] = "Tutti";
+ln["allDescription_it"] = "Mostra i dataset di tutti i provider associati..";
+ln["providerName_it"] = "Provider";
+ln["providerNameDescription_it"] = "Mostra solo i dataset del provider selezionato.";
+
+ln["search_it"] = "Ricerca";
+ln["standard_it"] = "Standard";
+ln["standardDescription_it"] = "La ricerca funziona solo sui nommi dei dataset.";
+ln["extended_it"] = "Extended [NOT AVAILABLE]";
+ln["extendedDescription_it"] = "La ricerca funziona sull'intero contenuto dei dataset;.";
+
+ln["version_it"] = "Version";
+ln["showLast_it"] = "Mostra l'ultima";
+ln["showLastDescription_it"] = "Mostra solo l'ultima versione dei dataset.";
+ln["showAll_it"] = "Mostra tutti";
+ln["showAllDescription_it"] = "Mostra tutte le versioni dei dataset.";
+
+//select-dataset-controllet
+ln["datasetsInfo_it"] = "INFORMAZIONI SUL DATASET";
+ln["showing_it"] = "Mostrati";
+ln["to_it"] = "a";
+ln["of_it"] = "di";
+ln["datasetsRows_it"] = "dataset";
+ln["search_it"] = "Ricerca";
 //SELECT DATA
 //select-fields
-ln["fields_it"] = "FIELDS";
+ln["fields_it"] = "CAMPI";
 //data-table
-ln["selectedData_it"] = "SELECTED DATA";
-ln["showing_it"] = "Showing";
-ln["to_it"] = "to";
-ln["of_it"] = "of";
-ln["rows_it"] = "rows";
-ln["type_it"] = "TYPE";
-ln["warning_it"] = "WARNING";
+ln["selectedData_it"] = "DATI SELEZIONATI";
+ln["showing_it"] = "Mostrati";
+ln["to_it"] = "a";
+ln["of_it"] = "di";
+ln["rows_it"] = "file";
+ln["type_it"] = "SCRIVERE";
+ln["warning_it"] = "ATTENZIONE";
 //expert
-ln["expert_it"] = "EXPERT MODE";
-ln["filters_it"] = "FILTERS";
-ln["groupBy_it"] = "GROUP BY";
-ln["query_it"] = "QUERY";
+ln["expert_it"] = "MODALITA' ESPERTO";
+ln["filters_it"] = "FILTRI";
+ln["groupBy_it"] = "RAGGRUPPA PER";
+ln["query_it"] = "INTERROGARE";
 //filters
-ln["filterField_it"] = "Field";
-ln["filterOperation_it"] = "Operation";
-ln["filterValue_it"] = "Value";
+ln["filterField_it"] = "Campo";
+ln["filterOperation_it"] = "Operazione";
+ln["filterValue_it"] = "Valore";
-ln["disableFilters_it"] = "DISABLE FILTERS";
-ln["enableFilters_it"] = "ENABLE FILTERS";
+ln["disableFilters_it"] = "DISABILITA FILTRI";
+ln["enableFilters_it"] = "ABILITA FILTRI";
 ln["=_it"] = "=";   //is equal to
-ln["!=_it"] = "not =";  //is not equal to
+ln["!=_it"] = "non =";  //is not equal to
 ln[">_it"] = ">";   //is greater than
 ln[">=_it"] = ">="; //is greater than or equal to
 ln["<_it"] = "<";   //is less than
 ln["<=_it"] = "<="; //is less than or equal to
-ln["contains_it"] = "contains";
-ln["notContains_it"] = "not contains";
-ln["start_it"] = "start with";
-ln["ends_it"] = "ends with";
+ln["contains_it"] = "contiene";
+ln["notContains_it"] = "non contiene";
+ln["start_it"] = "inizia con";
+ln["ends_it"] = "termina con";
 //aggregators
-ln["GROUP BY_it"] = "GROUP BY";
-ln["CALCULATE_it"] = "CALCULATE";
-ln["Calculate_it"] = "Calculate";
-ln["aggregatorField_it"] = "Field";
-
-ln["disableGroupBy_it"] = "DISABLE GROUP BY";
-ln["enableGroupBy_it"] = "ENABLE GROUP BY";
-
-ln["COUNT_it"] = "COUNT of";
-ln["SUM_it"] = "SUM of";
-ln["MIN_it"] = "MIN of";
-ln["MAX_it"] = "MAX of";
-ln["AVG_it"] = "AVG of";
-ln["FIRST_it"] = "FIRST of";
-ln["LAST_it"] = "LAST of";
+ln["GROUP BY_it"] = "RAGGRUPPA PER";
+ln["CALCULATE_it"] = "CALCOLA";
+ln["Calculate_it"] = "Calcola";
+ln["aggregatorField_it"] = "Campo";
+
+ln["disableGroupBy_it"] = "DISABILITA RAGGRUPPAMENTO ";
+ln["enableGroupBy_it"] = "ABILITA RAGGRUPPAMENTO";
+
+ln["COUNT_it"] = "TOTALE di";
+ln["SUM_it"] = "SOMMA di";
+ln["MIN_it"] = "MINORE di";
+ln["MAX_it"] = "MASSIMO di";
+ln["AVG_it"] = "AVG di";
+ln["FIRST_it"] = "PRIMO di";
+ln["LAST_it"] = "ULTIMO di";
 //SELECT VISUALIZATION
-ln["addDatalet_it"] = "ADD";
-ln["modifyDatalet_it"] = "MODIFY";
+ln["addDatalet_it"] = "AGGIUNGI";
+ln["modifyDatalet_it"] = "MODIFICA";
 //datalet-preview
-ln["previewTab_it"] = "DATALET PREVIEW";
+ln["previewTab_it"] = "ANTEPRIMA DATALET";
 ln["infoTab_it"] = "DATALET INFO";
 //select-inputs
-ln["baseInfo_it"] = "BASE INFO";
-ln["inputs_it"] = "INPUTS";
-ln["options_it"] = "OPTIONS";
+ln["baseInfo_it"] = "INFO BASE";
+ln["inputs_it"] = "INPUT";
+ln["options_it"] = "OPZIONI";
 //vslider
-ln["search_it"] = "Search";
+ln["search_it"] = "Cerca";
-ln["datatable_it"] = "Table";
-ln["barchart_it"] = "Bar Chart";
-ln["columnchart_it"] = "Column Chart";
-ln["areachart_it"] = "Area Chart";
-ln["linechart_it"] = "Line Chart";
+ln["datatable_it"] = "Tabella";
+ln["barchart_it"] = "Grafico a barre";
+ln["columnchart_it"] = "Istogramma";
+ln["areachart_it"] = "Grafico ad area";
+ln["linechart_it"] = "Grafico a linee";
 ln["heatmap_it"] = "Heat Map";
-ln["piechart_it"] = "Pie Chart";
-ln["scatterchart_it"] = "Scatter Chart";
-ln["bubblechart_it"] = "Bubble Chart";
-ln["treemap_it"] = "Tree Map";
-ln["leafletjs_it"] = "Map";
-ln["leafletjs-geojson_it"] = "Geojson Map";
-
-ln["datatableDescription_it"] = "A table is a means of arranging data in rows and columns.";
-ln["barchartDescription_it"] = "A bar chart is a chart that presents grouped data with rectangular bars plotted horizontally with lengths proportional to the values that they represent.";
-ln["columnchartDescription_it"] = "A column chart is a chart that presents grouped data with rectangular bars plotted vertically with lengths proportional to the values that they represent.";
-ln["areachartDescription_it"] = "An area chart is a chart which displays graphically quantitive data. The area between axis and line are emphasized with colors and textures. Commonly one compares with the area chart two or more quantities.";
-ln["linechartDescription_it"] = "A line chart is chart which displays information as a series of data points called 'markers' connected by straight line segments. A line chart is often used to visualize a trend in data over intervals of time.";
-ln["heatmapDescription_it"] = "A heat map is a graphical representation of data where the individual values contained in a matrix are represented as colors.";
-ln["piechartDescription_it"] = "A pie chart is a circular statistical graphic, which is divided into slices to illustrate numerical proportion. In the pie chart, the arc length of each slice, and consequently its central angle and area, is proportional to the quantity it represents.";
-ln["scatterchartDescription_it"] = "A scatter chart is a type of plot or mathematical diagram using Cartesian coordinates to display values for typically two variables for a set of data. The data is displayed as a collection of points, each having the value of one variable determining the position on the horizontal axis and the value of the other variable determining the position on the vertical axis.";
-ln["bubblechartDescription_it"] = "A bubble chart is a type of chart that displays three dimensions of data. Each entity with its triplet (v1, v2, v3) of associated data is plotted as a disk that expresses two of the vi values through the disk's xy location and the third through its size.";
-ln["treemapDescription_it"] = "A tree map is a chart for displaying hierarchical data by using nested rectangles.";
+ln["piechart_it"] = "Grafico a torta";
+ln["scatterchart_it"] = "Grafico a dispersione";
+ln["bubblechart_it"] = "Diagramma a bolle";
+ln["treemap_it"] = "Mappa ad albero";
+ln["leafletjs_it"] = "Mappa";
+ln["leafletjs-geojson_it"] = "Mappa Geojson";
+
+ln["datatableDescription_it"] = "Una tabella è un mezzo per organizzare i dati in righe e colonne.";
+ln["barchartDescription_it"] = "Un grafico a barre è un grafico che presenta dati raggruppati in barre rettangolari impostate orizzontalmente con la lunghezza proporzionale al valore rappresentato.";
+ln["columnchartDescription_it"] = "Un istogramma è un grafico raffigurante dati raggruppati in barre rettangolari impostate verticalmente con lunghezza proporzionale al valore rappresentato.";
+ln["areachartDescription_it"] = "Un grafico ad area è un grafico che mostra graficamente dati quantitativi. L'area tra le assi e la linea sono enfatizzate con colori e texture. Usualmente si compara il grafico ad area con due o più quantità.";
+ln["linechartDescription_it"] = "Un grafico a linee è un grafico che mostra le informazioni sottoforma di una serie di dati puntuali definiti 'markers' e collegati tra loro con segmenti di linee dritte. Il grafico a linee è spesso utilizzato per visualizzare trend lungo un intervallo temporale.";
+ln["heatmapDescription_it"] = "Una heat map è una rappresentazione grafica di dati in cui i valori individuali contenuti in una matrice sono rappresentati con colori.";
+ln["piechartDescription_it"] = "Un grafico a torta è un grafico statistico e circolare che è diviso in fette che mostrano la proporzione numerica. Nel grafico a torta la lunghezza dell'arco di ogni fetta, e di conseguenza il suo angolo al centro e l'area, è proporzionato alla quantita che rappresenta.";
+ln["scatterchartDescription_it"] = "Un grafico a dispersione è un tipo di grafico o diagramma matematico che utilizza coordinate cartesiane per mostrare valori tipicamente per due variabili per un set di dati. I dati sono mostrati come un insieme di punti, ciascuno avente il valore di una variabile che ne determina la posizione sull'asse orizzontale e il valore dell'altra variabile ne determina la posizione sull'asse verticale.";
+ln["bubblechartDescription_it"] = " Un diagramma a bolle è un tipo di diagramma che mostra tre dimensioni dei dati. Ciascuna entità con la sua tripletta (v1,v2,v3) di dati associati viene impostata come un disco che esprime due dei valori di vi attraverso la localizzazione dell'xy del disco mentre la terza vi è la dimensione del disco stessa.";
+ln["treemapDescription_it"] = " Una mappa ad albero è un diagramma per rappresentare dati gerarchicamente utilizzando rettangoli nidificati.";
 ln["leafletjsDescription_it"] = "";
 ln["leafletjs-geojsonDescription_it"] = "";
 //inputs
-ln["title_it"] = "Title"
-ln["description_it"] = "Description";
-
-ln["sortAscending_it"] = "SORTED ASCENDING";
-ln["sortDescending_it"] = "SORTED DESCENDING";
-ln["unsort_it"] = "UNSORTED";
-
-//--> "_" not allowed!
-ln["TITLE_it"] = "TITLE";
-ln["DESCRIPTION_it"] = "DESCRIPTION";
-ln["XAxis_it"] = "X-AXIS";
-ln["YAxis_it"] = "Y-AXIS";
-ln["NumericXAxis_it"] = "X-AXIS";
-ln["NumericYAxis_it"] = "Y-AXIS";
-ln["Column_it"] = "COLUMN";
-ln["Level_it"] = "LEVEL";
-ln["SliceLabels_it"] = "LABEL";
-ln["SliceSizes_it"] = "SIZE";
-ln["Latitude_it"] = "LATITUDE";
-ln["Longitude_it"] = "LONGITUDE";
-ln["BalloonContent_it"] = "BALLOON CONTENT";
+ln["title_it"] = "Titolo"
+ln["description_it"] = "Descrizione";
+
+ln["sortAscending_it"] = "ORDINE CRESCENTE";
+ln["sortDescending_it"] = "ORDINE DECRESCENTE";
+ln["unsort_it"] = "NON ORDINATI";
+
+ln["TITLE_it"] = "TITOLO";
+ln["DESCRIPTION_it"] = "DESCRIZIONE";
+ln["XAxis_it"] = "ASSE X";
+ln["YAxis_it"] = "ASSE Y";
+ln["NumericXAxis_it"] = "ASSE X";
+ln["NumericYAxis_it"] = "ASSE Y";
+ln["Column_it"] = "COLONNA";
+ln["Level_it"] = "LIVELLO";
+ln["SliceLabels_it"] = "ETICHETTA";
+ln["SliceSizes_it"] = "DIMENSIONE";
+ln["Latitude_it"] = "LATITUDINE";
+ln["Longitude_it"] = "LONGITUDINE";
+ln["BalloonContent_it"] = "CONTENUTO DEL BALLOON";
 ln["GEOJSON_it"] = "GEOJSON";
-ln["GEOJSONContent_it"] = "GEOJSON CONTENT";
-ln["BubbleContent_it"] = "BUBBLE CONTENT";
-ln["BubbleSize_it"] = "BUBBLE SIZE";
-ln["Categories_it"] = "CATEGORY";
-
-ln["TITLEDescription_it"] = "The datalet title.";
-ln["DESCRIPTIONDescription_it"] = "The datalet description.";
-ln["XAxisDescription_it"] = "The x-axis.";
-ln["YAxisDescription_it"] = "The y-axis.";
-ln["NumericXAxisDescription_it"] = "The x-axis.";
-ln["NumericYAxisDescription_it"] = "The y-axis.";
-ln["ColumnDescription_it"] = "The column of the table.";
-ln["LevelDescription_it"] = "The level of the tree map.";
-ln["SliceLabelsDescription_it"] = "The label of the slices.";
-ln["SliceSizesDescription_it"] = "The size of the slices.";
-ln["LatitudeDescription_it"] = "The latitude of locations.";
-ln["LongitudeDescription_it"] = "The longitude of locations.";
-ln["BalloonContentDescription_it"] = "The content of balloons.";
-ln["GEOJSONDescription_it"] = "The GeoJSON data.";
-ln["GEOJSONContentDescription_it"] = "The content of GeoJSON.";
-ln["BubbleContentDescription_it"] = "The content of bubbles.";
-ln["BubbleSizeDescription_it"] = "The size of bubbles.";
-ln["CategoriesDescription_it"] = "The category that splits the y-axis values. If selected only the first selected y-axis will be considered.";
+ln["GEOJSONContent_it"] = "CONTENUTO DEL GEOJSON";
+ln["BubbleContent_it"] = "CONTENUTO DELLA BOLLA";
+ln["BubbleSize_it"] = "DIMENSIONE DELLA BOLLA";
+ln["Categories_it"] = "CATEGORIA";
+
+ln["TITLEDescription_it"] = "Titolo del datalet";
+ln["DESCRIPTIONDescription_it"] = "Descrizione datalet";
+ln["XAxisDescription_it"] = "Asse x";
+ln["YAxisDescription_it"] = "Asse y";
+ln["NumericXAxisDescription_it"] = "Asse x";
+ln["NumericYAxisDescription_it"] = "Asse y";
+ln["ColumnDescription_it"] = "Colonna della tabella";
+ln["LevelDescription_it"] = "Livello della mappa ad albero";
+ln["SliceLabelsDescription_it"] = "Etichette delle fette";
+ln["SliceSizesDescription_it"] = "Dimensione delle fette";
+ln["LatitudeDescription_it"] = "Latitudine della posizione";
+ln["LongitudeDescription_it"] = "Longitudine della posizione";
+ln["BalloonContentDescription_it"] = "Contenuto dei balloons";
+ln["GEOJSONDescription_it"] = "Dati GeoJSON.";
+ln["GEOJSONContentDescription_it"] = "Contenuto del GeoJSON.";
+ln["BubbleContentDescription_it"] = "Contenuto delle bolle.";
+ln["BubbleSizeDescription_it"] = "Dimensione delle bolle.";
+ln["CategoriesDescription_it"] = "Categoria che separa l'asse y. Se selezionata, solo l'asse y scelta per prima sarà considerata.";
 //options
-ln["x-axis-label_it"] = "X Axis Label";
-ln["y-axis-label_it"] = "Y Axis Label";
-ln["suffix_it"] = "Tooltip Suffix";
-ln["legend_it"] = "Leged";
-ln["data-labels_it"] = "Show Data Labels";
-ln["stack_it"] = "Stack";
-ln["theme_it"] = "Theme";
-ln["donut_it"] = "Donut";
-
-ln["true_it"] = "Yes";
+ln["x-axis-label_it"] = "Etichetta asse X";
+ln["y-axis-label_it"] = "Etichetta asse Y";
+ln["suffix_it"] = "Suffisso Tooltip";
+ln["legend_it"] = "Leggenda";
+ln["data-labels_it"] = "Mostra etichette dati";
+ln["stack_it"] = "Pila";
+ln["theme_it"] = "Tema";
+ln["donut_it"] = "Ciambella";
+
+ln["true_it"] = "Si";
 ln["false_it"] = "No";
-ln["bottom_it"] = "Yes: Bottom";
-ln["topRight_it"] = "Yes: Top Right";
-ln["normal_it"] = "Yes: Normal";
-ln["percent_it"] = "Yes: Percent";
+ln["bottom_it"] = "Si: in fondo";
+ln["topRight_it"] = "Si: in alto a destra";
+ln["normal_it"] = "Si: Normale";
+ln["percent_it"] = "Si: Percentuale";
 ln["themeBase_it"] = "Base";
 ln["themeDarkUnika_it"] = "Dark Unika";
 ln["themeSandSignika_it"] = "Sand Signika";
 ln["themeGridLight_it"] = "Grid Light";
 ln["themeSpod_it"] = "Spod";
-ln["x-axis-labelDescription_it"] = "The x-axis label.";
-ln["y-axis-labelDescription_it"] = "The y-axis label.";
-ln["suffixDescription_it"] = "The suffix added to data labels in the tooltip.";
-ln["legendDescription_it"] = "The leged position.";
-ln["data-labelsDescription_it"] = "Show/hide data labels.";
-ln["themeDescription_it"] = "The theme affects the appearance and colors of the chart.";
-ln["stackDescription_it"] = "The stack type.";
-ln["donutDescription_it"] = "Pie will become Donut! :) (or viceversa).";
+ln["x-axis-labelDescription_it"] = "Etichetta asse X";
+ln["y-axis-labelDescription_it"] = "Etichetta asse Y";
+ln["suffixDescription_it"] = " Suffisso aggiunto all'etichette dati nel tooltip.";
+ln["legendDescription_it"] = "Posizione leggenda";
+ln["data-labelsDescription_it"] = "Mostra/Nascondi etichette dati";
+ln["themeDescription_it"] = "Il tema influenza l'aspetto e i colori del grafico.";
+ln["stackDescription_it"] = "Tipologia di pila";
+ln["donutDescription_it"] = "La torta si trasforma in ciambella! :) (o viceversa).";
 /******** FR ********/
 //PAGE SLIDER
-ln["slide1Title_fr"] = "SELECT DATASET";
-ln["slide1Subtitle_fr"] = "Select a dataset from the list or copy and paste the url of dataset.";
-ln["slide2Title_fr"] = "SELECT DATA";
-ln["slide2Subtitle_fr"] = "Select the fields on the left. The table will show the values related to the selected fields.";
-ln["slide3Title_fr"] = "SELECT VISUALIZATION";
-ln["slide3Subtitle_fr"] = "Select a visualization, fill out inputs and options.";
-ln["back_fr"] = "BACK TO THE FUTURE";
-ln["forward_fr"] = "FORWARD";
+ln["slide1Title_fr"] = "SÉLECTIONNER UN JEU DE DONNÉES";
+ln["slide1Subtitle_fr"] = "Rechercher ou copier/coller l’url du jeu de données.";
+ln["slide2Title_fr"] = "SÉLECTIONNER DONNÉES";
+ln["slide2Subtitle_fr"] = "Sélectionner les champs sur la gauche. Le tableau présentera les valeurs liées aux champs sélectionnés.";
+ln["slide3Title_fr"] = "SÉLECTIONNER UN MODE DE VISUALISATION";
+ln["slide3Subtitle_fr"] = "Sélectionner une visualisation, compléter les données et les options.";
+ln["back_fr"] = "RETOUR VERS LE FUTUR";
+ln["forward_fr"] = "AVANT";
 //SELECT DATASET
-ln["listView_fr"] = "LIST VIEW";
-ln["treeMapView_fr"] = "TREE MAP VIEW";
-ln["extendedSearch_fr"] = "EXTENDED SEARCH";
+ln["selectedUrl_fr"] = "API URL sélectionné";
+ln["wrongUrl_fr"] = "URL invalide ou fournisseur de données pas encore supporté.";
+
+ln["providersDatasets_fr"] = "DATASET DE PROVIDER";
+ln["spodUsersDatasets_fr"] = "DATASET COCRÉE";
+ln["extendedDatasets_fr"] = "RECHERCHE AVANCÉE";
+ln["datasets_fr"] = "LISTE DE DATASET";
+
 ln["provider_fr"] = "Provider";
-ln["showing_fr"] = "Showing";
-ln["to_fr"] = "to";
-ln["of_fr"] = "of";
-ln["datasets_fr"] = "datasets";
-ln["suggestedDatasets_fr"] = "Suggested datasets";
-ln["selectedUrl_fr"] = "Selected url";
-ln["wrongUrl_fr"] = "Invalid url or data provider not supported yet.";
+ln["all_fr"] = "Tout";
+ln["allDescription_fr"] = "Hows les ensembles de données de tous les fournisseurs associés.";
+ln["providerName_fr"] = "Provider";
+ln["providerNameDescription_fr"] = "Affiche uniquement les ensembles de données du fournisseur sélectionné.";
+
+ln["search_fr"] = "Rechercher";
+ln["standard_fr"] = "Standard";
+ln["standardDescription_fr"] = "La fonction de recherche ne fonctionne que sur des ensembles de données des noms.";
+ln["extended_fr"] = "Extended [NON DISPONIBLE]";
+ln["extendedDescription_fr"] = "La fonction de recherche fonctionne tout le contenu des ensembles de données.";
+
+ln["version_fr"] = "Version";
+ln["showLast_fr"] = "Montre la dernière";
+ln["showLastDescription_fr"] = "Indique que la dernière version des ensembles de données.";
+ln["showAll_fr"] = "Montre tout";
+ln["showAllDescription_fr"] = "Montre toutes les versions des ensembles de données.";
+
+//select-dataset-controllet
+ln["datasetsInfo_fr"] = "INFORMATIONS SUR DATASET";
+ln["showing_fr"] = "Aperçu";
+ln["to_fr"] = "à";
+ln["of_fr"] = "de";
+ln["datasetsRows_fr"] = "dataset";
+ln["search_fr"] = "Rechercher";
 //SELECT DATA
 //select-fields
-ln["fields_fr"] = "FIELDS";
+ln["fields_fr"] = "CHAMPS";
 //data-table
-ln["selectedData_fr"] = "SELECTED DATA";
-ln["showing_fr"] = "Showing";
-ln["to_fr"] = "to";
-ln["of_fr"] = "of";
-ln["rows_fr"] = "rows";
+ln["selectedData_fr"] = "DONNÉES SÉLECTIONNÉES";
+ln["showing_fr"] = "Aperçu";
+ln["to_fr"] = "à";
+ln["of_fr"] = "de";
+ln["rows_fr"] = "rangées";
 ln["type_fr"] = "TYPE";
-ln["warning_fr"] = "WARNING";
+ln["warning_fr"] = "AVERTISSEMENT";
 //expert
-ln["expert_fr"] = "EXPERT MODE";
-ln["filters_fr"] = "FILTERS";
-ln["groupBy_fr"] = "GROUP BY";
-ln["query_fr"] = "QUERY";
+ln["expert_fr"] = "MODE EXPERT";
+ln["filters_fr"] = "FILTRES";
+ln["groupBy_fr"] = "GROUPE PAR";
+ln["query_fr"] = "REQUÊTE";
 //filters
-ln["filterField_fr"] = "Field";
-ln["filterOperation_fr"] = "Operation";
-ln["filterValue_fr"] = "Value";
-
-ln["disableFilters_fr"] = "DISABLE FILTERS";
-ln["enableFilters_fr"] = "ENABLE FILTERS";
-
-ln["=_fr"] = "=";   //is equal to
-ln["!=_fr"] = "not =";  //is not equal to
-ln[">_fr"] = ">";   //is greater than
-ln[">=_fr"] = ">="; //is greater than or equal to
-ln["<_fr"] = "<";   //is less than
-ln["<=_fr"] = "<="; //is less than or equal to
-ln["contains_fr"] = "contains";
-ln["notContains_fr"] = "not contains";
-ln["start_fr"] = "start with";
-ln["ends_fr"] = "ends with";
+ln["filterField_fr"] = "Champ";
+ln["filterOperation_fr"] = "Opération";
+ln["filterValue_fr"] = "Valeur";
+
+ln["disableFilters_fr"] = "DÉSACTIVER LES FILTRES";
+ln["enableFilters_fr"] = "ACTIVER LES FILTRES";
+
+ln["=_fr"] = "=";   //est égal à
+ln["!=_fr"] = "not =";  //n'est pas égal à
+ln[">_fr"] = ">";   //est plus grand que
+ln[">=_fr"] = ">="; //est plus grand ou égal à
+ln["<_fr"] = "<";   //est inférieur à
+ln["<=_fr"] = "<="; //est inférieur ou égal à
+ln["contains_fr"] = "contient";
+ln["notContains_fr"] = "ne contient pas";
+ln["start_fr"] = "commence par";
+ln["ends_fr"] = "se finit par";
 //aggregators
-ln["GROUP BY_fr"] = "GROUP BY";
-ln["CALCULATE_fr"] = "CALCULATE";
-ln["Calculate_fr"] = "Calculate";
-ln["aggregatorField_fr"] = "Field";
-
-ln["disableGroupBy_fr"] = "DISABLE GROUP BY";
-ln["enableGroupBy_fr"] = "ENABLE GROUP BY";
-
-ln["COUNT_fr"] = "COUNT of";
-ln["SUM_fr"] = "SUM of";
-ln["MIN_fr"] = "MIN of";
-ln["MAX_fr"] = "MAX of";
-ln["AVG_fr"] = "AVG of";
-ln["FIRST_fr"] = "FIRST of";
-ln["LAST_fr"] = "LAST of";
+ln["GROUP BY_fr"] = "GROUPE PAR";
+ln["CALCULATE_fr"] = "CALCULER";
+ln["Calculate_fr"] = "Calculer";
+ln["aggregatorField_fr"] = "Champ";
+
+ln["disableGroupBy_fr"] = "DÉSACTIVER LE GROUPE PAR";
+ln["enableGroupBy_fr"] = "ACTIVER LE GROUPE PAR";
+
+ln["COUNT_fr"] = "COMPTE de";
+ln["SUM_fr"] = "SOMME de";
+ln["MIN_fr"] = "MIN de";
+ln["MAX_fr"] = "MAX de";
+ln["AVG_fr"] = "AVG de";
+ln["FIRST_fr"] = "PREMIER de";
+ln["LAST_fr"] = "DERNIER de";
 //SELECT VISUALIZATION
-ln["addDatalet_fr"] = "ADD";
-ln["modifyDatalet_fr"] = "MODIFY";
+ln["addDatalet_fr"] = "AJOUTER";
+ln["modifyDatalet_fr"] = "MODIFIER";
 //datalet-preview
-ln["previewTab_fr"] = "DATALET PREVIEW";
-ln["infoTab_fr"] = "DATALET INFO";
+ln["previewTab_fr"] = "APERÇU DU DATALET";
+ln["infoTab_fr"] = "INFORMATIONS DU DATALET";
 //select-inputs
-ln["baseInfo_fr"] = "BASE INFO";
-ln["inputs_fr"] = "INPUTS";
+ln["baseInfo_fr"] = "INFORMATIONS DE BASE";
+ln["inputs_fr"] = "DONNÉES";
 ln["options_fr"] = "OPTIONS";
 //vslider
-ln["search_fr"] = "Search";
-
-ln["datatable_fr"] = "Table";
-ln["barchart_fr"] = "Bar Chart";
-ln["columnchart_fr"] = "Column Chart";
-ln["areachart_fr"] = "Area Chart";
-ln["linechart_fr"] = "Line Chart";
-ln["heatmap_fr"] = "Heat Map";
-ln["piechart_fr"] = "Pie Chart";
-ln["scatterchart_fr"] = "Scatter Chart";
-ln["bubblechart_fr"] = "Bubble Chart";
-ln["treemap_fr"] = "Tree Map";
-ln["leafletjs_fr"] = "Map";
-ln["leafletjs-geojson_fr"] = "Geojson Map";
-
-ln["datatableDescription_fr"] = "A table is a means of arranging data in rows and columns.";
-ln["barchartDescription_fr"] = "A bar chart is a chart that presents grouped data with rectangular bars plotted horizontally with lengths proportional to the values that they represent.";
-ln["columnchartDescription_fr"] = "A column chart is a chart that presents grouped data with rectangular bars plotted vertically with lengths proportional to the values that they represent.";
-ln["areachartDescription_fr"] = "An area chart is a chart which displays graphically quantitive data. The area between axis and line are emphasized with colors and textures. Commonly one compares with the area chart two or more quantities.";
-ln["linechartDescription_fr"] = "A line chart is chart which displays information as a series of data points called 'markers' connected by straight line segments. A line chart is often used to visualize a trend in data over intervals of time.";
-ln["heatmapDescription_fr"] = "A heat map is a graphical representation of data where the individual values contained in a matrix are represented as colors.";
-ln["piechartDescription_fr"] = "A pie chart is a circular statistical graphic, which is divided into slices to illustrate numerical proportion. In the pie chart, the arc length of each slice, and consequently its central angle and area, is proportional to the quantity it represents.";
-ln["scatterchartDescription_fr"] = "A scatter chart is a type of plot or mathematical diagram using Cartesian coordinates to display values for typically two variables for a set of data. The data is displayed as a collection of points, each having the value of one variable determining the position on the horizontal axis and the value of the other variable determining the position on the vertical axis.";
-ln["bubblechartDescription_fr"] = "A bubble chart is a type of chart that displays three dimensions of data. Each entity with its triplet (v1, v2, v3) of associated data is plotted as a disk that expresses two of the vi values through the disk's xy location and the third through its size.";
-ln["treemapDescription_fr"] = "A tree map is a chart for displaying hierarchical data by using nested rectangles.";
+ln["search_fr"] = "Rechercher";
+
+ln["datatable_fr"] = "Tableau";
+ln["barchart_fr"] = "Diagramme à barres";
+ln["columnchart_fr"] = "Histogramme";
+ln["areachart_fr"] = "Diagramme de zone";
+ln["linechart_fr"] = "Diagramme linéaire";
+ln["heatmap_fr"] = "Carte Thermique";
+ln["piechart_fr"] = "Diagramme Circulaire";
+ln["scatterchart_fr"] = "Diagramme de dispersion";
+ln["bubblechart_fr"] = "Diagramme à bulles";
+ln["treemap_fr"] = "Carte d'arborescence";
+ln["leafletjs_fr"] = "Carte";
+ln["leafletjs-geojson_fr"] = "Carte Geojson";
+
+ln["datatableDescription_fr"] = "Un tableau est un moyen d'organiser les données dans des rangées et des colonnes.";
+ln["barchartDescription_fr"] = "Un diagramme à barres est un graphique qui représente des données groupées au moyen de barres rectangulaires disposées horizontallement avec des longueurs proportionnelles aux valeurs qu'elles représentent.";
+ln["columnchartDescription_fr"] = "Un histogramme est un graphique qui représente des données groupées au moyen de barres rectangulaires disposées verticallement avec des longueurs proportionnelles aux valeurs qu'elles représentent.";
+ln["areachartDescription_fr"] = "Un diagramme de zone est un graphique qui propose des données quantitatives de manière graphique. La zone entre l'axe et la ligne est accentuée par des couleurs et des textures. En général, minimum deux données quantitatives sont utilisées pour être comparées dans ce genre de graphique.";
+ln["linechartDescription_fr"] = "Un diagramme linéaire est un graphique qui propose des informations sous forme d'une série de points de données appelés des 'marqueurs', reliés entre eux pour former des lignes continues. Un diagramme linéaire est souvent utilisé pour visualiser une tendance dans les données en parallèle avec des périodes de temps données.";
+ln["heatmapDescription_fr"] = "Une carte thermique est une représentation graphique de données dans laquelle les valeurs individuelles contenues dans une matrice sont représentées à l'aide de couleurs.";
+ln["piechartDescription_fr"] = "Un diagramme circulaire est un graphique statistique qui est séparé en deux pour illustrer des proportions numériques. Dans un diagramme circulaire, la longueur de l'arc de chaque parties, et par conséquent son angle central et sa superficie, est proportionnelle à la quantité qu'elle représente.";
+ln["scatterchartDescription_fr"] = "Un diagramme de dispersion est un type de graphique ou de diagramme mathématque qui utilise des coordonnées cartésiennes pour mettre en évidence des valeurs pour deux variables d'un jeu de données. Les données sont mises se traduisent par un regroupement de points, chacun ayant la valeur d'une variable déterminant la position sur l'axe horizontal et la valeur de l'autre variable qui détermine la position sur l'axe vertical.";
+ln["bubblechartDescription_fr"] = "Un diagramme à bulles est un graphique qui propose des données à trois dimensions. Chaque entité avec ses triplets (v1, v2, v3) de données associées est agencée comme un disque qui exprime deux des valeurs vi au moyen de l'emplacement xy du disque ainsi que de la taille du troisième.";
+ln["treemapDescription_fr"] = "Une arte d'arborescence est un graphique qui permet de visualiser les données hiérarchiques à l'aide de rectangles imbriqués.";
 ln["leafletjsDescription_fr"] = "";
 ln["leafletjs-geojsonDescription_fr"] = "";
 //inputs
-ln["title_fr"] = "Title"
+ln["title_fr"] = "Titre";
 ln["description_fr"] = "Description";
-ln["sortAscending_fr"] = "SORTED ASCENDING";
-ln["sortDescending_fr"] = "SORTED DESCENDING";
-ln["unsort_fr"] = "UNSORTED";
+ln["sortAscending_fr"] = "CLASSÉ DE MANIÈRE ASCENDANTE";
+ln["sortDescending_fr"] = "CLASSÉ DE MANIÈRE DESCENDANTE";
+ln["unsort_fr"] = "PAS CLASSÉ";
-//--> "_" not allowed!
-ln["TITLE_fr"] = "TITLE";
+ln["TITLE_fr"] = "TITRE";
 ln["DESCRIPTION_fr"] = "DESCRIPTION";
-ln["XAxis_fr"] = "X-AXIS";
-ln["YAxis_fr"] = "Y-AXIS";
-ln["NumericXAxis_fr"] = "X-AXIS";
-ln["NumericYAxis_fr"] = "Y-AXIS";
-ln["Column_fr"] = "COLUMN";
-ln["Level_fr"] = "LEVEL";
+ln["XAxis_fr"] = "AXE DES X";
+ln["YAxis_fr"] = "AXE DES Y";
+ln["NumericXAxis_fr"] = "AXE DES X";
+ln["NumericYAxis_fr"] = "AXE DES Y";
+ln["Column_fr"] = "COLONNE";
+ln["Level_fr"] = "NIVEAU";
 ln["SliceLabels_fr"] = "LABEL";
-ln["SliceSizes_fr"] = "SIZE";
+ln["SliceSizes_fr"] = "TAILLE";
 ln["Latitude_fr"] = "LATITUDE";
 ln["Longitude_fr"] = "LONGITUDE";
-ln["BalloonContent_fr"] = "BALLOON CONTENT";
+ln["BalloonContent_fr"] = "CONTENU DE LA BULLE";
 ln["GEOJSON_fr"] = "GEOJSON";
-ln["GEOJSONContent_fr"] = "GEOJSON CONTENT";
-ln["BubbleContent_fr"] = "BUBBLE CONTENT";
-ln["BubbleSize_fr"] = "BUBBLE SIZE";
-ln["Categories_fr"] = "CATEGORY";
-
-ln["TITLEDescription_fr"] = "The datalet title.";
-ln["DESCRIPTIONDescription_fr"] = "The datalet description.";
-ln["XAxisDescription_fr"] = "The x-axis.";
-ln["YAxisDescription_fr"] = "The y-axis.";
-ln["NumericXAxisDescription_fr"] = "The x-axis.";
-ln["NumericYAxisDescription_fr"] = "The y-axis.";
-ln["ColumnDescription_fr"] = "The column of the table.";
-ln["LevelDescription_fr"] = "The level of the tree map.";
-ln["SliceLabelsDescription_fr"] = "The label of the slices.";
-ln["SliceSizesDescription_fr"] = "The size of the slices.";
-ln["LatitudeDescription_fr"] = "The latitude of locations.";
-ln["LongitudeDescription_fr"] = "The longitude of locations.";
-ln["BalloonContentDescription_fr"] = "The content of balloons.";
-ln["GEOJSONDescription_fr"] = "The GeoJSON data.";
-ln["GEOJSONContentDescription_fr"] = "The content of GeoJSON.";
-ln["BubbleContentDescription_fr"] = "The content of bubbles.";
-ln["BubbleSizeDescription_fr"] = "The size of bubbles.";
-ln["CategoriesDescription_fr"] = "The category that splits the y-axis values. If selected only the first selected y-axis will be considered.";
+ln["GEOJSONContent_fr"] = "CONTENU GEOJSON";
+ln["BubbleContent_fr"] = "CONTENU DE LA BULLE";
+ln["BubbleSize_fr"] = "TAILLE DE LA BULLE";
+ln["Categories_fr"] = "CATÉGORIE";
+
+ln["TITLEDescription_fr"] = "Le titre du datalet.";
+ln["DESCRIPTIONDescription_fr"] = "La description du datalet.";
+ln["XAxisDescription_fr"] = "L'axe des x.";
+ln["YAxisDescription_fr"] = "L'axe des y.";
+ln["NumericXAxisDescription_fr"] = "L'axe des x.";
+ln["NumericYAxisDescription_fr"] = "L'axe des y.";
+ln["ColumnDescription_fr"] = "La colonne du tableau.";
+ln["LevelDescription_fr"] = "Le niveau de la carte d'arborescence.";
+ln["SliceLabelsDescription_fr"] = "Le label des parts.";
+ln["SliceSizesDescription_fr"] = "La taille des parts.";
+ln["LatitudeDescription_fr"] = "La latitude des localisations.";
+ln["LongitudeDescription_fr"] = "La longitude des localisations.";
+ln["BalloonContentDescription_fr"] = "Le contenu des bulles.";
+ln["GEOJSONDescription_fr"] = "Les données GeoJSON.";
+ln["GEOJSONContentDescription_fr"] = "Le contenu de GeoJSON.";
+ln["BubbleContentDescription_fr"] = "Le contenu des bulles.";
+ln["BubbleSizeDescription_fr"] = "La taille des bulles.";
+ln["CategoriesDescription_fr"] = "La catégorie qui sépare les valeurs de l'axe des x. Si sélectionné, seulement le premier axe des y sera considéré.";
 //options
-ln["x-axis-label_fr"] = "X Axis Label";
-ln["y-axis-label_fr"] = "Y Axis Label";
-ln["suffix_fr"] = "Tooltip Suffix";
-ln["legend_fr"] = "Leged";
-ln["data-labels_fr"] = "Show Data Labels";
-ln["stack_fr"] = "Stack";
-ln["theme_fr"] = "Theme";
+ln["x-axis-label_fr"] = "Label de l'Axe des X";
+ln["y-axis-label_fr"] = "Label de l'Axe des Y";
+ln["suffix_fr"] = "Suffixe d'aide";
+ln["legend_fr"] = "Légende";
+ln["data-labels_fr"] = "Montrer les labels de données";
+ln["stack_fr"] = "Empiler";
+ln["theme_fr"] = "Thème";
 ln["donut_fr"] = "Donut";
-ln["true_fr"] = "Yes";
-ln["false_fr"] = "No";
-ln["bottom_fr"] = "Yes: Bottom";
-ln["topRight_fr"] = "Yes: Top Right";
-ln["normal_fr"] = "Yes: Normal";
-ln["percent_fr"] = "Yes: Percent";
+ln["true_fr"] = "Oui";
+ln["false_fr"] = "Non";
+ln["bottom_fr"] = "Oui: En Bas";
+ln["topRight_fr"] = "Oui: En Haut à Droite";
+ln["normal_fr"] = "Oui: Normal";
+ln["percent_fr"] = "Oui: Pourcentage";
 ln["themeBase_fr"] = "Base";
 ln["themeDarkUnika_fr"] = "Dark Unika";
 ln["themeSandSignika_fr"] = "Sand Signika";
 ln["themeGridLight_fr"] = "Grid Light";
 ln["themeSpod_fr"] = "Spod";
-ln["x-axis-labelDescription_fr"] = "The x-axis label.";
-ln["y-axis-labelDescription_fr"] = "The y-axis label.";
-ln["suffixDescription_fr"] = "The suffix added to data labels in the tooltip.";
-ln["legendDescription_fr"] = "The leged position.";
-ln["data-labelsDescription_fr"] = "Show/hide data labels.";
-ln["themeDescription_fr"] = "The theme affects the appearance and colors of the chart.";
-ln["stackDescription_fr"] = "The stack type.";
-ln["donutDescription_fr"] = "Pie will become Donut! :) (or viceversa).";
+ln["x-axis-labelDescription_fr"] = "Le label de l'axe des x.";
+ln["y-axis-labelDescription_fr"] = "Le label de l'axe des y.";
+ln["suffixDescription_fr"] = "Le suffixe ajouté aux labels des données dans l'aide.";
+ln["legendDescription_fr"] = "La position de la légende.";
+ln["data-labelsDescription_fr"] = "Montrer/cacher les labels de données.";
+ln["themeDescription_fr"] = "Le thème affecte l'apparence des couleurs du graphique.";
+ln["stackDescription_fr"] = "Le type de regroupement.";
+ln["donutDescription_fr"] = "La Tarte va devenir un Donut! :) (ou vice versa).";
 /******** NL ********/
@@ -624,22 +694,44 @@ ln[&quot;slide2Title_nl&quot;] = &quot;SELECT DATA&quot;;
 ln["slide2Subtitle_nl"] = "Select the fields on the left. The table will show the values related to the selected fields.";
 ln["slide3Title_nl"] = "SELECT VISUALIZATION";
 ln["slide3Subtitle_nl"] = "Select a visualization, fill out inputs and options.";
-ln["back_nl"] = "BACK TO THE FUTURE";
+ln["back_nl"] = "TERUG NAAR DE TOEKOMST";
 ln["forward_nl"] = "FORWARD";
 //SELECT DATASET
-ln["listView_nl"] = "LIST VIEW";
-ln["treeMapView_nl"] = "TREE MAP VIEW";
-ln["extendedSearch_nl"] = "EXTENDED SEARCH";
+ln["selectedUrl_nl"] = "Selected url";
+ln["wrongUrl_nl"] = "Invalid url or data provider not supported yet.";
+
+ln["providersDatasets_nl"] = "PROVIDERS DATASETS";
+ln["spodUsersDatasets_nl"] = "COCREATED DATASETS";
+ln["extendedDatasets_nl"] = "FROM EXTENDED SEARCH";
+ln["datasets_nl"] = "DATASETS LIST";
+
 ln["provider_nl"] = "Provider";
+ln["all_nl"] = "All";
+ln["allDescription_nl"] = "Shows the datasets of all associated providers.";
+ln["providerName_nl"] = "Provider";
+ln["providerNameDescription_nl"] = "Shows only the datasets of the selected provider.";
+
+ln["search_nl"] = "Search";
+ln["standard_nl"] = "Standard";
+ln["standardDescription_nl"] = "The search function works only on datasets names.";
+ln["extended_nl"] = "Extended [NOT AVAILABLE]";
+ln["extendedDescription_nl"] = "The search function works the entire contents of the datasets.";
+
+ln["version_nl"] = "Version";
+ln["showLast_nl"] = "Show last";
+ln["showLastDescription_nl"] = "Shows only the latest version of the datasets.";
+ln["showAll_nl"] = "Show all";
+ln["showAllDescription_nl"] = "Shows all versions of the datasets.";
+
+//select-dataset-controllet
+ln["datasetsInfo_nl"] = "DATASET INFO";
 ln["showing_nl"] = "Showing";
 ln["to_nl"] = "to";
 ln["of_nl"] = "of";
-ln["datasets_nl"] = "datasets";
-ln["suggestedDatasets_nl"] = "Suggested datasets";
-ln["selectedUrl_nl"] = "Selected url";
-ln["wrongUrl_nl"] = "Invalid url or data provider not supported yet.";
+ln["datasetsRows_nl"] = "dataset";
+ln["search_nl"] = "Search";
 //SELECT DATA
@@ -748,7 +840,6 @@ ln[&quot;sortAscending_nl&quot;] = &quot;SORTED ASCENDING&quot;;
 ln["sortDescending_nl"] = "SORTED DESCENDING";
 ln["unsort_nl"] = "UNSORTED";
-//--> "_" not allowed!
 ln["TITLE_nl"] = "TITLE";
 ln["DESCRIPTION_nl"] = "DESCRIPTION";
 ln["XAxis_nl"] = "X-AXIS";
@@ -791,7 +882,7 @@ ln[&quot;CategoriesDescription_nl&quot;] = &quot;The category that splits the y-axis values. If
 ln["x-axis-label_nl"] = "X Axis Label";
 ln["y-axis-label_nl"] = "Y Axis Label";
 ln["suffix_nl"] = "Tooltip Suffix";
-ln["legend_nl"] = "Leged";
+ln["legend_nl"] = "Legend";
 ln["data-labels_nl"] = "Show Data Labels";
 ln["stack_nl"] = "Stack";
 ln["theme_nl"] = "Theme";
@@ -812,7 +903,7 @@ ln[&quot;themeSpod_nl&quot;] = &quot;Spod&quot;;
 ln["x-axis-labelDescription_nl"] = "The x-axis label.";
 ln["y-axis-labelDescription_nl"] = "The y-axis label.";
 ln["suffixDescription_nl"] = "The suffix added to data labels in the tooltip.";
-ln["legendDescription_nl"] = "The leged position.";
+ln["legendDescription_nl"] = "The legend position.";
 ln["data-labelsDescription_nl"] = "Show/hide data labels.";
 ln["themeDescription_nl"] = "The theme affects the appearance and colors of the chart.";
 ln["stackDescription_nl"] = "The stack type.";
@@ -50,25 +50,25 @@ ln[&quot;download_docs_it&quot;] = &quot;Download documento&quot;;
 /******** fr ********/
 //data-table
-ln["selectedData_fr"] = "DATASET";
-ln["rows_fr"] = "rows";
+ln["selectedData_fr"] = "JEU DE DONNÉES";
+ln["rows_fr"] = "rangées";
 ln["type_fr"] = "TYPE";
-ln["warning_fr"] = "WARNING";
-ln["showing_fr"] = "Showing";
-ln["to_fr"] = "to";
-ln["of_fr"] = "of";
-ln["search_fr"] = "Search";
+ln["warning_fr"] = "AVERTISSEMENT";
+ln["showing_fr"] = "Aperçu";
+ln["to_fr"] = "à";
+ln["of_fr"] = "de";
+ln["search_fr"] = "Rechercher";
 ln["VER_fr"] = "VER";
-ln["USER_fr"] = "USER";
-ln["NAME_fr"] = "NAME";
-ln["DATA_fr"] = "DATA";
+ln["USER_fr"] = "UTILISATEUR";
+ln["NAME_fr"] = "NOM";
+ln["DATA_fr"] = "DONNÉES";
 ln["DESCRIPTION_fr"] = "DESCRIPTION";
-ln["TOOLS_fr"] = "TOOLS";
-ln["last_version_fr"] = "Last version";
-ln["open_fr"] = "Open";
-ln["download_csv_fr"] = "Download as CSV";
-ln["copy_link_fr"] = "Copy link";
-ln["download_docs_fr"] = "Download docs";
+ln["TOOLS_fr"] = "OUTILS";
+ln["last_version_fr"] = "Dernière version";
+ln["open_fr"] = "Ouvrir";
+ln["download_csv_fr"] = "Télécharger en CSV";
+ln["copy_link_fr"] = "Copier le lien";
+ln["download_docs_fr"] = "Télécharger les documents";
 /******** nl ********/
@@ -2,12 +2,16 @@ datasetexplorer_ln = [];
 /*EN*/
 datasetexplorer_ln["ode+back_en"] = "<< Click to navigate back to the top level.";
+datasetexplorer_ln["path_en"] = "Path: ";
 /*IT*/
 datasetexplorer_ln["ode+back_it"] = "<< Clicca qui per tornare al livello precedente.";
+datasetexplorer_ln["path_it"] = "Path: ";
 /*FR*/
 datasetexplorer_ln["ode+back_fr"] = "<< Click to navigate back to the top level.";
+datasetexplorer_ln["path_fr"] = "Path: ";
 /*NL*/
 datasetexplorer_ln["ode+back_nl"] = "<< Click to navigate back to the top level.";
+datasetexplorer_ln["path_nl"] = "Path: ";
@@ -26,15 +26,15 @@ room_ln[&quot;and_it&quot;] = &quot;e&quot;;
 /* 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";
+room_ln["thisRoom_fr"] = "Cet espace commun";
+room_ln["createdBy_fr"] = "créé par";
+room_ln["has_fr"] = "contient";
+room_ln["many_fr"] = "plusieurs";
+room_ln["few_fr"] = "peu";
+room_ln["views_fr"] = "visualisations";
+room_ln["comments_fr"] = "commentaires";
+room_ln["datasets_fr"] = "jeux de données";
+room_ln["and_fr"] = "et";
 /* NL */