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

Timestamp:

08/26/12 22:39:02 (13 years ago)

Author:

hendrikvanantwerpen

Message:

Created widgets for several input types.
Work on multiplechoice widget, see if we can make OrderedList? work with
form items? Maybe make the item the widget iso a data item.

File:

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

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

@@ -25 +25 @@
             _categories : null,
 
-            _contentItems: [{
-                    label: "Header",
-                    content: {
-                        type: "Header"
-                    },
-                    icon: "Header"
-                },{
-                    label: "Text",
-                    content: {
-                        type: "Text"
-                    },
-                    icon: "TextBox"
-                },{
-                    label: "Image",
-                    content: {
-                        type: "Image"
-                    },
-                    icon: "Image"
-                },{
-                    label: "External media",
-                    content: {
-                        type: "ExternalMedia"
-                    },
-                    icon: "External"
-                },{
-                    label: "Divider",
-                    content: {
-                        type: "Divider"
-                    },
-                    icon: "Divider"
-                }],
-            _inputsItems: [{
-                    label: "Free text",
-                    content: {
-                        type: "FreeTextInput"
-                    },
-                    icon: "Text"
-                },{
-                    label: "Integer",
-                    content: {
-                        type: "IntegerInput"
-                    },
-                    icon: "Integer"
-                },{
-                    label: "Scale",
-                    content: {
-                        type: "ScaleInput"
-                    },
-                    icon: "Scale"
-                },{
-                    label: "Cards",
-                    content: {
-                        type: "CardsInput"
-                    },
-                    icon: "Cards"
-                },{
-                    label: "Multiple Choice",
-                    content: {
-                        type: "MultipleChoiceInput"
-                    },
-                    icon: "MultipleChoice"
-                }],
+            _contentItems: [
+                { type: "Header" },
+                { type: "Text" },
+                { type: "Image" },
+                { type: "ExternalMedia" },
+                { type: "Divider" }
+            ],
+            _inputsItems: [
+                { type: "StringInput" },
+                { type: "TextInput" },
+                { type: "IntegerInput" },
+                { type: "ScaleInput" },
+                { type: "MultipleChoiceInput" }
+            ],
+            _labelMap: {
+                "Header": "Header",
+                "Text": "Text",
+                "Image": "Image",
+                "ExternalMedia": "External media",
+                "Divider": "Divider",
+                "StringInput": "Text line",
+                "TextInput": "Free text",
+                "IntegerInput": "Integer number",
+                "ScaleInput": "Scale",
+                "MultipleChoiceInput": "Multiple choice"
+            },
+            _iconMap: {
+                "Header": "Header",
+                "Text": "TextBox",
+                "Image": "Image",
+                "ExternalMedia": "External",
+                "Divider": "Divider",
+                "StringInput": "Text",
+                "TextInput": "Text",
+                "IntegerInput": "Integer",
+                "ScaleInput": "Scale",
+                "MultipleChoiceInput": "MultipleChoice"
+            },
 
             postCreate: function(){
                 this.inherited(arguments);
+                var creator = lang.hitch(this,"_creator");
                 this.contentSource = new Source(this.ToolkitContentSourceNode, {
                     accept: [],
@@ -95 +72 @@
                     selfAccept: false,
                     singular: true,
-                    creator: this._creator
+                    creator: creator
                 });
                 this.inputsSource = new Source(this.ToolkitInputsSourceNode, {
@@ -102 +79 @@
                     selfAccept: false,
                     singular: true,
-                    creator: this._creator
+                    creator: creator
                 });
                 this.contentSource.insertNodes(false, this._contentItems);
@@ -127 +104 @@
                 if (hint == "avatar") {
                     node = domConstruct.create('span',{
-                        innerHTML: item.label
+                        innerHTML: this._labelMap[item.type] || item.type
                     });
                 } else {
                     var w = new Button({
                         baseClass: "rftLargeButton",
-                        iconClass: "rftIcon rftIcon"+item.icon,
-                        label: item.label,
+                        iconClass: "rftIcon rftIcon"+(this._iconMap[item.type]||"Unknown"),
+                        label: this._labelMap[item.type] || item.type,
                         showLabel: true,
                         'class': "newline"
@@ -139 +116 @@
                     node = w.domNode;
                 }
-                return {node: node, data: item.content, type: ["questionContent"]};
+                return {node: node, data: item, type: ["questionContent"]};
             },
             _setupListView: function() {