source: Dev/branches/rest-dojo-ui/client/rft/ui/ContentWidgetFactory.js @ 387

define([
    'dojo/_base/declare',
    'dojo/_base/lang', 
    'dijit/form/NumberSpinner',
    'dijit/form/Textarea',
    'dijit/form/TextBox',
    'dijit/layout/StackContainer',
    'dojox/form/CheckedMultiSelect',
    'dojox/layout/TableContainer'
    ],function(declare, lang, NumberSpinner, Textarea, TextBox, StackContainer, CheckedMultiSelect, TableContainer) {
        var factory = declare('rft.ui.ContentWidgetFactory', [], {
            /* No default type, all should be valid */
            createWidget: function(/*Object*/ content) {
                // options: Object
                //            type: "header", "text", textinput, etc.
                //            contents: "text"
                //            disabled: bool
                return this['create'+content.type+'Widget'](content);
            },
            createHeaderWidget: function(options) {
                var headerWidget = new HeaderItem();
                headerWidget.setObject(options);
                return headerWidget;
            },
            createTextWidget: function(options) {
                var textWidget = new TextItem();
                textWidget.setObject(options);
                return textWidget;
            },
            createFreeTextInputWidget: function(options) {
                return new FreeTextInput();
            },
            createIntegerInputWidget: function(options) {
                var integerWidget = new IntegerInput();
                integerWidget.setObject(options);
                return integerWidget;
            },
            createMultipleChoiceInputWidget: function(options) {
                var mcWidget = new MultipleChoiceInput();
                mcWidget.setObject(options);
                return mcWidget;
            }
        });

        /* Contents */
        var HeaderItem = declare(TextBox, {
            getObject: function() {
                return { type : 'Header',
                         contents: this.get('value'),
                         disabled: this.get('disabled')
                };
            },
            setObject: function(object) {
                this.set('value', object.contents);
                if (object.disabled) {
                    this.set('disabled', true);
                }
            }
        });

        var TextItem = declare(Textarea, {
            getObject: function() {
                return { type: 'Text',
                         contents: this.get('value'),
                         disabled: this.get('disabled')
                };
            },
            setObject: function(object) {
                this.set('value', object.contents);
                if (object.disabled) {
                    this.set('disabled', true);
                }
            }    
        });

        /* Inputs */
        var FreeTextInput = declare(Textarea, {
            getObject: function() {
                return { type: 'FreeTextInput' };
            }
        });

        //Use CheckedMultiSelect
        var MultipleChoiceInput = declare(StackContainer, {
            _multiSelect: null,
            postCreate: function() {
                this.inherited(arguments);
                this._multiSelect = new CheckedMultiSelect();
                this._multiSelect.addOption({ label: "Hurr durr", value: 1 });
                this._multiSelect.addOption({ label: "This is a choice", value: 1 });
                this._multiSelect.addOption({ label: "This too", value: 1 });
                this._multiSelect.addOption({ label: "So because there are more", value: 1 });
                this._multiSelect.addOption({ label: "This must be multiple choice.", value: 1 });
                this.addChild(this._multiSelect);
            },

            setObject: function() {
                return;
            },

            edit: function() {
                return;
            }

        });

        var IntegerInput = declare(StackContainer, {
            _numberSpinner:  null,
            _simpleTable: null,
            _editWidgets: null,
            _editTable: null,
            postCreate: function() {
                this.inherited(arguments);
                this._numberSpinner = new NumberSpinner( { title: "Answer", value: 0, constraints: { min: -100, max: 100 } });    
                this._simpleTable = new TableContainer({ cols: 1, customClass: "labelsAndValues", labelWidth : 150} );
                this._simpleTable.addChild(this._numberSpinner);
                this._editTable = new TableContainer({ cols: 1, customClass: "labelsAndValues"} );
                this._simpleTable.startup();
                this.addChild(this._simpleTable);
            },
            edit: function() {
                this.removeChild(this._simpleTable);
                this.addChild(this._editTable);
            },
            save: function () {
                for (var widget in this._editWidgets) {
                    var w = this._editWidgets[widget];
                    if (w.value) {
                        if (w.constraint)
                            this._numberSpinner.constraints[w.field] = w.value;
                        else 
                            this._numberSpinner.set(w.field, w.value);
                    }
                }
                this.removeChild(this._editTable);
                this.addChild(this._simpleTable);
                this._simpleTable.layout();
            },
            setObject: function(object) {
                if(object.contents) {
                    lang.mixin(this._numberSpinner, object.contents);
                    this._setupEditWidgets(object.contents);
                }
                else {
                    //Create widgets with default values
                    this._setupEditWidgets(this.getObject().contents);
                }
            },
            _setupEditWidgets: function(contents) {
                //Set up widgets which should appear once edit is pressed.
                this._editWidgets = [];
                this._editWidgets.push(new NumberSpinner( { field: "value", title: "Default value" }))
                this._editWidgets.push(new NumberSpinner( { field: "smallDelta", title: "Increment size" }));
                this._editWidgets.push(new NumberSpinner( { constraint: true, field: "max", title: "Maximum value" }));
                this._editWidgets.push(new NumberSpinner( { constraint: true, field: "min", title: "Minimum value" }));
                this._editWidgets.push(new TextBox ( { field: "invalidMessage", title: "Invalid message" }));
                this._editWidgets.push(new TextBox ( { field: "title", title: "Label" }));
                for (var widget in this._editWidgets) {
                    var w = this._editWidgets[widget];
                    if (w.constraint)
                        w.set('value', contents.constraints[w.field]);
                    else
                        w.set('value', contents[w.field]);
                    this._editTable.addChild(w);
                }
                this._editTable.startup();
            },
            getObject: function() {
                return { 
                    type: 'IntegerInput',
                    contents: { 
                        value: this._numberSpinner.value,
                        smallDelta: this._numberSpinner.smallDelta,
                        constraints: this._numberSpinner.constraints,
                        invalidMessage: this._numberSpinner.invalidMessage,
                        title: this._numberSpinner.title
                    }
                };
            }
        });

        return factory;
    });