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

annotate d3s_examples/python-neo4jrestclient/static/platin/js/FuzzyTimeline/FuzzyTimelineWidget.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 * FuzzyTimelineWidget.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 FuzzyTimelineWidget
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	24 * FuzzyTimelineWidget Implementation
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 {WidgetWrapper} core wrapper for interaction to other widgets
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	28 * @param {HTML object} div parent div to append the FuzzyTimeline widget div
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	29 * @param {JSON} options user specified configuration that overwrites options in FuzzyTimelineConfig.js
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 FuzzyTimelineWidget = function(core, div, options) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	32 if (typeof FuzzyTimelineWidget_cont == "undefined"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	33 FuzzyTimelineWidget_cont="Done";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	34
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	35 this.datasets;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	36 this.selected = undefined;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	37 this.overallMin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	38 this.overallMax;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	39
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	40 this.core = core;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	41 this.core.setWidget(this);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	42
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	43 this.options = (new FuzzyTimelineConfig(options)).options;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	44 this.gui = new FuzzyTimelineGui(this, div, this.options);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	45
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	46 this.viewMode;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	47 this.density;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	48 this.rangeSlider;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	49 this.rangeBars;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	50 this.rangePiechart;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	51 this.spanHash = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	52
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	53 this.handles = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	54 this.zoomFactor = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	55
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	56 this.scaleMode = "normal";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	57 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	58 }
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 FuzzyTimelineWidget.prototype = {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	61
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	62 initWidget : function(data) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	63 var fuzzyTimeline = this;
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 delete fuzzyTimeline.overallMin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	66 delete fuzzyTimeline.overallMax;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	67
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	68 $(fuzzyTimeline.gui.plotDiv).empty();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	69 $(fuzzyTimeline.gui.sliderTable).empty();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	70 delete fuzzyTimeline.rangeSlider;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	71 $(fuzzyTimeline.gui.rangePiechartDiv).empty();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	72 delete fuzzyTimeline.rangePiechart;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	73
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	74 fuzzyTimeline.switchViewMode("density");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	75
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	76 if ( (data instanceof Array) && (data.length > 0) )
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 fuzzyTimeline.datasets = data;
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 $(fuzzyTimeline.datasets).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	81 $(this.objects).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	82 var datemin,datemax;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	83 if (this.isTemporal){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	84 //TODO: allow more than one date
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	85 datemin = moment(this.dates[0].date);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	86 datemax = datemin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	87 } else if (this.isFuzzyTemporal){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	88 //TODO: allow more than one date
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	89 datemin = this.TimeSpanBegin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	90 datemax = this.TimeSpanEnd;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	91 }
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 if (typeof fuzzyTimeline.overallMin === "undefined")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	94 fuzzyTimeline.overallMin = datemin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	95 if (typeof fuzzyTimeline.overallMax === "undefined")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	96 fuzzyTimeline.overallMax = datemax;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	97
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	98 if (fuzzyTimeline.overallMin > datemin)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	99 fuzzyTimeline.overallMin = datemin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	100 if (fuzzyTimeline.overallMax < datemax)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	101 fuzzyTimeline.overallMax = datemax;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	102 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	103 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	104
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	105 fuzzyTimeline.rangeSlider = new FuzzyTimelineRangeSlider(fuzzyTimeline);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	106 fuzzyTimeline.rangeSlider.initialize(fuzzyTimeline.datasets);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	107
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	108 fuzzyTimeline.rangePiechart = new FuzzyTimelineRangePiechart(fuzzyTimeline, fuzzyTimeline.gui.rangePiechartDiv);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	109 fuzzyTimeline.rangePiechart.initialize(fuzzyTimeline.datasets);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	110 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	111 },
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 switchViewMode : function(viewMode){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	114 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	115 if (viewMode !== fuzzyTimeline.viewMode){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	116 $(fuzzyTimeline.gui.plotDiv).empty();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	117 if (viewMode === "density"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	118 fuzzyTimeline.density = new FuzzyTimelineDensity(fuzzyTimeline,fuzzyTimeline.gui.plotDiv);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	119 } else if (viewMode === "barchart"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	120 fuzzyTimeline.rangeBars = new FuzzyTimelineRangeBars(fuzzyTimeline);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	121 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	122 fuzzyTimeline.viewMode = viewMode;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	123 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	124 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	125
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	126 scaleData : function(data){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	127 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	128 if (fuzzyTimeline.scaleMode == "normal"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	129 return data;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	130 } else if (fuzzyTimeline.scaleMode == "logarithm"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	131 for(var index in data){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	132 var val = data[index];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	133 if (val!=0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	134 var sign = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	135 if (val<0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	136 sign = -1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	137 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	138 data[index] = sign*Math.log(Math.abs(data[index])+1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	139 }
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 return data;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	142 } else if (fuzzyTimeline.scaleMode == "percentage"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	143 var overallCnt = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	144 for(var index in data){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	145 var val = data[index];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	146 if (val > 0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	147 overallCnt += val;
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 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	150 //make 1 = 100%
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	151 overallCnt = overallCnt/100;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	152 if (overallCnt != 0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	153 for(var index in data){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	154 data[index] = (data[index])/overallCnt;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	155 }
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 return data;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	158 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	159 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	160
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	161 changeScaleMode : function(scaleMode) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	162 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	163 fuzzyTimeline.scaleMode = scaleMode;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	164 fuzzyTimeline.drawFuzzyTimeline();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	165 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	166
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	167 slidePositionChanged : function(spanWidth) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	168 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	169 fuzzyTimeline.spanWidth = spanWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	170 fuzzyTimeline.drawFuzzyTimeline();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	171 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	172
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	173 drawFuzzyTimeline : function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	174 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	175 var datasets = fuzzyTimeline.datasets;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	176 if (fuzzyTimeline.viewMode === "density"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	177 //redraw density plot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	178 fuzzyTimeline.density.drawDensityPlot(datasets);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	179 //select currently selected data (if there is any)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	180 fuzzyTimeline.density.selectionChanged(fuzzyTimeline.selected);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	181 } else if (fuzzyTimeline.viewMode === "barchart"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	182 //redraw range plot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	183 fuzzyTimeline.rangeBars.drawRangeBarChart(datasets,fuzzyTimeline.spanWidth);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	184 //select currently selected data (if there is any)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	185 fuzzyTimeline.rangeBars.selectionChanged(fuzzyTimeline.selected);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	186 }
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
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	189 highlightChanged : function(objects) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	190 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	191 if( !GeoTemConfig.highlightEvents ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	192 return;
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 if ( (typeof objects === "undefined") \|\| (objects.length == 0) ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	195 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	196 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	197 if (fuzzyTimeline.viewMode === "density")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	198 this.density.highlightChanged(objects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	199 else if (fuzzyTimeline.viewMode === "barchart")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	200 this.rangeBars.highlightChanged(objects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	201
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	202 fuzzyTimeline.rangePiechart.highlightChanged(objects);
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
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	205 selectionChanged : function(selection) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	206 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	207 if( !GeoTemConfig.selectionEvents ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	208 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	209 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	210 if ((typeof selection.objects !== "undefined")&&
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	211 (selection.objects.length == GeoTemConfig.datasets.length)){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	212 var objectCount = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	213 for (var i=0, il=selection.objects.length; i < il; i++){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	214 objectCount += selection.objects[i].length;
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 if (objectCount > 0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	217 fuzzyTimeline.selected = selection.objects;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	218 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	219 delete fuzzyTimeline.selected;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	220 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	221 } else
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	222 delete fuzzyTimeline.selected;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	223 if (fuzzyTimeline.viewMode === "density")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	224 this.density.selectionChanged(fuzzyTimeline.selected);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	225 else if (fuzzyTimeline.viewMode === "barchart")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	226 this.rangeBars.selectionChanged(fuzzyTimeline.selected);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	227
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	228 if (selection.valid())
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	229 fuzzyTimeline.rangePiechart.selectionChanged(fuzzyTimeline.selected);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	230 else
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	231 fuzzyTimeline.rangePiechart.selectionChanged([]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	232
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	233 //selections "overwrite" each other
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	234 if (selection.widget != fuzzyTimeline)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	235 fuzzyTimeline.clearHandles();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	236 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	237
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	238 buildSpanArray : function(spanWidth) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	239 var spanArray = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	240 var tickStart = moment(this.overallMin);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	241 do{
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	242 spanArray.push(moment(tickStart));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	243 tickStart.add(spanWidth);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	244 } while (tickStart <= this.overallMax);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	245 spanArray.push(moment(tickStart));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	246
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	247 this.spanHash.push({spanWidth:spanWidth,overallMin:moment(this.overallMin),spanArray:spanArray});
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	248 return(spanArray);
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
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	251 getSpanArray : function(spanWidth){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	252 for (var i = 0; i < this.spanHash.length; i++){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	253 var element = this.spanHash[i];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	254 if ( ((this.overallMin-element.overallMin)===0) &&
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	255 ((spanWidth-element.spanWidth)===0))
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	256 return element.spanArray;
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 return this.buildSpanArray(spanWidth);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	259 },
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 clearSpanArray : function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	262 this.spanHash = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	263 },
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 getTicks : function(dataObject, spanWidth) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	266 var datemin,datemax;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	267 if (dataObject.isTemporal){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	268 datemin = moment(dataObject.dates[0].date);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	269 datemax = datemin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	270 } else if (dataObject.isFuzzyTemporal){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	271 datemin = dataObject.TimeSpanBegin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	272 datemax = dataObject.TimeSpanEnd;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	273 } else{
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	274 return;
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
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	277 if (typeof spanWidth._data === "undefined"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	278 //This does only work with millisecond spans, as the length of years is (very) inaccurate.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	279 //(e.g. 100-0 = 99, 2000-1000 = 1001, 5000-0 = 5003, and so on and even more: duration(5000a) = 4932a)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	280 //So the time consuming loop below is needed for accurate dates, when years/months/days etc. are supplied
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	281 var firstTick = Math.floor((datemin-this.overallMin)/spanWidth);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	282 var lastTick = Math.floor((datemax-this.overallMin)/spanWidth);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	283 //calculate how much the first (and last) tick and the time-span overlap
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	284 var firstTickPercentage = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	285 var lastTickPercentage = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	286 if (firstTick != lastTick){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	287 var secondTickStart = this.overallMin+(firstTick+1)*spanWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	288 var lastTickStart = this.overallMin+lastTick*spanWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	289 firstTickPercentage = (secondTickStart-datemin)/spanWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	290 lastTickPercentage = (datemax-lastTickStart)/spanWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	291 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	292 if (firstTickPercentage === 0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	293 firstTick++;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	294 firstTickPercentage = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	295 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	296 if (lastTickPercentage === 0){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	297 lastTick--;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	298 lastTickPercentage = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	299 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	300 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	301 var spanArray = this.getSpanArray(spanWidth);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	302 var firstTick, lastTick;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	303 var tickCount = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	304 var tickStart = spanArray[0];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	305 var lastTickStart;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	306 do{
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	307 lastTickStart = spanArray[tickCount];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	308 tickCount++;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	309 tickStart = spanArray[tickCount];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	310 if ( (typeof firstTick === "undefined") && (datemin < tickStart) ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	311 firstTick = tickCount-1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	312 firstTickPercentage = (tickStart - datemin)/spanWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	313 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	314 if ( (typeof lastTick === "undefined") && (datemax <= tickStart) ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	315 lastTick = tickCount-1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	316 lastTickPercentage = (datemax - lastTickStart)/spanWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	317 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	318 } while (tickStart < datemax);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	319 if (firstTick == lastTick){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	320 firstTickPercentage = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	321 lastTickPercentage = 1;
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 }
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 return({ firstTick:firstTick,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	326 lastTick:lastTick,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	327 firstTickPercentage:firstTickPercentage,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	328 lastTickPercentage:lastTickPercentage});
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	329 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	330
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	331 getObjects : function(dateStart, dateEnd) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	332 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	333 var searchDateStart, searchDateEnd;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	334 if (typeof dateStart !== "undefined")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	335 searchDateStart = moment(dateStart);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	336 if (typeof dateEnd !== "undefined")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	337 searchDateEnd = moment(dateEnd);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	338
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	339 var datasets = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	340 $(fuzzyTimeline.datasets).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	341 var objects = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	342 //check if we got "real" datasets, or just array of objects
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	343 var datasetObjects = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	344 if (typeof this.objects !== "undefined")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	345 datasetObjects = this.objects;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	346 $(datasetObjects).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	347 var datemin,datemax;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	348 var dataObject = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	349 if (dataObject.isTemporal){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	350 datemin = moment(dataObject.dates[0].date);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	351 datemax = datemin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	352 } else if (dataObject.isFuzzyTemporal){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	353 datemin = dataObject.TimeSpanBegin;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	354 datemax = dataObject.TimeSpanEnd;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	355 } else{
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	356 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	357 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	358
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	359 if (typeof searchDateEnd === 'undefined'){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	360 if ( (datemin <= searchDateStart) && (datemax >= searchDateStart) )
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	361 objects.push(this);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	362 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	363 if ((datemin < searchDateEnd) && (datemax >= searchDateStart))
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	364 objects.push(this);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	365 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	366 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	367 datasets.push(objects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	368 });
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 return(datasets);
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 triggerHighlight : function(highlightedObjects){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	374 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	375 if (fuzzyTimeline.viewMode === "density")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	376 fuzzyTimeline.density.highlightChanged(highlightedObjects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	377 else if (fuzzyTimeline.viewMode === "barchart")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	378 fuzzyTimeline.rangeBars.highlightChanged(highlightedObjects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	379
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	380 fuzzyTimeline.core.triggerHighlight(highlightedObjects);
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
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	383 triggerSelection : function(selectedObjects){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	384 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	385 fuzzyTimeline.selected = selectedObjects;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	386 if (fuzzyTimeline.viewMode === "density")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	387 fuzzyTimeline.density.selectionChanged(selectedObjects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	388 else if (fuzzyTimeline.viewMode === "barchart")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	389 fuzzyTimeline.rangeBars.selectionChanged(selectedObjects);
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 selection = new Selection(selectedObjects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	392
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	393 fuzzyTimeline.core.triggerSelection(selection);
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
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	396 addHandle : function(x1,x2){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	397 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	398 //make sure the interval is ordered correctly
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	399 if (x2<x1){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	400 var temp = x1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	401 x1 = x2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	402 x2 = temp;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	403 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	404 fuzzyTimeline.handles.push({x1:x1,x2:x2});
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	405 fuzzyTimeline.drawHandles();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	406 //enabled "play" button
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	407 $(fuzzyTimeline.rangeSlider.startAnimation).removeClass("playDisabled").addClass("playEnabled");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	408 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	409
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	410 selectByX : function(x1,x2){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	411 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	412 if (fuzzyTimeline.viewMode === "density"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	413 fuzzyTimeline.density.selectByX(x1,x2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	414 } else if (fuzzyTimeline.viewMode === "barchart"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	415 fuzzyTimeline.rangeBars.selectByX(x1,x2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	416 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	417 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	418
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	419 drawHandles : function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	420 var fuzzyTimeline = 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 $(fuzzyTimeline.gui.plotDiv).find(".plotHandle").remove();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	423 $(fuzzyTimeline.gui.plotDiv).find(".dragTimeRangeAlt").remove();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	424 $(fuzzyTimeline.gui.plotDiv).find(".plotHandleBox").remove();
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 var plotHeight = (fuzzyTimeline.density.plot?fuzzyTimeline.density.plot:fuzzyTimeline.rangeBars.plot).height();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	427 var plotWidth = (fuzzyTimeline.density.plot?fuzzyTimeline.density.plot:fuzzyTimeline.rangeBars.plot).width();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	428 //flot sends the wrong width if we extend the parent div, so scale it accordingly
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	429 plotWidth = plotWidth*fuzzyTimeline.zoomFactor;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	430 var plotOffset = (fuzzyTimeline.density.plot?fuzzyTimeline.density.plot:fuzzyTimeline.rangeBars.plot).getPlotOffset().left;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	431
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	432 $(fuzzyTimeline.handles).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	433 var handle = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	434
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	435 var moveLeftHandle = function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	436 leftHandle.style.left = handle.x1-$(leftHandle).width() + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	437 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	438
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	439 var moveRightHandle = function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	440 rightHandle.style.left = handle.x2+ "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	441 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	442
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	443 var resizeHandleBox = function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	444 handleBox.style.left = handle.x1+"px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	445 $(handleBox).width(handle.x2-handle.x1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	446 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	447
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	448 var moveDragButton = function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	449 dragButton.style.left = (handle.x1+handle.x2)/2 - $(dragButton).width()/2 + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	450 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	451
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	452 var leftHandle = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	453 leftHandle.title = GeoTemConfig.getString('leftHandle');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	454 leftHandle.style.backgroundImage = "url(" + GeoTemConfig.path + "leftHandle.png" + ")";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	455 leftHandle.setAttribute('class', 'plotHandle plotHandleIcon');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	456 leftHandle.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	457 $(fuzzyTimeline.gui.plotDiv).append(leftHandle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	458 moveLeftHandle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	459 leftHandle.style.top = plotHeight/2-$(leftHandle).height()/2 + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	460
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	461 var rightHandle = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	462 rightHandle.title = GeoTemConfig.getString('leftHandle');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	463 rightHandle.style.backgroundImage = "url(" + GeoTemConfig.path + "rightHandle.png" + ")";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	464 rightHandle.setAttribute('class', 'plotHandle plotHandleIcon');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	465 rightHandle.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	466 moveRightHandle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	467 $(fuzzyTimeline.gui.plotDiv).append(rightHandle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	468
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	469 rightHandle.style.top = plotHeight/2-$(rightHandle).height()/2 + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	470
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	471 var handleBox = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	472 $(fuzzyTimeline.gui.plotDiv).append(handleBox);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	473 $(handleBox).addClass("plotHandleBox");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	474 resizeHandleBox();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	475 $(handleBox).height(plotHeight);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	476
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	477 var dragButton = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	478 dragButton.title = GeoTemConfig.getString('dragTimeRange');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	479 dragButton.style.backgroundImage = "url(" + GeoTemConfig.path + "drag.png" + ")";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	480 dragButton.setAttribute('class', 'dragTimeRangeAlt plotHandleIcon');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	481 $(fuzzyTimeline.gui.plotDiv).append(dragButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	482 moveDragButton();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	483 dragButton.style.top = plotHeight + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	484
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	485 $(leftHandle).mousedown(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	486 $(fuzzyTimeline.gui.plotDiv).mousemove(function(eventObj){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	487 var x = eventObj.clientX;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	488 x += $(fuzzyTimeline.gui.plotDiv).parent().scrollLeft();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	489 if ((x < handle.x2) &&
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	490 (x >= plotOffset)){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	491 x = x - leftHandle.offsetWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	492 handle.x1 = x + $(leftHandle).width();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	493
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	494 moveLeftHandle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	495 resizeHandleBox();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	496 moveDragButton();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	497 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	498 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	499 $(fuzzyTimeline.gui.plotDiv).mouseup(function(eventObj){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	500 fuzzyTimeline.selectByX(handle.x1,handle.x2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	501 $(fuzzyTimeline.gui.plotDiv).unbind("mouseup");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	502 $(fuzzyTimeline.gui.plotDiv).unbind("mousemove");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	503 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	504 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	505
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	506 $(rightHandle).mousedown(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	507 $(fuzzyTimeline.gui.plotDiv).mousemove(function(eventObj){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	508 var x = eventObj.clientX;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	509 x += $(fuzzyTimeline.gui.plotDiv).parent().scrollLeft();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	510 x = x - rightHandle.offsetWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	511 if ((x > handle.x1) &&
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	512 (x <= plotOffset+plotWidth)){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	513 handle.x2 = x;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	514
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	515 moveRightHandle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	516 resizeHandleBox();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	517 moveDragButton();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	518 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	519 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	520 $(fuzzyTimeline.gui.plotDiv).mouseup(function(eventObj){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	521 fuzzyTimeline.selectByX(handle.x1,handle.x2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	522 $(fuzzyTimeline.gui.plotDiv).unbind("mouseup");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	523 $(fuzzyTimeline.gui.plotDiv).unbind("mousemove");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	524 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	525 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	526
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	527 $(dragButton).mousedown(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	528 $(fuzzyTimeline.gui.plotDiv).mousemove(function(eventObj){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	529 var x = eventObj.clientX;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	530 //TODO: for some reason we don't need the scoll offset here
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	531 //this should be investigated?
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	532 //x += $(fuzzyTimeline.gui.plotDiv).parent().scrollLeft();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	533 var xdiff = x - $(dragButton).offset().left - $(dragButton).width()/2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	534 handle.x1 = handle.x1+xdiff;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	535 handle.x2 = handle.x2+xdiff;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	536
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	537 moveLeftHandle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	538 moveRightHandle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	539 resizeHandleBox();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	540 moveDragButton();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	541 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	542 $(fuzzyTimeline.gui.plotDiv).mouseup(function(eventObj){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	543 if (handle.x1 < plotOffset)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	544 handle.x1 = plotOffset;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	545 if (handle.x2 > plotOffset+plotWidth)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	546 handle.x2 = plotOffset+plotWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	547
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	548 moveLeftHandle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	549 moveRightHandle();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	550 resizeHandleBox();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	551 moveDragButton();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	552
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	553 fuzzyTimeline.selectByX(handle.x1,handle.x2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	554 $(fuzzyTimeline.gui.plotDiv).unbind("mouseup");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	555 $(fuzzyTimeline.gui.plotDiv).unbind("mousemove");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	556 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	557 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	558 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	559 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	560
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	561 clearHandles : function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	562 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	563 $(fuzzyTimeline.gui.plotDiv).find(".plotHandle").remove();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	564 $(fuzzyTimeline.gui.plotDiv).find(".dragTimeRangeAlt").remove();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	565 $(fuzzyTimeline.gui.plotDiv).find(".plotHandleBox").remove();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	566 fuzzyTimeline.handles = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	567 //disable buttons
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	568 $(fuzzyTimeline.rangeSlider.startAnimation).removeClass("playEnabled").addClass("playDisabled");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	569 $(fuzzyTimeline.rangeSlider.pauseAnimation).removeClass("pauseEnabled").addClass("pauseDisabled");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	570 //stop the animation (if one was running)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	571 fuzzyTimeline.pauseAnimation();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	572 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	573
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	574 startAnimation : function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	575 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	576 fuzzyTimeline.loopFunction = function(steps){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	577 $(fuzzyTimeline.handles).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	578 if (typeof steps === "undefined")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	579 steps = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	580
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	581 var handle = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	582 var x1 = handle.x1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	583 var x2 = handle.x2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	584
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	585 if (typeof handle.width === "undefined")
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	586 handle.width = x2-x1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	587
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	588 var plotWidth = (fuzzyTimeline.density.plot?fuzzyTimeline.density.plot:fuzzyTimeline.rangeBars.plot).width();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	589 var plotOffset = (fuzzyTimeline.density.plot?fuzzyTimeline.density.plot:fuzzyTimeline.rangeBars.plot).getPlotOffset().left;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	590
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	591 var plotMax = plotWidth+plotOffset;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	592
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	593 //TODO: has to be plotMin
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	594 if (!((x1 === plotOffset)&&(x2-x1 <= handle.width))){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	595 x1 += steps;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	596 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	597 if (x2 <= plotMax){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	598 x2 += steps;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	599 if (x2 > plotMax)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	600 x2 = plotMax;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	601 if (x2-x1 > handle.width){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	602 x1 = x2-handle.width;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	603 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	604 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	605 if (x1 >= plotMax){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	606 //TODO: has to be plotMin
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	607 x1 = plotOffset;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	608 x2 = plotOffset;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	609 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	610
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	611 handle.x1 = x1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	612 handle.x2 = x2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	613
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	614 fuzzyTimeline.drawHandles();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	615 fuzzyTimeline.selectByX(handle.x1, handle.x2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	616 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	617 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	618
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	619 fuzzyTimeline.loopId = setInterval(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	620 fuzzyTimeline.loopFunction(10);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	621 }, 100);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	622 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	623
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	624 pauseAnimation : function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	625 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	626 clearInterval(fuzzyTimeline.loopId);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	627 $(fuzzyTimeline.handles).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	628 var handle = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	629 delete handle.width;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	630 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	631 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	632
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	633 //This function enlargens the plot area
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	634 zoomPlot : function(zoomFactor){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	635 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	636 var oldZoomFactor = fuzzyTimeline.zoomFactor;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	637 fuzzyTimeline.zoomFactor = zoomFactor;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	638 if (zoomFactor > 1){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	639 $(fuzzyTimeline.gui.plotDiv).width(zoomFactor*100+"%");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	640 } else{
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	641 $(fuzzyTimeline.gui.plotDiv).width("100%");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	642 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	643 //leave place for the scrollbar
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	644 $(fuzzyTimeline.gui.plotDiv).height(fuzzyTimeline.gui.plotDIVHeight-20);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	645
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	646 //fit handles
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	647 //this does not make much sense, as the selections are _completely_ different
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	648 //for each scale rate, as the objects may reside in different "ticks" of the graph
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	649 $(fuzzyTimeline.handles).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	650 var handle = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	651 handle.x1 = handle.x1 * (zoomFactor/oldZoomFactor);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	652 handle.x2 = handle.x2 * (zoomFactor/oldZoomFactor);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	653 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	654 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	655
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	656 getConfig : function(inquiringWidget){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	657 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	658 var config = {};
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	659
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	660 //create handle copy
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	661 var handleCopy = JSON.parse( JSON.stringify( fuzzyTimeline.handles ) );
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	662 config.handles = handleCopy;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	663
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	664 config.viewMode = fuzzyTimeline.viewMode;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	665
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	666 config.rangeDropdownVal = $(fuzzyTimeline.rangeSlider.rangeDropdown).val();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	667 config.rangeStartVal = $(fuzzyTimeline.rangeSlider.rangeStart).val();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	668
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	669 //send config to iquiring widget
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	670 if (typeof inquiringWidget.sendConfig !== "undefined"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	671 inquiringWidget.sendConfig({widgetName: "fuzzyTimeline", 'config': config});
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	672 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	673 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	674
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	675 setConfig : function(configObj){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	676 var fuzzyTimeline = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	677
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	678 if (configObj.widgetName === "fuzzyTimeline"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	679 var config = configObj.config;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	680
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	681 $(fuzzyTimeline.rangeSlider.rangeDropdown).val(config.rangeDropdownVal);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	682 $(fuzzyTimeline.rangeSlider.rangeDropdown).change();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	683 fuzzyTimeline.switchViewMode(config.viewMode);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	684
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	685 $(fuzzyTimeline.rangeSlider.rangeStart).val(config.rangeStartVal);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	686 $(fuzzyTimeline.rangeSlider.rangeStart).change();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	687
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	688 //clear handles
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	689 fuzzyTimeline.clearHandles();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	690
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	691 //create handle copy
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	692 var handleCopy = JSON.parse( JSON.stringify( config.handles ) );
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	693 fuzzyTimeline.handles = handleCopy;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	694
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	695 // redraw handles
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	696 fuzzyTimeline.drawHandles();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	697
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	698 // select elements
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	699 $(fuzzyTimeline.handles).each(function(){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	700 var handle = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	701 fuzzyTimeline.selectByX(handle.x1, handle.x2)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	702 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	703 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	704 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	705 };