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

Andrea Petta
2 parents b0b8a913 34789a0e
Showing 31 changed files with 2057 additions and 2565 deletions
alasql-utility/alasql-utility.js
bower_components/jsdatachecker/.bower.json
bower_components/jsdatachecker/README.md
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
controllets/data-sevc-controllet/data-sevc-controllet.html
controllets/data-sevc-controllet/demo/index.html
controllets/data-table-controllet/data-table-controllet.html
controllets/dataset-table-controllet/dataset-table-controllet.html
controllets/datasets-list-controllet/datasets-list-controllet.html
controllets/datasets-list-controllet/demo/index.html
controllets/select-dataset-controllet/select-dataset-controllet.html
controllets/select-dataset-controllet/select-dataset-controllet_old.html
controllets/select-fields-controllet/select-fields-controllet.html
@@ -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.0.9",
-  "homepage": "https://github.com/donpir/JSDataChecker",
+  "name": "jsdatachecker",
+  "version": "0.1.2",
+  "homepage": "https://github.com/donpir/jsdatachecker",
   "authors": [
     "'Donato Pirozzi <'donatopirozzi@gmail.com'>"
   ],
@@ -19,17 +19,17 @@
     "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.0.9",
+  "_release": "0.1.2",
   "_resolution": {
     "type": "version",
-    "tag": "v0.0.9",
-    "commit": "277c51efeee4daa0bd11051de022975ba86f47fa"
+    "tag": "v0.1.2",
+    "commit": "1cd37fc00315232a97de7978e5423784899eca29"
   },
   "_source": "https://github.com/donpir/JSDataChecker.git",
-  "_target": "~0.0.9",
+  "_target": "~0.1.2",
   "_originalSource": "jsdatachecker",
   "_direct": true
 }
 \ No newline at end of file
@@ -3,6 +3,18 @@ JavaScript Library to read dataset content (e.g., Open Data), infer data types, 
 In details, it analysis the json (specified paths) to infer the data type. In addition, when request (via code) the library converts the json data based on the inferred type.
+Recognised basic types:
+ - Text;
+ - Number;
+ - Date;
+ - Object;
+ - Null.
+
+Recognised types:
+ - Geographic coordinates;
+ - JSON;
+ - GEOJSON.
+
 ## Documentation
 See wiki pages [here](https://github.com/donpir/JSDataChecker/wiki).
 {
-  "name": "JSDataChecker",
-  "version": "v0.0.9",
-  "homepage": "https://github.com/donpir/JSDataChecker",
+  "name": "jsdatachecker",
+  "version": "v0.1.2",
+  "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"},PERCENTAGE:{value:1e3,name:"PERCENTAGE"},LATITUDE:{value:1001,name:"LATITUDE"},LONGITUDE:{value:1002,name:"LONGITUDE"}},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;var isnumber=DataTypesUtils.FilterFloat(value);return isNaN(isnumber)!==!0?isnumber>=-90&&90>=isnumber&&DataTypesUtils.DecimalPlaces(isnumber)>=5?DataTypeConverter.SUBTYPES.GEOCOORDINATE:isnumber>=-180&&180>=isnumber&&DataTypesUtils.DecimalPlaces(isnumber)>=5?DataTypeConverter.SUBTYPES.GEOCOORDINATE:null:null},_filterBasedOnThreshold=function(metadata,threshold){return ArrayUtils.IteratorOverKeys(metadata.types,function(fieldType,key){if(!(fieldType.typeConfidence>=threshold)){var arrHierarchyTypes=DataTypeHierarchy.HIERARCHY[fieldType.type],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)}}}(),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},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.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},_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}),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={}),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++}}_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),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};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,29 +25,40 @@ 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" },
+    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" },
-    BOOL        : { value: 5, name: "BOOL"},
-    CONST       : { value: 6, name: "CONST" },
-    CATEGORY    : { value: 7, name: "CATEGORY" },
-
-    DATETIME    : { value: 8, name: "DATETIME" },
+    PERCENTAGE      :   { value: 1100, name: "PERCENTAGE" },
+    LATITUDE        :   { value: 1101, name: "LATITUDE" },
+    LONGITUDE       :   { value: 1102, name: "LONGITUDE" }
-    EMPTY       : { value: 101, name: "NULL" }
+    /*CODE        : { value: 2000, name: "CODE"},*/
 };
