source: Dev/branches/rest-dojo-ui/client/rft/ui/QuestionWidget.js @ 303

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','./MultipleChoiceWidget'],
    function(declare,lang,domConstruct,_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,templateString,TextBox,Textarea,MultipleChoiceWidget){
        return declare('rft.ui.QuestionWidget',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin],{
            templateString: templateString,
            mode: 'view', // view || edit
            name: '',
            value: null,
            _type: null,
            _widgetCache: null,
            constructor: function() {
                this.inherited(arguments);
                this.value = {};
                this._widgetCache = {};
            },
            postCreate: function() {
                this._resetValue = this.value;
                this.typeSelector.set('disabled', this.mode == 'edit');
            },
            _setValueAttr: function(value) {
                this.value = value;
                this._onTypeChange(value.type || 'string');
                this.ourForm.set('value',value);
            },
            _getValueAttr: function() {
                var value = this.ourForm.get('value');
                lang.mixin(this.value,value);
                return this._question;
            },
            _onTypeChange: function(type) {
                if ( this._type == type ) return;
                this._type = type;
                domConstruct.empty(this.typeDetails);
                var widget = this._getTypeWidget(type);
                widget && widget.placeAt(this.typeDetails,'only');
            },
            _getTypeWidget: function(type) {
                var widget = this._widgetCache[type];
                if (!widget) {
                    switch(type) {
                        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: type == 'multipleChoice'
                            });
                            break;
                    }
                    this._widgetCache[type] = widget;
                }
                return widget;
            },
            reset: function() {
                this.ourForm.reset();
                this._setValueAttr(this._resetValue);
            }
        });
    });