Changeset 362

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.

Location:

Dev/branches/rest-dojo-ui/client

Files:

• config/db.js (modified) (4 diffs)
• config/docs.json (added)
• rft/pages/survey.js (modified) (4 diffs)
• rft/store.js (modified) (3 diffs)
• rft/ui/Selector.js (modified) (4 diffs)

Dev/branches/rest-dojo-ui/client/config/db.js

@@ -20 +20 @@
     parser.parse();
 
-    query("#log").forEach(function(n){ logNode = n; });
+    query("#log").forEach(function(n){logNode = n;});
     usernameInput = registry.byId('username');
     passwordInput = registry.byId('password');
@@ -31 +31 @@
 
     log("Give CouchDB admin username & password and click 'Configure' to start.\nIf the database already exists, rft_admin password will suffice.",true);
-
     
     function configure(){
+        var docs;
+
         log("Configuring CouchDB for RFT:",true);
 
@@ -40 +41 @@
         var reset = resetInput.get('value');
 
-        var docs = json.fromJson(docsJson);
+        log("Downloading most recent configuration.");
+        xhr('GET',{
+            url: 'docs.json',
+            handleAs: 'json',
+            sync: true
+        },true)
+        .then(function(result){
+            docs = result;
+        });
 
         function req(method,url,body) {
@@ -47 +56 @@
                 contentType: 'application/json',
                 handleAs: 'json',
-                sync: true,
-                error: function(err) {
-                    log("ERROR: "+err);
-                }
+                sync: true
             };
             if ( !body || lang.isObject(body) ) {

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);
             }
         });

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

@@ -97 +97 @@
                 if ( query === undefined ) {
                     query = '_all_docs';
-                    queryOpts.include_docs = true;
                 }
 
@@ -126 +125 @@
 
                 // Custom options
-                if (options.key) {
+                if (options.key !== undefined) {
                     queryOpts.key = options.key;
-                } else if (options.keys) {
+                } else if (options.keys !== undefined) {
                     queryOpts.keys = options.keys;
-                } else if (options.startkey || options.endkey) {
+                } else if (options.startkey !== undefined || options.endkey !== undefined) {
                     queryOpts.startkey = options.startkey;
                     queryOpts.endkey = options.endkey;
+                }
+                if (options.include_docs !== undefined) {
+                    queryOpts.include_docs = options.include_docs;
+                }
+                if (options.reduce !== undefined) {
+                    queryOpts.reduce = options.reduce;
+                }
+                if (options.group !== undefined) {
+                    queryOpts.group = options.group;
+                    if (options.group_level !== undefined) {
+                        queryOpts.group_level = options.group_level;
+                    }
                 }
 
@@ -152 +163 @@
                         dfd.resolve(
                             array.map(result.rows,
-                                      function(result){ return result.value; }));
+                                      function(result){
+                                          return [result.key, options.include_docs === true ? result.doc : result.value];
+                                      }));
                     }
                 },function(err){
                     dfd.reject(err);
                 });
-                        return QueryResults(dfd.promise);
+                        return CouchResults(dfd.promise);
             }
         });
 
+        function CouchResults(results) {
+            if (!results) {
+                return results;
+            }
+
+                if(results.then){
+                        results = lang.delegate(results);
+                }
+
+            if (!results.forEach) {
+                results.forEach = function(callback) {
+                    return Deferred.when(results, function(results) {
+                        array.forEach(results, function(result) {
+                            callback(result[1],result[0]);
+                        });
+                    });
+                }
+            }
+
+            return results;
+        }
+
         return new CouchStore({target: 'data/rft/'});
 

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

@@ -64 +64 @@
                     actions: {
                         "Toggle dropdown" : {
-                            callback: lang.hitch(this, this._onToggleDropdown),
+                            callback: lang.hitch(this, this.onToggle),
                             properties: {
                                 blockButton: true,
@@ -75 +75 @@
                 },this.selectedItemNode);
                 this._selectorLine.startup();
+                this._selectorLine.on('click',lang.hitch(this, this.onToggle));
 
                 fx.wipeOut({
@@ -82 +83 @@
             _onSelect: function(item, widget) {
                 this._selectedItem = item;
-                this._onToggleDropdown();
+                this.onToggle();
                 this._selectorLine.set("title", item.title);
                 baseArray.forEach(this.optionsNode.childNodes, function(node){
@@ -101 +102 @@
                 }
             },
-            _onToggleDropdown: function(evt) {
+            onToggle: function(evt) {
                 if (this._folded) {
                     var downArrowIcon = dojo.query(".rftBlockButton .rftIconHalfArrowDown", this._selectorLine.buttonsNode)[0];