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

Timestamp:

07/11/12 18:45:51 (13 years ago)

Author:

tjcschipper

Message:

• surveyEditor more or less works! Only needed change is addition of "topic" property in question objects (database-side), and the change from "category"(string) to "categories"(string[]).
• surveyEditor still needs removal function and infofunction to be written properly!
• Added all files belonging to SurveyAdvanced?. Most do not work properly yet, but at least there will not be a 404 page when you click btnPreview on survey.html.

File:

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

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

@@ -1 +1 @@
 define([
     'dojo/_base/declare',
+    'dojo/_base/array',
+    'dijit/registry',
     'dojo/_base/lang',
     'dojo/fx',
@@ -12 +14 @@
     ],function(
         declare,
+        baseArray,
+        registry,
         lang,
         fx,
@@ -24 +28 @@
         return declare('rft.ui.Selector',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,_Container],{
             templateString: templateString,
-            title: "The professional as a participant",
+            title: "ERROR: NULL_TOPIC",
             baseClass: 'rftSelector',
             modifiers: 'blue',
+            currentlySelectedId: null,
+            controller: null,   // Use events/pubsub instead of a controller variable? Decoupling!
+
             postCreate: function() {
                 domClass.add(this.domNode, this.modifiers);
                 domClass.add(this.selectedColorNode, "pending");
-                
+                this.domNode.dataset["topic"] = this.topic;
+
                 new LineWithActionsWidget({
-                    title: this.title,
+                    title: this.topic,
                     modifiers: this.modifiers,
                     actions: {
                         "AddToSurvey" : {
-                            callback: function(arg){},
+                            callback: lang.hitch(this, this.includeQuestion),
                             properties: {
                                 blockButton: true,
@@ -46 +54 @@
                     }
                 },this.titleNode);
-                
+
                 this.selectorLine = new LineWithActionsWidget({
                     title: 'None',
@@ -63 +71 @@
                 },this.selectedItemNode);
             },
-            _toggleDropdown: function(selectorLine) {
+            _toggleDropdown: function() {
+
                 var node = this.optionsNode;
                 var show = fx.wipeIn({
@@ -94 +103 @@
                 };
             },
-            addQuestion: function(question) {
-                new LineWithActionsWidget({
-                    title: question.title,
-                    question: question,
-                    actions: {
-                        "InfoHover" : {
-                            callback: this.infoFunction,
-                            properties: {
-                                blockButton: false,
-                                showLabel: false,
-                                icon: "Inspect"
+            addQuestion: function(questionId) {
+                var question = this.controller.GetQuestion(questionId);
+                if (question) {
+                    var w = new LineWithActionsWidget({
+                        title: question.title,
+                        questionId: questionId,
+                        actions: {
+                            "InfoHover" : {
+                                callback: dojo.partial(this.infoFunction, this),
+                                properties: {
+                                    blockButton: false,
+                                    showLabel: false,
+                                    icon: "Inspect"
+                                }
                             }
                         }
-                    }
-                }).placeAt(this.optionsNode);
+                    });
+                    w.placeAt(this.optionsNode);
+                    w.on("Click", lang.hitch(this, function(){
+                        this.selectQuestion(questionId);
+                        this._toggleDropdown();
+                    }, questionId));
+
+                }    
             },
-            infoFunction: function(){
-                alert("Some info here!");text
+            infoFunction: function(selector) {
+                var question = selector.controller.GetQuestion(this.questionId);
+                console.log(question);
+                alert("Some info here!");
+            },
+            includeQuestion: function() {
+                if (this.currentlySelectedId) {
+                    this.controller.IncludeQuestion(this.currentlySelectedId)
+                } else {
+                    return false;
+                }
+            },
+            selectQuestion: function(questionId) {
+                /* TODO: TEST THOROUGHLY! */
+                var question = this.controller.GetQuestion(questionId);
+                if (question) {
+                    this.currentlySelectedId = questionId;
+                    this.selectorLine.questionId = questionId;
+                    this.selectorLine.set("title", question.title);
+                    // Iterate through optionsNode, add "selected" class to currently selected node
+                    baseArray.forEach(this.optionsNode.childNodes, function(node, index){
+                        var line = registry.byNode(node);
+                        if (line) {
+                            if (line.questionId == this.currentlySelectedId) {
+                                domClass.add(line.domNode, "inheritBgColor light");
+                            } else {
+                                domClass.remove(line.domNode, "inheritBgColor light");
+                            }
+                        }
+                    }, this);
+                }
             }
         });