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

Timestamp:

07/16/12 16:27:40 (13 years ago)

Author:

hendrikvanantwerpen

Message:

Selector can be clicked on whole line now.
Question editor in survey page does lazy loading per
category and displays total number of questions.

File:

• Dev/branches/rest-dojo-ui/client/rft/pages/survey.js (modified) (4 diffs)

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

@@ -3 +3 @@
     'dojo/_base/event',
     'dojo/_base/Deferred',
+    'dojo/on',
     'rft/ui/Selector',
     'rft/ui/SurveyListView',
@@ -11 +12 @@
     'dojo/store/Cache',
     'dojo/store/Memory' ],
-    function(declare,lang,event,Deferred,Selector,SurveyListView,ContentPane,store,_Page,content,Cache,Memory){
+    function(declare,lang,event,Deferred,on,Selector,SurveyListView,ContentPane,store,_Page,content,Cache,Memory){
         return declare('rft.pages.survey',[_Page],{
             object: null,
@@ -26 +27 @@
                         return Deferred.when( obj.creator && store.dereference(obj.creator) );
                     }));
-                    this._createListView();
-                    this._createQuestionBrowser();
                     this._setupButtons();
+                    this._setupQuestionBrowser();
+                    this._setupListView();
                 } else {
                     throw "No valid uid or survey passed!";
@@ -40 +41 @@
                 this.btnPreview.on("click", lang.hitch(this, this._goToPreview));
             },
-            _createQuestionBrowser: function() {
-                store.query('_design/default/_view/by_type', {key:'Question'})
-                .forEach(function(question){
-                    this._insertQuestion(question);
-                },this);
+            _setupQuestionBrowser: function() {
+                this.tabList.watch("selectedChildWidget",lang.hitch(this,function(name,oldTab,newTab){
+                    this._fillCategoryTab(newTab.__category);
+                }));
+                store.query('_design/default/_view/questions', {reduce:true,group:true,group_level:1})
+                .forEach(lang.hitch(this,function(value,key){
+                    this._createCategoryTab(key[0],value);
+                }));
             },
-            _insertQuestion: function(question) {
-                for (var c in question.categories) {
-                    var cat = question.categories[c];
-                    if (this._dataMap[cat] === undefined) {
-                        this._dataMap[cat] = {
-                            widget: this._createCategoryTab(cat),
-                            topics: {}
-                        }
-                    }
-                    this._insertIntoCategory(question,this._dataMap[cat]);
+            _createCategoryTab: function(category,count) {
+                if (this._dataMap[category] === undefined) {
+                    var categoryTab = new ContentPane({
+                        __category: category,
+                        title: category+" ("+count+")"
+                    });
+                    categoryTab.startup();
+                    this._dataMap[category] = {
+                        _widget: categoryTab
+                    };
+                    this.tabList.addChild(categoryTab);
                 }
             },
-            _createCategoryTab: function(category) {
-                var categoryTab = new ContentPane({
-                    title: category
-                });
-                categoryTab.startup();
-                this.tabList.addChild(categoryTab);
-                return categoryTab;
+            _fillCategoryTab: function(category) {
+                var categoryMap = this._dataMap[category];
+                if (!categoryMap._filled) {
+                    categoryMap._filled = true;
+                    store.query('_design/default/_view/questions', {reduce:true,group:true,group_level:2,startkey:[category],endkey:[category,{}]})
+                    .forEach(lang.hitch(this,function(value,key){
+                        this._createTopicSelector(key[1],category,value);
+                    }));
+                }
             },
-            _insertIntoCategory: function(question, categoryMap) {
-                if (categoryMap[question.topic] === undefined) {
+            _createTopicSelector: function(topic,category,count){
+                var categoryMap = this._dataMap[category];
+                if (categoryMap[topic] === undefined) {
                     var w = new Selector({
-                        title: question.topic
-                    }).placeAt(categoryMap.widget.containerNode);
+                        __category: category,
+                        __topic: topic,
+                        title: topic+" ("+count+")"
+                    }).placeAt(categoryMap._widget.containerNode);
                     w.startup();
+                    categoryMap[topic] = {
+                        _widget: w
+                    };
+                    this._fillTopicSelector(topic,category);
                     w.on('include',lang.hitch(this,this.includeQuestion));
-                    categoryMap[question.topic] = {
-                        widget: w
-                    };
                 }
-                categoryMap[question.topic].widget.addItem(question);
+            },
+            _fillTopicSelector: function(topic,category) {
+                var categoryMap = this._dataMap[category];
+                var topicMap = categoryMap[topic];
+                if (!topicMap._filled) {
+                    store.query('_design/default/_view/questions', {reduce:false,include_docs:true,key:[category,topic]})
+                    .forEach(lang.hitch(this,function(value,key){
+                        topicMap._widget.addItem(value);
+                    }));
+                }
             },
             /* ListView code */
-            _createListView: function() {
+            includeQuestion: function(question) {
+                this.listView.insertItem(question);
+            },
+            _setupListView: function() {
                 this.listView = new SurveyListView({
                     controller: this
                 }).placeAt(this.surveyListViewNode);
                 this.listView.startup();
-            },
-            includeQuestion: function(question) {
-                this.listView.insertItem(question);
             }
         });