analytics/webcontent/dojo17/dojox/geo/charting/Feature.js

define("dojox/geo/charting/Feature", ["dojo/_base/lang", "dojo/_base/declare","dojo/_base/array",
		"dojo/_base/html","dojo/dom","dojo/_base/event", "dojox/gfx/fx", "dojox/color"], 
  function(lang, declare,arr, html,dom, event, fx,color) {

return declare("dojox.geo.charting.Feature", null, {
	//	summary: 
	//		class to encapsulate a map element.
	//	tags:
	//		private

	_isZoomIn: false,
	isSelected: false,
	markerText:null,


	constructor: function(parent, name, shapeData){
		//	summary: 
		//		constructs a new Feature.
		//	tags:
		//		private
		this.id = name;
		this.shape = parent.mapObj.createGroup();
		this.parent = parent;
		this.mapObj = parent.mapObj;
		this._bbox = shapeData.bbox;
		this._center = shapeData.center;
		//TODO: fill color would be defined by charting data and legend
//		this._highlightFill = ["#FFCE52", "#CE6342", "#63A584"][Math.floor(Math.random() * 3)];
		this._defaultFill = parent.defaultColor;
		this._highlightFill = parent.highlightColor;
		this._defaultStroke = {
			width: this._normalizeStrokeWeight(.5),
			color: "white"
		};
		
		var shapes = (lang.isArray(shapeData.shape[0])) ? shapeData.shape : [shapeData.shape];
		arr.forEach(shapes, function(points){
			this.shape.createPolyline(points).setStroke(this._defaultStroke);
		}, this);
		this.unsetValue();
	},
	unsetValue:function(){
		//	summary: 
		//		clears the numeric value on this Feature object (removes color).
		
		this.value = null;
		this.unsetColor();
	},
	unsetColor:function(){
		this._defaultFill = this.parent.defaultColor;
		var col = new color.Color(this.parent.defaultColor).toHsl();
		col.l = 1.2 * col.l;
		this._highlightFill = color.fromHsl(col);
		this._setFillWith(this._defaultFill);
	},
	setValue:function(value){
		//	summary: 
		//		sets a numeric value on this Feature object (used together with series to apply a color).
		//	value:
		//		a number
		this.value = value;
		if (value == null) {
			this.unsetValue();
		} else {
			if (this.parent.series.length != 0) {
				for (var i = 0; i < this.parent.series.length; i++) {
					var range = this.parent.series[i];
					if ((value >= range.min) && (value < range.max)) {
						this._setFillWith(range.color);
						this._defaultFill = range.color;
						var col = new color.Color(range.color).toHsv();
						col.v = (col.v + 20);
						this._highlightFill = color.fromHsv(col);
						return;
					}
				}
				// did not found a range : unset color
				this.unsetColor();
			}
		}
	},
	_setFillWith: function(color){
		var borders = (lang.isArray(this.shape.children)) ? this.shape.children : [this.shape.children];
		arr.forEach(borders, lang.hitch(this,function(item){
			if(this.parent.colorAnimationDuration > 0){
				var anim1 = fx.animateFill({
					shape: item,
					color: {
						start: item.getFill(),
						end: color
					},
					duration: this.parent.colorAnimationDuration
				});
				anim1.play();
			}else{
				item.setFill(color);
			}
		}));
	},
	_setStrokeWith: function(stroke){
		var borders = (lang.isArray(this.shape.children)) ? this.shape.children : [this.shape.children];
		arr.forEach(borders, function(item){
			item.setStroke({
				color: stroke.color,
				width: stroke.width,
				join: "round"
			});
		});
	},
	_normalizeStrokeWeight: function(weight){
		var matrix = this.shape._getRealMatrix();
		return (dojox.gfx.renderer != "vml")?weight/(this.shape._getRealMatrix()||{xx:1}).xx:weight;
	},
	_onmouseoverHandler: function(evt){
		this.parent.onFeatureOver(this);
		this._setFillWith(this._highlightFill);
		this.mapObj.marker.show(this.id,evt);
	},
	_onmouseoutHandler: function(){
		this._setFillWith(this._defaultFill);
		this.mapObj.marker.hide();
		html.style("mapZoomCursor", "display", "none");
	},
	_onmousemoveHandler: function(evt){
		if(this.mapObj.marker._needTooltipRefresh){
			this.mapObj.marker.show(this.id,evt);
		}
		if(this.isSelected && evt){
			if (this.parent.enableFeatureZoom) {
				evt = event.fix(evt || window.event);
				html.style("mapZoomCursor", "left", evt.pageX + 12 + "px");
				html.style("mapZoomCursor", "top", evt.pageY + "px");
				html.byId("mapZoomCursor").className = this._isZoomIn ? "mapZoomOut":"mapZoomIn";
				html.style("mapZoomCursor", "display", "block");
			}else{
				html.style("mapZoomCursor", "display", "none");
			}
		}
	},
	_onclickHandler: function(evt){
		this.parent.onFeatureClick(this);
		if(!this.isSelected){
			this.parent.deselectAll();
			this.select(true);
			this._onmousemoveHandler(evt);
		}else if(this.parent.enableFeatureZoom){
			if(this._isZoomIn){
				this._zoomOut();
			}else{
				this._zoomIn();
			}
		}
	},
	
	select: function(selected) {
		if(selected){
			this.shape.moveToFront();
			this._setStrokeWith({color:"black",width:this._normalizeStrokeWeight(2)});
			this._setFillWith(this._highlightFill);
			this.isSelected = true;
			this.parent.selectedFeature = this;
		}else{
			this._setStrokeWith(this._defaultStroke);
			this._setFillWith(this._defaultFill);
			this.isSelected = false;
			this._isZoomIn = false;
		}
	},
	
	_zoomIn: function(){
		var marker = this.mapObj.marker;
		marker.hide();
		this.parent.fitToMapArea(this._bbox, 15,true,lang.hitch(this,function(){
			this._setStrokeWith({color:"black",width:this._normalizeStrokeWeight(2)});
			marker._needTooltipRefresh = true;
			this.parent.onZoomEnd(this);
		}));
		this._isZoomIn = true;
		dom.byId("mapZoomCursor").className = "";
	},
	_zoomOut: function(){
		var marker = this.mapObj.marker;
		marker.hide();
		this.parent.fitToMapContents(3,true,lang.hitch(this,function(){
			this._setStrokeWith({color:"black",width:this._normalizeStrokeWeight(2)});
			marker._needTooltipRefresh = true;
			this.parent.onZoomEnd(this);
		}));
		this._isZoomIn = false;
		dom.byId("mapZoomCursor").className = "";
	},
	
	init: function(){
		this.shape.id = this.id;
		this.tooltip = null;
	}
});
});