-DataTypeConverter.SUBTYPES = {
-    GEOCOORDINATE   :   { value: 1000, name: "GEOCOORDINATE" },
-    PERCENTAGE      :   { value: 1000, name: "PERCENTAGE" },
-    LATITUDE        :   { value: 1001, name: "LATITUDE" },
-    LONGITUDE       :   { value: 1002, name: "LONGITUDE" }
+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", "Feature",
+    "FeatureCollection" ];
+
 DataTypeConverter.prototype = (function () {
     /***
@@ -111,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];
@@ -119,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) {
@@ -189,11 +204,6 @@ 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);
         if (isNaN(isnumber) !== true) {//It is a number.
@@ -222,6 +232,21 @@ DataTypeConverter.prototype = (function () {
     var _processInferSubType = function (value) {
         if (value === null || typeof value === 'undefined') return null;
+        //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.DecimalPlaces(value[0]) > 4 && DataTypesUtils.DecimalPlaces(value[1]) > 4 )
+                    return DataTypeConverter.SUBTYPES.GEOCOORDINATE;
+        }//EndIf.
+
+        if (typeof value === 'string') {
+            var split = value.split(",");
+            //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);
         if (isNaN(isnumber) !== true) {//It is a number.
@@ -240,6 +265,19 @@ DataTypeConverter.prototype = (function () {
             return null;
         }
+        //Try to parse GEOJSON.
+        if (typeof value === 'object' && value.hasOwnProperty('type')) {
+            //Check the type variable.
+            var geotype = value.type;
+            var isincluded = DataTypeConverter.GEOJSONTYPES.includes(geotype);
+            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.
@@ -248,6 +286,9 @@ DataTypeConverter.prototype = (function () {
             if (fieldType.typeConfidence >= threshold) return;
             var arrHierarchyTypes = DataTypeHierarchy.HIERARCHY[fieldType.type];
+            if (arrHierarchyTypes == null)
+                return metadata;
+
             var lastFieldType = { lastType: arrHierarchyTypes[0],
                 lastTypeCounter: fieldType._inferredTypes[arrHierarchyTypes[0]],
                 typeConfidence:  0 };
@@ -270,6 +311,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;
@@ -396,8 +446,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 = {};
@@ -508,19 +567,43 @@ 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);
+
+                /*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;
@@ -547,6 +630,15 @@ DataTypeConverter.prototype = (function () {
          */
         inferDataTypeOfValue: function (value) {
             return _processInferType(value);
+        },//EndFunction.
+
+        /**
+         * Given in input a value, the function infers the data type.
+         * @param value
+         * @returns {*}
+         */
+        inferDataSubTypeOfValue: function (value) {
+            return _processInferSubType(value);
         }//EndFunction.
     };
@@ -122,4 +122,10 @@ DataTypesUtils.DecimalPlaces = function (num) {
         (match[1] ? match[1].length : 0)
             // Adjust for scientific notation.
         - (match[2] ? +match[2] : 0));
+}//EndFunction.
+
+DataTypesUtils.IsLatLng = function (num) {
+    if (DataTypesUtils.FilterFloat(num) == NaN) return false;
+    if (DataTypesUtils.DecimalPlaces(num) > 4) return true;
+    return false;
 }//EndFunction.
 \ No newline at end of file
@@ -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
@@ -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(){
@@ -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/"-->
@@ -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;
@@ -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._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.$.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)
+                        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>
 <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;
-             };
-            }
-            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;
+            #select_dataset_container {
+                margin-top: 8px;
             }
-            paper-item.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
+            #select_dataset_container * {
+                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+                font-size: 16px;
+                line-height: 24px;
             }
-            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;
-            }
+            #select_dataset_container #options {
+                display: flex;
+                flex-direction: row;
-            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;
-            }
+                padding: 0;
+                font-weight: 700;
+                background: #B6B6B6;
-            paper-icon-button.clear {
-                width: 24px;
-                height: 24px;
-                padding: 0px 4px;
-                color: #F44336;
-                --paper-icon-button-ink-color: #FFFFFF;
-            }
+                margin-top: 2px;
-            paper-tabs {
-                font-weight: bold;
+                overflow: hidden;
             }
-            paper-tab {
-                transition: all 1.0s;
-            }
-
-            paper-tab.iron-selected {
-                background-color: #2196F3;
-                color: #FFFFFF;
-            }
-
-            paper-tab:not(.iron-selected):hover {
-                color: #2196F3;
+            #select_dataset_container #options_header {
+                width: calc(100% - 96px);
+                text-align: center;
+                padding: 12px 0 12px 48px;
             }
