source: Dev/trunk/src/client/dojox/geo/charting/Feature.js

define([
        "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:
                //              A 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(){
                        // summary:
                        //              clears the colors on this Feature object.

                        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: Number
                        //              A numeric value.

                        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){
                        // summary:
                        //              Sets the selected state of this feature to the given value.
                        // selected: Boolean
                        //              A Boolean value indicating the selected state.

                        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(){
                        // summary:
                        //              Initializes this feature.

                        this.shape.id = this.id;
                        this.tooltip = null;
                }
        });
});