Changeset 510 for Dev/trunk/src/client/qed-client/model/widgets/QuestionEditorPreviewItem.js

Timestamp:

03/12/14 15:16:54 (11 years ago)

Author:

hendrikvanantwerpen

Message:

• Factored out general object mapping and iteration.
• Split widgets for multiplechoice and singlechoice.
• Restored readOnly/disabled setting for QuestionEditorPreviewItem? on innerWidget (since view innerWidget is not a form anymore, we cannot just set it on that, we iterate over all form children now).

File:

• Dev/trunk/src/client/qed-client/model/widgets/QuestionEditorPreviewItem.js (modified) (10 diffs)

Dev/trunk/src/client/qed-client/model/widgets/QuestionEditorPreviewItem.js

@@ -6 +6 @@
     "dijit/_WidgetBase",
     "dijit/_WidgetsInTemplateMixin",
+    "dojo/_base/array",
     "dojo/_base/declare",
     "dojo/_base/event",
@@ -15 +16 @@
     "dojo/on",
     "dojo/text!./templates/QuestionEditorPreviewItem.html"
-], function(_ComplexValueWidget, QuestionWidgetFactory, _Container, _TemplatedMixin, _WidgetBase, _WidgetsInTemplateMixin, declare, event, fx, lang, domClass, domGeom, domStyle, on, template) {
+], function(_ComplexValueWidget, QuestionWidgetFactory, _Container, _TemplatedMixin, _WidgetBase, _WidgetsInTemplateMixin, array, declare, event, fx, lang, domClass, domGeom, domStyle, on, template) {
     return declare([_ComplexValueWidget], {
         templateString: template,
@@ -24 +25 @@
         foldDuration: [250, 250],
         animation: null,
-        _editing: false,
+        _editing: null,
         _factory: new QuestionWidgetFactory(),
 
@@ -36 +37 @@
             this.own(this.editButton.on('click',
                         lang.hitch(this, 'onToggleEdit')));
-            this.showEdit();
+            this.showView();
         },
         _handleDestroy: function(evt) {
@@ -44 +45 @@
         },
         _getValueAttr: function(value) {
-            if ( this._editing ) {
+            if ( this._editing === true ) {
                 this.value = this.innerWidget.get('value');
             }
@@ -51 +52 @@
         _setValueAttr: function(value) {
             this.value = value;
-            if ( this._editing ) {
+            if ( this._editing  === true ) {
                 this._showEditWidget();
             } else {
@@ -57 +58 @@
             }
         },
-        _setReadOnlyAttr: function() {
-            this.inherited(arguments);
+        _setReadOnlyAttr: function(readOnly) {
+            this._set('readOnly',readOnly);
+            this._setReadOnlyChildren(this.readOnly);
             this._updateRemoveBtn();
         },
-        _setDisabledAttr: function() {
-            this.inherited(arguments);
+        _setDisabledAttr: function(disabled) {
+            this._set('disabled',disabled);
+            this._setDisabledChildren(this.disabled);
             this._updateRemoveBtn();
         },
         _updateRemoveBtn: function() {
+            var node = this.removeButton.domNode;
             if ( this.readOnly || this.disabled ) {
-                domClass.add(this.removeButton.domNode, 'dijitHidden');
+                domClass.add(node, 'dijitHidden');
             } else {
-                domClass.remove(this.removeButton.domNode, 'dijitHidden');
+                domClass.remove(node, 'dijitHidden');
             }
         },
+        _setDisabledChildren: function(disabled) {
+            array.forEach(this._getDescendantFormWidgets(),function(widget){
+                widget.set('disabled',disabled);
+            });
+        },
+        _setReadOnlyChildren: function(readOnly) {
+            array.forEach(this._getDescendantFormWidgets(),function(widget){
+                widget.set('readOnly',readOnly);
+            });
+        },
         validate: function() {
-            return !this._editing || this.innerWidget.validate();
+            return this._editing === false || this.innerWidget.validate();
         },
         focus: function() {
-            if ( this._editing ) {
+            if ( this._editing === true ) {
                 this.innerWidget.focus();
             }
         },
         showView: function() {
-            if ( this._editing ) {
+            if ( this._editing === true ) {
                 if (!this.innerWidget.validate || this.innerWidget.validate() ) {
                     this.value = this.innerWidget.get('value');
@@ -89 +103 @@
         },
         showEdit: function() {
-            if (!this._editing) {
+            if ( this._editing === false ) {
                 this._showEditWidget();
             }
         },
         onToggleEdit: function(evt) {
-            if (this._editing) {
+            if ( this._editing === true ) {
                 this.showView();
             } else {
@@ -106 +120 @@
             // on it,but we don't know the actual code here.
             var newWidget = this._factory.createViewWidget( lang.mixin({code:""},this.value) );
-            if ( newWidget !== null ) {
+            if ( newWidget ) {
                 this._destroyInnerWidget();
                 this.innerWidget = newWidget;
-                this.innerWidget.set('readOnly',true);
                 this.addChild(this.innerWidget);
+                this._setReadOnlyChildren(true);
+                this._setDisabledChildren(true);
                 this.titleNode.innerHTML = this.value.type+" [preview]";
                 domClass.replace(this.editButton.iconNode, "rftIconEdit", "rftIconAccept");
@@ -119 +134 @@
         _showEditWidget: function() {
             var newWidget = this._factory.createEditWidget( this.value );
-            if ( newWidget !== null ) {
+            if ( newWidget ) {
                 this._destroyInnerWidget();
                 this.innerWidget = newWidget;
-                this.innerWidget.set('readOnly',this.readOnly);
-                this.innerWidget.set('disabled',this.disabled);
                 this.addChild(this.innerWidget);
+                this._setReadOnlyChildren(this.readOnly);
+                this._setDisabledChildren(this.disabled);
                 this.titleNode.innerHTML = this.value.type+" [editing]";
                 domClass.replace(this.editButton.iconNode, "rftIconAccept", "rftIconEdit");