-            .item {
-                /*@apply(--layout-horizontal);*/
-                display: flex;
-                padding: 11px;
-                border: 1px solid #B6B6B6;
-                border-radius: 4px;
-                cursor: pointer;
-                margin-bottom: 8px;
-                background-color: #E0E0E0;
-            }
+            #select_dataset_container .header_block {
+                width: calc((100% - 48px) / 2);
+                max-width: 400px;
+                margin-left: 12px;
-            .item.expanded {
-                /*border: 2px solid #2196F3;*/
-                border-color: #2196F3;
-            }
+                line-height: 40px;
-            .pad {
-                @apply(--layout-flex);
-                /*@apply(--layout-vertical);*/
+                display: none;
             }
-            .primary {
-                font-weight: bold;
-            }
+            #select_dataset_container #url {
+                padding: 0 12px 12px 12px;
+                height: 60px;
-            .item.expanded .primary {
-                color: #2196F3;
+                border: 2px solid #B6B6B6;
+                border-top: 0;
             }
-            .longText {
-                display: none;
+            #select_dataset_container #datasets_list_container {
+                height: calc(100% - 96px - 2px - 74px);
+                width: 100%;
             }
-            .item.expanded .longText {
-                display: block;
+            paper-tabs {
+                background: #B6B6B6;
             }
-            #select_dataset_container {
-                margin-top: 8px;
+            paper-tab {
+                font-weight: 700;
+                border-right: 2px solid #FFFFFF;
             }
-            #select_dataset_container * {
-                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-                font-size: 16px;
-                line-height: 24px;
+            paper-tab:nth-child(2) {
+                border-right: 0;
             }
-            #select_dataset_container #neon_container {
-                height: calc(100% - 172px);
-                width: calc(100% - 8px);
+            paper-tab.iron-selected {
+                color: #FFFFFF;
+                background: #2196F3;;
             }
-            #select_dataset_container #list_info {
-                display: flex;
-                height: calc(100% - 48px);
-                width: calc(100% + 8px);/*bad*/
+            paper-tab:not(.iron-selected):hover {
+                color: #2196F3;
             }
-            #select_dataset_container #list_container {
-                position: relative;
-                height: 100%;
-                width: 50%;
-                border-left: 4px solid #B6B6B6;
+            paper-input {
+                --paper-input-container-focus-color: #2196F3;
             }
-            #select_dataset_container #info_container {
-                position: relative;
-                height: 100%;
-                width: 50%;
-                border-right: 4px solid #B6B6B6;
+            paper-icon-button {
+                height: 48px;
+                width: 48px;
+                padding: 8px;
             }
-            #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;
-            }
+            paper-icon-button[icon="settings"] {
+                cursor: pointer;
+                color: #00BCD4;
+                --paper-icon-button-ink-color: #00BCD4;
-            #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;
+                background: #E0E0E0;
+                float: right;
+                position: absolute;
+                right: 0;
             }
-            #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;
+            paper-icon-button[icon="info-outline"] {
+                cursor: help;
             }
-            #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);
+            :host {
+            --paper-dropdown-menu-icon: {
+                 color: #000000;
+             };
+            --paper-dropdown-menu-ripple: {
+                 color: #FFFFFF;
+             };
             }
-            .noshadow {
-                -webkit-box-shadow: none !important;
-                -moz-box-shadow: none !important;
-                box-shadow: none !important;
+            paper-dropdown-menu {
+                width: 200px;
+                --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-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 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 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="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 +270,130 @@
         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 = false;
                 },
-                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 = that.datasets["result"]["providers"];
-//                    this.datasets = that.datasets["result"]["datasets"];
+                    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(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.$.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);
                 },
-                _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='[\"provider_name\",\"organization_name\",\"package_name\",\"resource_name\",\"url\",\"w\",\"metas\"]'></datasetexplorer-datalet>";
+                _setLocalDatasets : function() {
+                    if(this.$.ddl_version.selectedItem.id == 0)
+                        this._showLast();
                     else
-                        this.$.treemap_container.innerHTML = "";
+                        this._showAll();
+                    this._showOptions()
                 },
-                _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";
-                },
-
-                _hideSearch : function() {
-//                    this.$.header.style.display = "none";
-                    this.$.header.style.visibility = "hidden";
-//                    this.$.url.style.marginTop = "44px";
-                },
-
-                _clearInput : function() {
-                    this.$.datasets_filter.value = "";
+                        this._showOptions()
+                    }, 0);
                 },
                 _getIdByProviderName : function(name) {
@@ -630,104 +403,49 @@
                     }
                 },
