Changeset 384 for Dev/branches/rest-dojo-ui/client/rft/ui/QuestionListView.js

Timestamp:

07/29/12 00:03:52 (13 years ago)

Author:

hendrikvanantwerpen

Message:

• Cleanup of the differen ListViews?, List & OrderedList?. Based QuestionListView? on these base classes as well. Removed duplicate code.
• Destroy busy indicator of TabbedQuestionBrowser? (because it's placed outside of the widgets DOM tree, this is not done automatically).
• Use dojo/date/stamp module for uniform and parsable date formatting.
• Added docs/ directory for database format documentation etc.

File:

• Dev/branches/rest-dojo-ui/client/rft/ui/QuestionListView.js (moved) (moved from Dev/branches/rest-dojo-ui/client/rft/ui/OrderedDndList.js) (1 diff)

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

@@ -2 +2 @@
     'dojo/_base/declare',
     'dojo/_base/lang',
-    'dojo/dnd/Source',
     'dojo/dom-construct',
-    'dijit/_Container',
-    'dijit/_TemplatedMixin',
-    'dijit/_WidgetBase',
-    'dijit/_WidgetsInTemplateMixin',
-    'dijit/form/Button',
     'rft/ui/LineWithActionsWidget',
-    'dojo/text!./templates/OrderedDndList.html'
+    'rft/ui/OrderedList'
     ],function(
         declare,
         lang,
-        Source,
         domConstruct,
-        _Container,
-        _TemplatedMixin,
-        _WidgetBase,
-        _WidgetsInTemplateMixin,
-        Button,
         LineWithActionsWidget,
-        templateString
+        OrderedList
     ){
-        return declare('rft.ui.OrderedDndList',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,_Container],{
-            templateString: templateString,
+        return declare('rft.ui.QuestionListView',[OrderedList],{
             baseClass: 'rftSurveyListView',
-            type: 'text',
-            source: null,
+            type: 'question',
 
-            postCreate: function() {
-                if (this.title) {
-                    this.titleNode.innerHTML = this.title;
-                } else {
-                    this.domNode.removeChild(this.titleNode);
-                }
-
-                this.source = new Source(this.sourceNode, {
-                    accept: [this.type],
-                    horizontal: false,
-                    singular: true,
-                    creator: lang.hitch(this, this._createQuestionDndItem)
+            _createAvatarNode: function(item){
+                return domConstruct.create("div",{
+                    'class': 'dragAvatar',
+                    innerHTML: item.title
                 });
-
-                new Button({
-                    label: "Move up",
-                    showLabel: false,
-                    iconClass: "rftIcon rftIconFullArrowUp",
-                    baseClass: "rftBlockButton",
-                    'class': "trans",
-                    onClick: lang.hitch(this, function() {
-                        this._moveSelectedItem("up");
-                    })
-                }, this.btnListMoveUp);
-
-                new Button({
-                    label: "Move down",
-                    showLabel: false,
-                    iconClass: "rftIcon rftIconFullArrowDown",
-                    baseClass: "rftBlockButton",
-                    'class': "trans",
-                    onClick: lang.hitch(this, function() {
-                        this._moveSelectedItem("down");
-                    })
-                }, this.btnListMoveDown);
             },
-            _createQuestionDndItem: function(item, hint) {
-                var node;
-
-                if (hint == "avatar") {
-                    node = domConstruct.create("div",{
-                        'class': 'dragAvatar',
-                        innerHTML: item.title
-                    });
-                } else {
-                    var w = new LineWithActionsWidget({
-                        title: item.title,
-                        'class': "inheritBgColor",
-                        actions: {
-                            "Remove" : {
-                                // w not bound in hitch, because it's
-                                // not initialized when hitch is called.
-                                callback: lang.hitch(this, function(){
-                                    this._removeItem(w);
-                                }),
-                                properties: {
-                                    blockButton: false,
-                                    icon: "Delete",
-                                    modifiers: "white",
-                                    label: "Remove"
-                                }
-                            },
-                            "Info" : {
-                                callback: function(){ item.description && alert(item.description); },
-                                properties: {
-                                    blockButton: false,
-                                    icon: "Inspect",
-                                    modifiers: "white",
-                                    label: "Show info"
-                                }
+            _createListNode: function(item) {
+                var w = new LineWithActionsWidget({
+                    title: item.title,
+                    'class': "inheritBgColor",
+                    actions: {
+                        "Remove" : {
+                                                callback: lang.hitch(this, 'removeItem', item),
+                            properties: {
+                                blockButton: false,
+                                icon: "Delete",
+                                modifiers: "white",
+                                label: "Remove"
+                            }
+                        },
+                        "Info" : {
+                            callback: function(){ item.description && alert(item.description); },
+                            properties: {
+                                blockButton: false,
+                                icon: "Inspect",
+                                modifiers: "white",
+                                label: "Show info"
                             }
                         }
-                    });
-                    w.startup();
-                    node = w.domNode;
-                }
-                return {
-                    node: node,
-                    data: item,
-                    type: "question"
-                };
-            },
-            _moveSelectedItem: function(dir) {
-                var node = this.source.getSelectedNodes()[0];
-                if (node) {
-                    if (dir == "up") {
-                        if (node.previousSibling) {
-                            return node.parentNode.insertBefore(node, node.previousSibling);
-                        } else {
-                            return false;
-                        }
-
-                    } else if (dir == "down") {
-                        if (node.nextSibling) {
-                            return node.parentNode.insertBefore(node.nextSibling, node);
-                        } else {
-                            return false;
-                        }
-                    } else {
-                        throw "Invalid move direction passed!";
                     }
-                } else {
-                    return false;
-                }
-            },
-            insertItem: function(item) {
-                var anchor = this.source.getSelectedNodes()[0];
-                if (anchor) {
-                    this.source.insertNodes(false,[item], false, anchor);
-                } else {
-                    this.appendItem(item);
-                }
-            },
-            appendItem: function(item) {
-                this.source.insertNodes(false,[item]);
-            },
-            getItems: function() {
-                return this.source.getAllNodes()
-                .map(function(node){
-                    return this.source.getItem(node.id).data;
-                },this);
-            },
-            deleteItems: function() {
-                this.source.getAllNodes()
-                .forEach(function(node){
-                    node.destroy();
                 });
-                this.source.sync();
-            },
-            _removeItem: function(widget){
-                widget.destroy();
-                this.source.sync();
+                w.startup();
+                return w.domNode;
             }
         });