groupWidget.js

Go to the documentation of this file.

 
define( [
                'remoto!stdlib:js/widgets/widget.js',
                'remoto!stdlib:js/widgets/widgetFactory.js',
                'remoto!stdlib:js/include/utils.js',
        ],
        function(widget,widgetFactory,utils)
        {
                'use strict';
 
                groupWidget.prototype = new widget;
                function groupWidget( dd )
                {
                        var value = dd.value || {};
                        this._children = {};
 
                        dd.value = null;
                        dd.defaultValue = undefined;
 
                        widget.call(this,dd);
 
                        this._fixed = this._options.equal || false;
                        this._useValue = this._options.useValue === false ? false : true;
 
                        var valueSorted = utils.sortObjectByMemberAttribute(value,"index");
 
                        var v,c,d;
                        for (var __i=0;__i < valueSorted.length; __i++)
                        {
                                v = valueSorted[__i].__key;
                                c = value[v];
 
                                d = utils.copyObject(c);
                                d.variable = v;
                                d.change = this.changeField.bind(this, d.change);
 
                                var w = widgetFactory( d );
 
                                if (w)
                                        this._children[v] = w;
                                else
                                {
                                        console.dir(d);
                                        throw "Bad Widget: "+v;
                                }
                        }
                }
 
                groupWidget.prototype.createWidget = function()
                {
                        if (this._widgetJq) return this._widgetJq;
 
                        var g = $("<div class='widgetGroup' id='"+this._id+"'/>");
                        var r = $("<div class='widgetGroupRow'/>").appendTo(g);
 
                        if (this._fixed)
                                g.css("table-layout","fixed");
 
                        var k,w,f;
                        for (var c in this._children)
                        {
                                k = this._children[c];
 
                        /*
                                if (!k._options.hideLabel)
                                        k.createLabel().appendTo(r);
 
                                w = k._html = k.createWidget();
                                f = $("<div class='widgetField'>").append(w).appendTo(r);
                                f.attr("title",k._tip);
                        */
                                r.append( k.createHTML() );
                        }
 
                        this._widgetJq = g;
 
                        return this._widgetJq;
                }
 
                groupWidget.prototype.changeField = function(childChange,variable,value,widget)
                {
                        //console.error("FIELD CHANGE!",arguments);
 
                        if (this._change)
                        {
                                var u = {};
                                if (this._useValue)
                                        u[variable] = { value:value };
                                else
                                        u[variable] = value;
 
                                if (childChange)
                                        childChange(variable,value,widget);
 
                                this._change( this._variable, u, widget );
                                //this._change( this._variable+"."+variable, value, widget );
                        }
                }
 
                groupWidget.prototype.activate = function()
                {
                        //widget.prototype.activate.call(this);
 
                        for (var c in this._children)
                                this._children[c].activate();
 
                        //FIXME: should assign change to children so they trigger this change
 
                        //if (this._widgetJq && this._change)
                        //      this._widgetJq.bind("change input", this.sync.bind(this));
                }
 
                groupWidget.prototype.deactivate = function()
                {
                        //widget.prototype.deactivate.call(this);
 
                        for (var c in this._children)
                                this._children[c].deactivate();
 
                        //if (this._widgetJq)
                        //      this._widget.unbind("change input");
                }
 
                groupWidget.prototype.destroy = function()
                {
                        for (var c in this._children)
                                this._children[c].destroy();
 
                        widget.prototype.destroy.call(this);
                }
 
                groupWidget.prototype.__defineGetter__( "value", function()
                {
                        //return this._children;
                        /*
                        var v = {};
                        for (var c in this._children)
                                v[c] = this._children[c];
 
                        return v;
                        */
 
                        var v = {};
                        for (var c in this._children)
                        {
                                if (this._useValue)
                                {       v[c] = { "value": this._children[c].value };
                                }
                                else
                                        v[c] = this._children[c].value;
                        }
                        return v;
                } );
 
                groupWidget.prototype.__defineSetter__( "value", function(v)
                {
                        for (var c in v)
                        {
                                if (c in this._children)
                                {
                                        this._children[c].activeUser = this._activeUser;
 
                                        if (this._immediate)    this._children[c].immediateValue = (this._useValue && (typeof(v[c]) == "object") && ("value" in v[c])) ? v[c].value : v[c];
                                        else                    this._children[c].value = (this._useValue && (typeof(v[c]) == "object") && ("value" in v[c])) ? v[c].value : v[c];
                                }
                                else
                                {
                                        console.error("FIXME: need a group value setter that creates new attributes as needed.");
                                        console.log(v);
                                }
                        }
 
                        this._activeUser = null;
 
                        return v;
                } );
 
                groupWidget.prototype.__defineGetter__( "isDefault", function()
                {
                        for (var c in this._children)
                                if (!this._children[c].isDefault)
                                        return false;
 
                        return true;
                } );
 
                groupWidget.prototype.__defineGetter__( "nonDefaultValue", function()
                {
                        var v = {};
                        var f = false;
                        var d = undefined;
                        for (var c in this._children)
                        {       d = this._children[c].nonDefaultValue;
                                if (d !== undefined)
                                {       v[c] = d;
                                        f = true;
                                }
                        }
 
                        return f ? {value:v} : undefined;
                } );
 
                return groupWidget;
        }
);