-//                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';
+                _optionsMenu : function() {
+                    this.options = !this.options;
+                    this._showOptions();
                 },
-                getProviderById: function(providerId) {
-                    var i = 0;
-                    for(var id in this.providers){
-                        if(this.providers[id].id == providerId)
-                            return i;
-                        i++;
-                    }
+                _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";
+                        }
+                    }, 0);
                 },
-                _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);
+                _showAll : function() {
+                    this.$.datasets_list.showVersion(true);
+                    this.$.datasets_list.setDatasets(this.localDatasets);
                 },
-                _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);
+                _showLast : function() {
+                    this.$.datasets_list.showVersion(false);
+                    this.$.datasets_list.setDatasets(this.lastLocalDatasets);
                 },
-                _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 +457,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="../providers-utility-controllet/providers-utility-controllet.html">
+<link rel="import" href="ortelio-controllet.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;
+            }
+
+            .item.expanded {
+                /*border: 2px solid #2196F3;*/
+                border-color: #2196F3;
+            }
+
+            .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_info {
+                display: flex;
+                height: calc(100% - 48px);
+                width: calc(100% + 8px);/*bad*/
+            }
+
+            #select_dataset_container #list_container {
+                position: relative;
+                height: 100%;
+                width: 50%;
+                border-left: 4px solid #B6B6B6;
+            }
+
+            #select_dataset_container #info_container {
+                position: relative;
+                height: 100%;
+                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;
+            }
+
+            #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;
+            }
+
+            /*.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>
+
+            <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_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>
+
+        </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.$.info).perfectScrollbar();
+
+//                    this.$.selected_url.invalid = true;
+                },
+
+                attached: function() {
+                    this._resize();
+                    var that = this;
+                    window.addEventListener("resize", function() { that._resize(); that._loadTreeMap();});
+
+//                    this.providers = that.datasets["result"]["providers"];
+//                    this.datasets = that.datasets["result"]["datasets"];
+
+                    $.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();
+                        }
+                    });
+                },
+
+                _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.$.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='[\"provider_name\",\"organization_name\",\"package_name\",\"resource_name\",\"url\",\"w\",\"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.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";
+                },
+
+                _hideSearch : function() {
+//                    this.$.header.style.display = "none";
+                    this.$.header.style.visibility = "hidden";
+//                    this.$.url.style.marginTop = "44px";
+                },
+
+                _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 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 = "";
+                        }
+                    }, 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});
+                },
+
+//                _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>
@@ -147,6 +147,7 @@
                     type: Object,
                     value: new ol.layer.Tile({
                               title: 'Global Imagery',
+                              visible: false,
                               source: new ol.source.BingMaps({
                                 key : "AiAjdlCagGtE5269Z4YP3e3VtMkzzAKvowq5cQadahNZjVxttUxdDS40u91Uv8qP",
                                 imagerySet: 'AerialWithLabels'
-<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
@@ -272,6 +272,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()
@@ -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;
@@ -14,7 +14,7 @@ Highcharts.themeSpod = {
 // Load the fonts
 Highcharts.createElement('link', {
-    href: '//fonts.googleapis.com/css?family=Unica+One',
+    //href: '//fonts.googleapis.com/css?family=Unica+One',
     rel: 'stylesheet',
     type: 'text/css'
 }, null, document.getElementsByTagName('head')[0]);
@@ -225,7 +225,7 @@ Highcharts.themeDarkUnika = {
 // Load the fonts
 Highcharts.createElement('link', {
-    href: '//fonts.googleapis.com/css?family=Signika:400,700',
+    //href: '//fonts.googleapis.com/css?family=Signika:400,700',
     rel: 'stylesheet',
     type: 'text/css'
 }, null, document.getElementsByTagName('head')[0]);
@@ -326,7 +326,7 @@ Highcharts.themeSandSignika = {
 // Load the fonts
 Highcharts.createElement('link', {
-    href: '//fonts.googleapis.com/css?family=Dosis:400,600',
+    //href: '//fonts.googleapis.com/css?family=Dosis:400,600',
     rel: 'stylesheet',
     type: 'text/css'
 }, null, document.getElementsByTagName('head')[0]);
@@ -17,17 +17,43 @@ 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"] = "PROVIDERS DATASETS";
+ln["spodUsersDatasets_en"] = "SPOD USERS DATASETS";
+ln["datasets_en"] = "DATASETS";
+
 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["search_en"] = "Search";
 //SELECT DATA
@@ -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: ";