NetworkVis: d3s_examples/python-neo4jrestclient/static/platin/js/Dataloader/Dataloader.js annotate

annotate d3s_examples/python-neo4jrestclient/static/platin/js/Dataloader/Dataloader.js @ 23:80010fb9dbce

make new commentaries visualisation the default.

author	casties
date	Fri, 30 Oct 2015 15:37:43 +0100
parents	18ef6948d689
children

rev	line source
8 18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1 /*
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	2 * Dataloader.js
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	3 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	4 * Copyright (c) 2013, Sebastian Kruse. All rights reserved.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	5 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	6 * This library is free software; you can redistribute it and/or
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	7 * modify it under the terms of the GNU Lesser General Public
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	8 * License as published by the Free Software Foundation; either
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	9 * version 3 of the License, or (at your option) any later version.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	10 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	11 * This library is distributed in the hope that it will be useful,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	12 * but WITHOUT ANY WARRANTY; without even the implied warranty of
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	13 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	14 * Lesser General Public License for more details.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	15 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	16 * You should have received a copy of the GNU Lesser General Public
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	17 * License along with this library; if not, write to the Free Software
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	18 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	19 * MA 02110-1301 USA
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	20 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	21
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	22 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	23 * @class Dataloader
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	24 * Implementation for a Dataloader UI
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	25 * @author Sebastian Kruse (skruse@mpiwg-berlin.mpg.de)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	26 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	27 * @param {HTML object} parent div to append the Dataloader
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	28 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	29 function Dataloader(parent) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	30
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	31 this.dataLoader = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	32
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	33 this.parent = parent;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	34 this.options = parent.options;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	35
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	36 this.initialize();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	37 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	38
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	39 Dataloader.prototype = {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	40
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	41 show : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	42 this.dataloaderDiv.style.display = "block";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	43 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	44
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	45 hide : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	46 this.dataloaderDiv.style.display = "none";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	47 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	48
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	49 initialize : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	50
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	51 this.addStaticLoader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	52 this.addLocalStorageLoader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	53 this.addKMLLoader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	54 this.addKMZLoader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	55 this.addCSVLoader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	56 this.addLocalKMLLoader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	57 this.addLocalCSVLoader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	58 this.addLocalXLSXLoader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	59
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	60 // trigger change event on the select so
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	61 // that only the first loader div will be shown
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	62 $(this.parent.gui.loaderTypeSelect).change();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	63 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	64
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	65 getFileName : function(url) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	66 var fileName = $.url(url).attr('file');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	67 if ( (typeof fileName === "undefined") \|\| (fileName.length === 0) ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	68 fileName = $.url(url).attr('path');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	69 //startsWith and endsWith defined in SIMILE Ajax (string.js)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	70 while (fileName.endsWith("/")){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	71 fileName = fileName.substr(0,fileName.length-1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	72 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	73 if (fileName.length > 1)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	74 fileName = fileName.substr(fileName.lastIndexOf("/")+1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	75 else
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	76 fileName = "unnamed dataset";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	77 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	78 return fileName;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	79 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	80
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	81 distributeDataset : function(dataSet) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	82 GeoTemConfig.addDataset(dataSet);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	83 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	84
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	85 distributeDatasets : function(datasets) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	86 GeoTemConfig.addDatasets(datasets);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	87 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	88
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	89 addStaticLoader : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	90 if (this.options.staticKML.length > 0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	91 $(this.parent.gui.loaderTypeSelect).append("<option value='StaticLoader'>Static Data</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	92
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	93 this.StaticLoaderTab = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	94 $(this.StaticLoaderTab).attr("id","StaticLoader");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	95
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	96 this.staticKMLList = document.createElement("select");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	97 $(this.StaticLoaderTab).append(this.staticKMLList);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	98
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	99 var staticKMLList = this.staticKMLList;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	100 var isFirstHeader = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	101 $(this.options.staticKML).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	102 var label = this.label;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	103 var url = this.url;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	104 var header = this.header;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	105 if (typeof header !== "undefined"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	106 if (!isFirstHeader)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	107 $(staticKMLList).append("</optgroup>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	108 $(staticKMLList).append("<optgroup label='"+header+"'>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	109 isFirstHeader = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	110 } else
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	111 $(staticKMLList).append("<option value='"+url+"'> "+label+"</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	112 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	113 //close last optgroup (if there were any)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	114 if (!isFirstHeader)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	115 $(staticKMLList).append("</optgroup>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	116
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	117 this.loadStaticKMLButton = document.createElement("button");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	118 $(this.loadStaticKMLButton).text("load");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	119 $(this.StaticLoaderTab).append(this.loadStaticKMLButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	120
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	121 $(this.loadStaticKMLButton).click($.proxy(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	122 var kmlURL = $(this.staticKMLList).find(":selected").attr("value");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	123 if (kmlURL.length === 0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	124 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	125 var origURL = kmlURL;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	126 var fileName = this.getFileName(kmlURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	127 if (typeof GeoTemConfig.proxy != 'undefined')
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	128 kmlURL = GeoTemConfig.proxy + kmlURL;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	129 var kml = GeoTemConfig.getKml(kmlURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	130 if ((typeof kml !== "undefined") && (kml != null)) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	131 var dataSet = new Dataset(GeoTemConfig.loadKml(kml), fileName, origURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	132
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	133 if (dataSet != null)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	134 this.distributeDataset(dataSet);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	135 } else
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	136 alert("Could not load file.");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	137 },this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	138
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	139 $(this.parent.gui.loaders).append(this.StaticLoaderTab);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	140 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	141 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	142
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	143 addKMLLoader : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	144 $(this.parent.gui.loaderTypeSelect).append("<option value='KMLLoader'>KML File URL</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	145
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	146 this.KMLLoaderTab = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	147 $(this.KMLLoaderTab).attr("id","KMLLoader");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	148
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	149 this.kmlURL = document.createElement("input");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	150 $(this.kmlURL).attr("type","text");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	151 $(this.KMLLoaderTab).append(this.kmlURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	152
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	153 this.loadKMLButton = document.createElement("button");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	154 $(this.loadKMLButton).text("load KML");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	155 $(this.KMLLoaderTab).append(this.loadKMLButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	156
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	157 $(this.loadKMLButton).click($.proxy(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	158 var kmlURL = $(this.kmlURL).val();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	159 if (kmlURL.length === 0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	160 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	161 var origURL = kmlURL;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	162 var fileName = this.getFileName(kmlURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	163 if (typeof GeoTemConfig.proxy != 'undefined')
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	164 kmlURL = GeoTemConfig.proxy + kmlURL;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	165 var kml = GeoTemConfig.getKml(kmlURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	166 if ((typeof kml !== "undefined") && (kml != null)) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	167 var dataSet = new Dataset(GeoTemConfig.loadKml(kml), fileName, origURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	168
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	169 if (dataSet != null)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	170 this.distributeDataset(dataSet);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	171 } else
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	172 alert("Could not load file.");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	173 },this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	174
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	175 $(this.parent.gui.loaders).append(this.KMLLoaderTab);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	176 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	177
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	178 addKMZLoader : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	179 $(this.parent.gui.loaderTypeSelect).append("<option value='KMZLoader'>KMZ File URL</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	180
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	181 this.KMZLoaderTab = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	182 $(this.KMZLoaderTab).attr("id","KMZLoader");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	183
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	184 this.kmzURL = document.createElement("input");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	185 $(this.kmzURL).attr("type","text");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	186 $(this.KMZLoaderTab).append(this.kmzURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	187
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	188 this.loadKMZButton = document.createElement("button");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	189 $(this.loadKMZButton).text("load KMZ");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	190 $(this.KMZLoaderTab).append(this.loadKMZButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	191
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	192 $(this.loadKMZButton).click($.proxy(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	193
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	194 var dataLoader = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	195
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	196 var kmzURL = $(this.kmzURL).val();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	197 if (kmzURL.length === 0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	198 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	199 var origURL = kmzURL;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	200 var fileName = dataLoader.getFileName(kmzURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	201 if (typeof GeoTemConfig.proxy != 'undefined')
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	202 kmzURL = GeoTemConfig.proxy + kmzURL;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	203
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	204 GeoTemConfig.getKmz(kmzURL, function(kmlArray){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	205 $(kmlArray).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	206 var dataSet = new Dataset(GeoTemConfig.loadKml(this), fileName, origURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	207
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	208 if (dataSet != null)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	209 dataLoader.distributeDataset(dataSet);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	210 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	211 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	212 },this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	213
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	214 $(this.parent.gui.loaders).append(this.KMZLoaderTab);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	215 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	216
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	217 addCSVLoader : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	218 $(this.parent.gui.loaderTypeSelect).append("<option value='CSVLoader'>CSV File URL</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	219
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	220 this.CSVLoaderTab = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	221 $(this.CSVLoaderTab).attr("id","CSVLoader");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	222
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	223 this.csvURL = document.createElement("input");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	224 $(this.csvURL).attr("type","text");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	225 $(this.CSVLoaderTab).append(this.csvURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	226
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	227 this.loadCSVButton = document.createElement("button");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	228 $(this.loadCSVButton).text("load CSV");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	229 $(this.CSVLoaderTab).append(this.loadCSVButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	230
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	231 $(this.loadCSVButton).click($.proxy(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	232 var dataLoader = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	233
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	234 var csvURL = $(this.csvURL).val();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	235 if (csvURL.length === 0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	236 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	237 var origURL = csvURL;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	238 var fileName = dataLoader.getFileName(csvURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	239 if (typeof GeoTemConfig.proxy != 'undefined')
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	240 csvURL = GeoTemConfig.proxy + csvURL;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	241 GeoTemConfig.getCsv(csvURL, function(json){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	242 if ((typeof json !== "undefined") && (json.length > 0)) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	243 var dataSet = new Dataset(GeoTemConfig.loadJson(json), fileName, origURL);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	244
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	245 if (dataSet != null)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	246 dataLoader.distributeDataset(dataSet);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	247 } else
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	248 alert("Could not load file.");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	249 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	250 },this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	251
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	252 $(this.parent.gui.loaders).append(this.CSVLoaderTab);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	253 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	254
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	255 addLocalKMLLoader : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	256 $(this.parent.gui.loaderTypeSelect).append("<option value='LocalKMLLoader'>local KML File</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	257
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	258 this.localKMLLoaderTab = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	259 $(this.localKMLLoaderTab).attr("id","LocalKMLLoader");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	260
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	261 this.kmlFile = document.createElement("input");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	262 $(this.kmlFile).attr("type","file");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	263 $(this.localKMLLoaderTab).append(this.kmlFile);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	264
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	265 this.loadLocalKMLButton = document.createElement("button");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	266 $(this.loadLocalKMLButton).text("load KML");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	267 $(this.localKMLLoaderTab).append(this.loadLocalKMLButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	268
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	269 $(this.loadLocalKMLButton).click($.proxy(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	270 var filelist = $(this.kmlFile).get(0).files;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	271 if (filelist.length > 0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	272 var file = filelist[0];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	273 var fileName = file.name;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	274 var reader = new FileReader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	275
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	276 reader.onloadend = ($.proxy(function(theFile) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	277 return function(e) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	278 var dataSet = new Dataset(GeoTemConfig.loadKml($.parseXML(reader.result)), fileName);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	279 if (dataSet != null)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	280 this.distributeDataset(dataSet);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	281 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	282 }(file),this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	283
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	284 reader.readAsText(file);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	285 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	286 },this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	287
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	288 $(this.parent.gui.loaders).append(this.localKMLLoaderTab);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	289 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	290
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	291 addLocalCSVLoader : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	292 $(this.parent.gui.loaderTypeSelect).append("<option value='LocalCSVLoader'>local CSV File</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	293
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	294 this.localCSVLoaderTab = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	295 $(this.localCSVLoaderTab).attr("id","LocalCSVLoader");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	296
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	297 this.csvFile = document.createElement("input");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	298 $(this.csvFile).attr("type","file");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	299 $(this.localCSVLoaderTab).append(this.csvFile);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	300
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	301 this.loadLocalCSVButton = document.createElement("button");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	302 $(this.loadLocalCSVButton).text("load CSV");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	303 $(this.localCSVLoaderTab).append(this.loadLocalCSVButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	304
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	305 $(this.loadLocalCSVButton).click($.proxy(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	306 var filelist = $(this.csvFile).get(0).files;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	307 if (filelist.length > 0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	308 var file = filelist[0];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	309 var fileName = file.name;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	310 var reader = new FileReader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	311
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	312 reader.onloadend = ($.proxy(function(theFile) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	313 return function(e) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	314 var json = GeoTemConfig.convertCsv(reader.result);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	315 var dataSet = new Dataset(GeoTemConfig.loadJson(json), fileName);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	316 if (dataSet != null)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	317 this.distributeDataset(dataSet);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	318 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	319 }(file),this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	320
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	321 reader.readAsText(file);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	322 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	323 },this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	324
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	325 $(this.parent.gui.loaders).append(this.localCSVLoaderTab);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	326 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	327
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	328 addLocalStorageLoader : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	329 var dataLoader = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	330 this.localStorageLoaderTab = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	331 $(this.localStorageLoaderTab).attr("id","LocalStorageLoader");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	332
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	333 var localDatasets = document.createElement("select");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	334 $(this.localStorageLoaderTab).append(localDatasets);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	335
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	336 var localStorageDatasetCount = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	337 for(var key in localStorage){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	338 //TODO: this is a somewhat bad idea, as it is used in multiple widgets.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	339 //A global GeoTemCo option "prefix" could be better. But still..
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	340 if (key.startsWith("GeoBrowser_dataset_")){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	341 localStorageDatasetCount++;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	342 var label = key.substring("GeoBrowser_dataset_".length);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	343 var url = key;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	344 $(localDatasets).append("<option value='"+url+"'>"+decodeURIComponent(label)+"</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	345 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	346 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	347
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	348 //only show if there are datasets
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	349 if (localStorageDatasetCount > 0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	350 $(this.parent.gui.loaderTypeSelect).append("<option value='LocalStorageLoader'>browser storage</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	351
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	352 this.loadLocalStorageButton = document.createElement("button");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	353 $(this.loadLocalStorageButton).text("load");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	354 $(this.localStorageLoaderTab).append(this.loadLocalStorageButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	355
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	356 $(this.loadLocalStorageButton).click($.proxy(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	357 var fileKey = $(localDatasets).find(":selected").attr("value");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	358 if (fileKey.length === 0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	359 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	360 var csv = $.remember({name:fileKey});
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	361 //TODO: this is a somewhat bad idea, as it is used in multiple widgets.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	362 //A global GeoTemCo option "prefix" could be better. But still..
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	363 var fileName = decodeURIComponent(fileKey.substring("GeoBrowser_dataset_".length));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	364 var json = GeoTemConfig.convertCsv(csv);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	365 var dataSet = new Dataset(GeoTemConfig.loadJson(json), fileName, fileKey, "local");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	366 if (dataSet != null)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	367 dataLoader.distributeDataset(dataSet);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	368 },this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	369
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	370 $(this.parent.gui.loaders).append(this.localStorageLoaderTab);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	371 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	372
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	373 addLocalXLSXLoader : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	374 //taken from http://oss.sheetjs.com/js-xlsx/
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	375 var fixdata = function(data) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	376 var o = "", l = 0, w = 10240;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	377 for(; l<data.byteLength/w; ++l) o+=String.fromCharCode.apply(null,new Uint8Array(data.slice(lw,lw+w)));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	378 o+=String.fromCharCode.apply(null, new Uint8Array(data.slice(o.length)));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	379 return o;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	380 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	381
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	382 $(this.parent.gui.loaderTypeSelect).append("<option value='LocalXLSXLoader'>local XLS/XLSX File</option>");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	383
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	384 this.LocalXLSXLoader = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	385 $(this.LocalXLSXLoader).attr("id","LocalXLSXLoader");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	386
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	387 this.xlsxFile = document.createElement("input");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	388 $(this.xlsxFile).attr("type","file");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	389 $(this.LocalXLSXLoader).append(this.xlsxFile);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	390
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	391 this.loadLocalXLSXButton = document.createElement("button");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	392 $(this.loadLocalXLSXButton).text("load XLS/XLSX");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	393 $(this.LocalXLSXLoader).append(this.loadLocalXLSXButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	394
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	395 $(this.loadLocalXLSXButton).click($.proxy(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	396 var filelist = $(this.xlsxFile).get(0).files;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	397 if (filelist.length > 0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	398 var file = filelist[0];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	399 var fileName = file.name;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	400 var reader = new FileReader();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	401
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	402 reader.onloadend = ($.proxy(function(theFile) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	403 return function(e) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	404 var workbook;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	405 var json;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	406 if (fileName.toLowerCase().indexOf("xlsx")!=-1){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	407 workbook = XLSX.read(btoa(fixdata(reader.result)), {type: 'base64'});
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	408 var csv = XLSX.utils.sheet_to_csv(workbook.Sheets[workbook.SheetNames[0]]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	409 var json = GeoTemConfig.convertCsv(csv);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	410 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	411 workbook = XLS.read(btoa(fixdata(reader.result)), {type: 'base64'});
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	412 var csv = XLS.utils.sheet_to_csv(workbook.Sheets[workbook.SheetNames[0]]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	413 var json = GeoTemConfig.convertCsv(csv);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	414 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	415
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	416 var dataSet = new Dataset(GeoTemConfig.loadJson(json), fileName);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	417 if (dataSet != null)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	418 this.distributeDataset(dataSet);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	419 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	420 }(file),this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	421
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	422 reader.readAsArrayBuffer(file);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	423 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	424 },this));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	425
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	426 $(this.parent.gui.loaders).append(this.LocalXLSXLoader);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	427 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	428 };