Changeset 379 for Dev/branches/rest-dojo-ui/client/rft/pages/survey.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/pages/survey.js (modified) (5 diffs)

Dev/branches/rest-dojo-ui/client/rft/pages/survey.js

@@ -1 +1 @@
 define([
+    'dojo/_base/array',
     'dojo/_base/declare',
     'dojo/_base/Deferred',
@@ -7 +8 @@
     'rft/store',
     'rft/ui/_Page',
-    'rft/ui/SurveyListView',
+    'rft/ui/OrderedDndList',
     'rft/ui/TabbedQuestionBrowser'
     ],
-    function(declare,Deferred,event,lang,content,store,_Page,SurveyListView,TabbedQuestionBrowser){
+    function(array,declare,Deferred,event,lang,content,store,_Page,
+             OrderedDndList,TabbedQuestionBrowser){
         return declare('rft.pages.survey',[_Page],{
-            object: null,
-            listView: null,
+            survey: null,
+            questionList: null,
             _dataMap: null,
             constructor: function(){
@@ -20 +22 @@
             onVisit: function() {
                 if ( this.pageArgs.uid ) {
+                    this._setupQuestionBrowser();
+                    this._setupListView();
                     Deferred.when(store.get(this.pageArgs.uid))
                     .then(lang.hitch(this,function(obj){
-                        this.object = obj;
-                        return Deferred.when( obj.creator && store.dereference(obj.creator) );
+                        this.survey = obj;
+                        this.refresh();
                     }));
-                    this._setupQuestionBrowser();
-                    this._setupListView();
                 } else {
                     throw "No valid uid or survey passed!";
                 }
-            },
-            onProperties: function(evt) {
-
-            },
-            onSave: function(evt) {
-//                lang.mixin(this.object, this.propertiesForm.get('value'));
-                store.put(this.object)
-                .then(function() { 
-                    content.goTo('surveys');
-                });
-                event.stop(evt);
-                return false;
-            },
-            _goToPreview: function() {
-                content.goTo('surveyAdvanced', {uid: this.object._id});
             },
             _setupQuestionBrowser: function() {
@@ -52 +39 @@
                     selectedActions: {
                         "Include": {
-                            callback: lang.hitch(this,this.includeQuestion),
+                            callback: lang.hitch(this,this._includeQuestion),
                             icon: "Accept",
                             description: "Include in survey"
@@ -67 +54 @@
                 this.questionBrowser.startup();
             },
-            /* ListView code */
-            includeQuestion: function(question) {
-                var item = this.listView.insertItem(question);
+            _includeQuestion: function(question) {
+                this.questionList.insertItem(question);
             },
             _setupListView: function() {
-                this.listView = new SurveyListView({
-                    controller: this
+                this.questionList = new OrderedDndList({
+                    type: 'question',
+                    region: 'center'
                 }).placeAt(this.surveyListViewNode);
-                this.listView.startup();
+                this.questionList.startup();
+            },
+            refresh: function() {
+                this.titleNode.innerHTML = this.survey.title || "(set title in properties)";
+                this.propertiesForm.set('value',this.survey);
+                store.query(null,{keys:this.survey.questions,include_docs:true})
+                .forEach(lang.hitch(this.questionList,'appendItem'));
+            },
+            _onShowProperties: function(evt) {
+                this.propertiesDialog.show();
+            },
+            _onPropertiesOk: function(evt) {
+                this.propertiesDialog.hide();
+                lang.mixin(this.survey, this.propertiesForm.get('value'));
+                this.refresh();
+                event.stop(evt);
+                return false;
+            },
+            _onPropertiesCancel: function(evt) {
+                this.propertiesDialog.hide();
+                this.propertiesForm.set('value',this.survey);
+                event.stop(evt);
+                return false;
+            },
+            _onSave: function(evt) {
+                this.survey.questions = array.map(this.questionList.getItems(),function(item){
+                    return store.getIdentity(item);
+                });
+                store.put(this.survey)
+                .then(function() { 
+                    content.goTo('surveys');
+                });
+                event.stop(evt);
+                return false;
+            },
+            _onDiscard: function(evt) {
+            },
+            _onShowPreview: function() {
+                content.goTo('surveyAdvanced', {uid: store.getIdentity(this.survey)});
             }
         });