source: Dev/trunk/client/qed/model/widgets/QuestionWidget.js @ 430

define(['dojo/_base/declare','dojo/_base/lang','dojo/dom-construct','dijit/_WidgetBase',
    'dijit/_TemplatedMixin','dijit/_WidgetsInTemplateMixin',
    'dojo/text!./templates/QuestionWidget.html','dijit/form/TextBox',
    'dijit/form/Textarea','../../widgets/MultipleChoiceWidget'
], function(declare,lang,domConstruct,_WidgetBase,_TemplatedMixin,
        _WidgetsInTemplateMixin,templateString,TextBox,Textarea,MultipleChoiceWidget){
    return declare([_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin],{
        templateString: templateString,
        mode: 'view', // view || edit
        name: '',
        value: null,
        _scale: null,
        _widgetCache: null,
        constructor: function() {
            this.inherited(arguments);
            this.value = {};
            this._widgetCache = {};
        },
        postCreate: function() {
            this._resetValue = this.value;
            this.scaleSelector.set('disabled', this.mode === 'edit');
        },
        _setValueAttr: function(value) {
            this.value = value;
            this._onTypeChange(value.scale || 'string');
            this.ourForm.set('value',value);
        },
        _getValueAttr: function() {
            var value = this.ourForm.get('value');
            lang.mixin(this.value,value);
            return this.value;
        },
        _onTypeChange: function(scale) {
            if ( this._scale === scale ) { return; }
            this._scale = scale;
            domConstruct.empty(this.scaleDetails);
            var widget = this._getTypeWidget(scale);
            if ( widget ) { widget.placeAt(this.scaleDetails,'only'); }
        },
        _getTypeWidget: function(scale) {
            var widget = this._widgetCache[scale];
            if (!widget) {
                switch(scale) {
                case 'string':
                    widget = new TextBox({
                        name: 'answers',
                        disabled: this.mode === 'view'
                    });
                    break;
                case 'text':
                    widget = new Textarea({
                        name: 'answers',
                        disabled: this.mode === 'view',
                        style: 'min-height: 120px'
                    });
                    break;
                case 'singleChoice':
                case 'multipleChoice':
                    widget = new MultipleChoiceWidget({
                        name: 'answers',
                        mode: this.mode,
                        allowMultiple: scale === 'multipleChoice'
                    });
                    break;
                }
                this._widgetCache[scale] = widget;
            }
            return widget;
        },
        reset: function() {
            this.ourForm.reset();
            this._setValueAttr(this._resetValue);
        }
    });
});