Changeset 374 for Dev/branches/rest-dojo-ui/client/rft/ui/QuestionEditorToolkit.js

Timestamp:

07/24/12 16:39:41 (13 years ago)

Author:

jkraaijeveld

Message:

Can now edit basic question properties and store them.

File:

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

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

@@ -6 +6 @@
         'dijit/_Container',
         'dojo/dom-construct',
+        'rft/store',
         'rft/ui/QuestionEditorPreviewItem',
+        'rft/ui/CategoryListView',
         'dijit/_TemplatedMixin',
         'dijit/_WidgetsInTemplateMixin',
+        'dijit/form/ComboBox',
         'dojo/text!./templates/QuestionEditorToolkit.html'
-        ], function(declare, lang, baseArray, _WidgetBase, _Container, domConstruct, QuestionEditorPreviewItem, _TemplatedMixin, _WidgetsInTemplateMixin, template) {
+        ], function(declare, lang, baseArray, _WidgetBase, _Container, domConstruct, store, QuestionEditorPreviewItem, CategoryListView, _TemplatedMixin, _WidgetsInTemplateMixin, ComboBox, template) {
                 return declare("rft.ui.QuestionEditorToolkit", [_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, _Container], {
 
                         templateString: template,
-                        question: null,
+                        _list: null,
+                        _categorySelect: null,
+                        _categoryStore: null,
+                        _categories : null,
+
+//                      constructor: function() {
+//                              lang.mixin(this, arguments);
+//                      },
 
                         postCreate: function(){
@@ -42 +52 @@
                                 this.inputsSource.insertNodes(false, inputsItems);
                         },
+                        loadQuestion: function(question) {
+                                this.propertiesForm.set('value', question);
+                                this._categories = question.categories;
+                                this._setupListView();
+                                this._setupAutoComplete();
+                        },
+                        onCategoryAdd: function() {
+                                this._addCategory(this._categorySelect.get('displayedValue')); 
+                                this._categorySelect.reset();
+                        },
                         _creator: function(item, hint) {
                                 var node;
@@ -47 +67 @@
                                         node = document.createElement("span");
                                         node.innerHTML = item.widgetType;
-                                        // debugger;
                                         return {node: node, data: item, type: "ToolkitItem"};
                                 } else {
@@ -60 +79 @@
                                 }
                         },
+                        _setupListView: function() {
+                                this._list = new CategoryListView( {
+                                        controller: this,
+                                        removeCallback: lang.hitch(this, this._removeCategory),
+                                }).placeAt(this.listNode);
+                                for (category in this._categories) {
+                                        this._list.insertItem(this._categories[category]);
+                                }       
+                                this._list.startup();
+                        },
+                        _setupAutoComplete: function() {
+                                this._categoryStore = new dojo.store.Memory({data: [] });
+                                store.query("_design/default/_view/questions", {reduce:true, group:false, group_level:1})
+                                        .forPairs(lang.hitch(this, function(value, key) {
+                                                this._categoryStore.put({ category: key[0] });
+                                        }));
+                                this._categorySelect = new ComboBox( {
+                                        id: "categoriesBox",
+                                        name: "categories",
+                                        store: this._categoryStore,
+                                        searchAttr: "category"
+                                }, "categoriesBox");
+
+                                this._topicStore = new dojo.store.Memory( {data: [] });
+                                store.query("_design/default/_view/questions", {reduce:true, group:true, group_level:2})
+                                        .forPairs(lang.hitch(this, function(value, key) {
+                                                this._topicStore.put({ topic: key[1]});
+                                        }));
+                                this._topicSelect = new ComboBox( {
+                                        id: "topicBox",
+                                        name: "topic",
+                                        store: this._topicStore,
+                                        searchAttr: "topic"
+                                }, "topicBox");
+            },
+                        _addCategory: function(item) {
+                                this._categories.push(item);
+                                this._list.insertItem(item);
+                        },
+                        _removeCategory: function(item) {
+                                this._categories.splice(this._categories.indexOf(item), 1);
+                        },
                         _contentItems: function() {
                                 // Returns an array of objects, from which to generate buttons to populate the ToolkitContentSource list.