Changeset 379 for Dev/branches/rest-dojo-ui/client/rft/ui/OrderedDndList.js

Timestamp:

07/26/12 21:57:20 (13 years ago)

Author:

hendrikvanantwerpen

Message:

Changed SurveyListView? to more general OrderedDndList?.
Survey page has rudimentary properties dialog and saves included questions.
Fixed bug in store for null question.

File:

• Dev/branches/rest-dojo-ui/client/rft/ui/OrderedDndList.js (moved) (moved from Dev/branches/rest-dojo-ui/client/rft/ui/SurveyListView.js) (7 diffs)

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

@@ -1 +1 @@
 define([
     'dojo/_base/declare',
+    'dojo/_base/lang',
+    'dojo/dnd/Source',
+    'dojo/dom-construct',
+    'dijit/_Container',
+    'dijit/_TemplatedMixin',
     'dijit/_WidgetBase',
-    'dijit/_TemplatedMixin',
-    'dojo/_base/lang',
-    'dojo/fx',
-    'dojo/_base/fx',
     'dijit/_WidgetsInTemplateMixin',
-    'dijit/_Container',
+    'dijit/form/Button',
     'rft/ui/LineWithActionsWidget',
-    'dojo/text!./templates/SurveyListView.html'
+    'dojo/text!./templates/OrderedDndList.html'
     ],function(
         declare,
+        lang,
+        Source,
+        domConstruct,
+        _Container,
+        _TemplatedMixin,
         _WidgetBase,
-        _TemplatedMixin,
-        lang,
-        fx,
-        baseFx,
         _WidgetsInTemplateMixin,
-        _Container,
+        Button,
         LineWithActionsWidget,
         templateString
-        ){
-        return declare('rft.ui.SurveyListView',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,_Container],{
+    ){
+        return declare('rft.ui.OrderedDndList',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,_Container],{
             templateString: templateString,
             baseClass: 'rftSurveyListView',
+            type: 'text',
             source: null,
-            region: 'center',
 
             postCreate: function() {
@@ -35 +37 @@
                 }
 
-                this.source = new dojo.dnd.Source(this.sourceNode, {
-                    isSource: true,
-                    accept: ["SurveyListViewItem"],
+                this.source = new Source(this.sourceNode, {
+                    accept: [this.type],
                     horizontal: false,
-                    withHandles: false,
-                    copyOnly: false,
-                    selfCopy: false,
-                    selfAccept: true,
-                    delay: 0,
                     singular: true,
-                    creator: lang.hitch(this, this.creatorMethod)
+                    creator: lang.hitch(this, this._createQuestionDndItem)
                 });
 
-                new dijit.form.Button({
+                new Button({
                     label: "Move up",
                     showLabel: false,
@@ -55 +51 @@
                     'class': "trans",
                     onClick: lang.hitch(this, function() {
-                        this.moveItem("up");
+                        this._moveSelectedItem("up");
                     })
                 }, this.btnListMoveUp);
 
-                new dijit.form.Button({
+                new Button({
                     label: "Move down",
                     showLabel: false,
@@ -66 +62 @@
                     'class': "trans",
                     onClick: lang.hitch(this, function() {
-                        this.moveItem("down");
+                        this._moveSelectedItem("down");
                     })
                 }, this.btnListMoveDown);
             },
-            creatorMethod: function(item, hint) {
+            _createQuestionDndItem: function(item, hint) {
                 var node;
 
                 if (hint == "avatar") {
-                    node = document.createElement("div");
-                    node.className = "dragAvatar";
-                    node.innerHTML = item.title;
+                    node = domConstruct.create("div",{
+                        'class': 'dragAvatar',
+                        innerHTML: item.title
+                    });
                 } else {
                     var w = new LineWithActionsWidget({
@@ -83 +80 @@
                         actions: {
                             "Remove" : {
+                                // w not bound in hitch, because it's
+                                // not initialized when hitch is called.
                                 callback: lang.hitch(this, function(){
-                                    this.removeItem(item, w);
+                                    this._removeItem(w);
                                 }),
                                 properties: {
@@ -107 +106 @@
                     node = w.domNode;
                 }
-                var fullItem = {
+                return {
                     node: node,
                     data: item,
-                    type: "SurveyListViewItem"
+                    type: "question"
                 };
-                return fullItem;
             },
-            moveItem: function(dir) {
+            _moveSelectedItem: function(dir) {
                 var node = this.source.getSelectedNodes()[0];
                 if (node) {
@@ -142 +140 @@
                     this.source.insertNodes(false,[item], false, anchor);
                 } else {
-                    this.source.insertNodes(false,[item]);
+                    this.appendItem(item);
                 }
             },
-            removeItem: function(item,widget){
+            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();
             }
         });
-});
+    });