Changeset 420 for Dev/branches/rest-dojo-ui/client/qed/pages/surveyRun.js

Timestamp:

12/16/12 20:07:35 (12 years ago)

Author:

hendrikvanantwerpen

Message:

We can store answers for surveys now!

Introduces SurveyRun?, which can be edited. Workflow not quite clear yet. A
running survey can be accessed to leave a response. When the response
has an ID, it is loaded (used for closed surveys and continuations). A
researcher cannot create responses yet. He should also be able to add
comments to responses (that he creates).

Introduced caching of store requests.

Factored out path matching and formatting.

Put object creation in separate classes, to localize model/storage
dependency. Not consistent at the moment.

File:

• Dev/branches/rest-dojo-ui/client/qed/pages/surveyRun.js (copied) (copied from Dev/branches/rest-dojo-ui/client/qed/pages/survey.js) (2 diffs)

Dev/branches/rest-dojo-ui/client/qed/pages/surveyRun.js

@@ -1 +1 @@
 define([
-    'dojo/_base/array',
     'dojo/_base/declare',
-    'dojo/_base/Deferred',
     'dojo/_base/event',
     'dojo/_base/lang',
+    'dojo/when',
+    '../app/Content',
     '../app/Router',
+    '../lib/func',
     '../store',
     '../app/Page',
-    '../model/widgets/QuestionListView',
-    '../model/widgets/TabbedQuestionBrowser',
-    'dojo/text!./templates/survey.html'
-],function(array,declare,Deferred,event,lang,Router,store,Page,
-         QuestionListView,TabbedQuestionBrowser,template){
+    '../model/classes/SurveyRun',
+    'dojo/text!./templates/surveyRun.html'
+],function(declare,event,lang,when,Content,Router,func,store,Page,SurveyRun,template){
     return declare([Page],{
         templateString: template,
-        survey: null,
-        questionList: null,
-        _dataMap: null,
-        constructor: function(){
-            this._dataMap = {};
-        },
+        surveyRun: null,
         startup: function() {
             if ( this._started ) { return; }
             this.inherited(arguments);
-            if ( this.surveyId ) {
-                this._setupQuestionBrowser();
-                this._setupListView();
-                this._loadSurvey();
+            this.propertiesForm.on("blur",lang.hitch(this,'_onPropChange'));
+            if ( this.surveyRunId ) {
+                this._loadSurveyRun();
             } else {
                 throw "No valid uid or survey passed!";
             }
         },
-        _setupQuestionBrowser: function() {
-            this.questionBrowser = new TabbedQuestionBrowser({
-                region: 'center',
-                'class': 'blue',
-                include: 'published',
-                selectedActions: {
-                    "Include": {
-                        callback: lang.hitch(this,this._includeQuestion),
-                        icon: "Accept",
-                        description: "Include in survey"
-                    }
-                },
-                itemActions: {
-                    "Info": {
-                        callback: function(item){ item.description && alert(item.description); },
-                        icon: "Inspect",
-                        description: "Show item description"
-                    }
-                }
-            },this.questionBrowser);
-            this.questionBrowser.startup();
+        _loadSurveyRun: function() {
+            when(store.get(this.surveyRunId))
+            .then(lang.hitch(this,function(surveyRun){
+                this.surveyRun = surveyRun;
+                this.refresh();
+            }));
         },
-        _setupListView: function() {
-            this.questionList = new QuestionListView({
-                region: 'center'
-            },this.surveyListViewNode);
-            this.questionList.startup();
+        refresh: function() {
+            this.titleNode.innerHTML = SurveyRun.DisplayTitle.get(this.surveyRun);
+            this.surveyNode.set('value',SurveyRun.Survey.get(this.surveyRun));
+            this.propertiesForm.set('value',this.surveyRun);
+            this._onPropChange();
         },
-        _loadSurvey: function() {
-            if ( this.surveyId === "new" ) {
-                this.survey = {
-                    type: 'Survey'
-                };
-                this.refresh();
+        _onPropChange: function(e) {
+            var surveyRun = this.propertiesForm.get('value');
+            if ( surveyRun.mode === "open" ) {
+                var url = 'response.html#!/'+store.getIdentity(this.surveyRun);
+                this.runURLNode.innerHTML = '<a target="_black" href="'+url+'">'+url+'</a>';
             } else {
-                Deferred.when(store.get(this.surveyId))
-                .then(lang.hitch(this,function(survey){
-                    this.survey = survey;
-                    store.query(null,{keys:this.survey.questions || [], include_docs: true})
-                    .forEach(lang.hitch(this.questionList,'appendItem'));
-                    this.refresh();
-                }));
+                this.runURLNode.innerHTML = "No general URL. Add individual respondents below.";
             }
         },
-        _includeQuestion: function(question) {
-            this.questionList.insertItem(question);
-        },
-        refresh: function() {
-            this.titleNode.innerHTML = this.survey.title || "(set title in properties)";
-            this.propertiesDialog.set('value',this.survey);
-        },
-        _onShowProperties: function(evt) {
-            this.propertiesDialog.show();
-        },
-        _onPropertiesOk: function(evt) {
-            this.propertiesDialog.hide();
-            lang.mixin(this.survey, this.propertiesDialog.get('value'));
-            this.refresh();
-            event.stop(evt);
-            return false;
-        },
-        _onPropertiesCancel: function(evt) {
-            this.propertiesDialog.hide();
-            this.propertiesDialog.reset('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)
+            lang.mixin(this.surveyRun,this.propertiesForm.get('value'));
+            var not = function(p){ return !p; };
+            func.modPropIf(this.surveyRun,"startDate",not.compose(lang.isString),store.formatDate);
+            func.modPropIf(this.surveyRun,"endDate",not.compose(lang.isString),store.formatDate);
+            store.put(this.surveyRun)
             .then(function() { 
                 Router.go('/surveys');
+            },function(err){
+                Content.notify(err);
             });
             event.stop(evt);
@@ -112 +63 @@
         _onDiscard: function(evt) {
             Router.go('/surveys');
-        },
-        _onShowPreview: function() {
-            Router.go('/viewSurvey/'+store.getIdentity(this.survey),{
-                preview: true
-            });
         }
     });