Changeset 389 for Dev/branches/rest-dojo-ui/client/rft/ui/QuestionEditorPreviewItem.js

Timestamp:

08/06/12 17:39:05 (13 years ago)

Author:

hendrikvanantwerpen

Message:

• List now inherits from BorderContainer?, so drop area is maximal.
• Split ContentWidgetFactory? function for edit & view seperately.
• QuestionPreview? inherits from OrderedList? now.
• questions page saves properties and included content elements in database.
• reorganized widgets a bit, list was becoming long...
• Removed unused AccordionContainer? (styling is still there).

File:

• Dev/branches/rest-dojo-ui/client/rft/ui/QuestionEditorPreviewItem.js (modified) (3 diffs)

Dev/branches/rest-dojo-ui/client/rft/ui/QuestionEditorPreviewItem.js

@@ -5 +5 @@
     'dojo/dom-class',
     'dojo/on',
+    'dijit/_Container',
     'dijit/_TemplatedMixin',
     'dijit/_WidgetBase',
     'dijit/_WidgetsInTemplateMixin',
-    'rft/ui/ContentWidgetFactory',
+    './content/ContentWidgetFactory',
     'dojo/text!./templates/QuestionEditorPreviewItem.html',
-    ], function(declare, fx, lang, domClass, on, _TemplatedMixin, _WidgetBase, _WidgetsInTemplateMixin, ContentWidgetFactory, template) {
-        return declare("rft.ui.QuestionEditorPreviewItem", [_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin], {
-
+    ], function(declare, fx, lang, domClass, on, _Container, _TemplatedMixin, _WidgetBase, _WidgetsInTemplateMixin, ContentWidgetFactory, template) {
+        return declare("rft.ui.QuestionEditorPreviewItem", [_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, _Container], {
             version: "full",
             templateString: template,
             baseClass: "surveyEditorPreviewItem",
             previousContentHeight: 200,
+            item: null,
             innerWidget: null,
             foldDuration: [250, 250],
@@ -22 +23 @@
             _editing: false,
 
-            postCreate: function() {
+            startup: function() {
                 this.inherited(arguments);
                 this.foldButtonNode.onClick = lang.hitch(this, this.toggleFold);
-                this.removeButtonNode.onClick = lang.hitch(this, this.removeObject);
+                this.removeButtonNode.onClick = lang.hitch(this, "onClose");
                 this.editButtonNode.onClick = lang.hitch(this, this.toggleEdit);
                 if (this.item) {
-                    this._createInnerWidget();
+                    this._showViewWidget();
                 } else {
-                    throw "No data supplied to create an innerWidget off of!";
+                    throw "No data supplied to create an innerWidget!";
                 }
-
-                on(this.innerWidget, "onSetTitle", function(title) {
-                    this.titleNode.innerHTML = title;
-                });
+            },
+            _destroyInnerWidget: function() {
+                if ( this.innerWidget !== null ) {
+                    this.innerWidget.destroyRecursive();
+                }
+            },
+            _showViewWidget: function() {
+                var factory = new ContentWidgetFactory();
+                this.innerWidget = factory.createViewWidget( this.item );
+                if ( this.innerWidget !== null ) {
+                    this.innerWidget.placeAt(this.containerNode);
+                    this.innerWidget.startup();
+                }
+                this.titleNode.innerHTML = "[preview]";
+            },
+            _showEditWidget: function() {
+                var factory = new ContentWidgetFactory();
+                this.innerWidget = factory.createEditWidget( this.item );
+                if ( this.innerWidget !== null ) {
+                    this.innerWidget.placeAt(this.containerNode);
+                    this.innerWidget.startup();
+                }
+                this.titleNode.innerHTML = "[editing]";
+            },
+            onClose: function() {},
+            _getValueAttr: function(value) {
+                return this.item;
+            },
+            _setValueAttr: function(value) {
+                this.item = value;
+                this._destroyInnerWidget();
+                if ( this._editing ) {
+                    this._showEditWidget();
+                } else {
+                    this._showViewWidget();
+                }
             },
             toggleEdit: function() {
                 if(this._editing) {
+                    if ( this.innerWidget !== null ) {
+                        this.item = this.innerWidget.get('value');
+                    }
+                    this._destroyInnerWidget();
+                    this._showViewWidget();
                     this.editButtonNode.iconNode.className = this.editButtonNode.iconNode.className.replace("rftIconAccept", "rftIconEdit");
                     this.editButtonNode.set("label", "Edit");
-                    this.innerWidget.save();
-                }
-                else {
+                } else {
+                    this._destroyInnerWidget();
+                    this._showEditWidget();
                     this.editButtonNode.iconNode.className = this.editButtonNode.iconNode.className.replace("rftIconEdit", "rftIconAccept");
                     this.editButtonNode.set("label", "Save");
-                    this.innerWidget.edit();
                 }
                 this._editing = !this._editing;
@@ -81 +118 @@
                     }
                 }
-            },
-            getContent: function() {
-                return this.innerWidget.getObject();
-            },
-            removeObject: function(evt) {
-                this.destroyRecursive();
-            },
-            _createInnerWidget: function() {
-                this.innerWidget = new ContentWidgetFactory().createWidget( this.item );
-                this.innerWidget.placeAt(this.containerNode);
-                this.innerWidget.startup();
             }