Changeset 389 for Dev/branches/rest-dojo-ui/client/rft/ui/QuestionEditorPreview.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/QuestionEditorPreview.js (modified) (1 diff)

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

@@ -2 +2 @@
     'dojo/_base/declare',
     'dojo/_base/lang',
-    'dojo/dnd/Source',
     'dojo/dom-construct',
-    'dijit/layout/ContentPane',
-    'rft/ui/QuestionEditorPreviewItem',
-    'dojo/text!./templates/QuestionEditorPreview.html'
-    ], function(declare, lang, Source, domConstruct, ContentPane, QuestionEditorPreviewItem, template) {
-        return declare("rft.ui.QuestionEditorPreview", [ContentPane], {
+    'dijit/registry',
+    './QuestionEditorPreviewItem',
+    './lists/OrderedList',
+    ], function(declare, lang, domConstruct, registry, QuestionEditorPreviewItem, OrderedList) {
+        return declare("rft.ui.QuestionEditorPreview", [OrderedList], {
+            baseClass: 'surveyEditorPreview',
+            type: 'questionContent',
 
-            templateString: template,
-            'class': 'surveyEditorPreview',
-            dndSource: null,
-
-            startup: function(){
-                this.inherited(arguments);
-                this.dndSource = new Source(this.domNode, {
-                    accept: ["questionContent"],
-                    skipForm: true,
-                    creator: lang.hitch(this, this._sourceCreatorMethod)
+            _createAvatarNode: function(item) {
+                return domConstruct.create("span",{
+                    innerHTML: item.type || "Dragging!!!"
                 });
-                this.dndSource.startup();
             },
-            _sourceCreatorMethod: function(item, hint){
-                var node;
-                switch(hint){
-                case "avatar":
-                    node = domConstruct.create("span",{
-                        innerHTML: item.type || "Dragging!!!"
-                    });
-                default:
-                    var previewItem = new QuestionEditorPreviewItem({
-                        item: item.content
-                    });
-                    node = previewItem.domNode;
-                }                
-                return {node: node, data: item, type: ["questionContent"]};
+            _createListNode: function(item) {
+                var previewItem = new QuestionEditorPreviewItem({
+                    item: item
+                });
+                previewItem.on('close',lang.hitch(this,'removeItem',item));
+                previewItem.startup();
+                return previewItem.domNode;
             },
-            insertObjects: function(/*Array*/items) {
-                this.dndSource.insertNodes(false, items);
-            },
-            getContent: function() {
-                var content = [];
-                var nodes = this.dndSource.getAllNodes();
-                for (var i = 0; i < nodes.length; i++) {
-                    content.push(this.dndSource.getItem(nodes[i].id).data.getContent());
-                }
-                return content;
-            },
-            getNodeList: function() {
-                return this.dndSource.getAllNodes();
-            },
-            onDropInternal: function() {
-                topic.publish("/QuestionEditor/Preview/MoveItem");
-            },
-            onDropExternal: function() {
-                // This is fired when something from the Toolkit is dropped into the Preview -- add operation.
-                topic.publish("/QuestionEditor/Preview/AddItem");
+            getItems: function() {
+                return this.source.getAllNodes()
+                .map(function(node){
+                    return registry.byNode(node).get('value');
+                },this);
             }
-
         });
     });