source: Dev/branches/rest-dojo-ui/client/rft/ui/QuestionEditorToolkit.js @ 407

define([
    'dojo/_base/declare',
    'dojo/_base/lang',
    'dojo/dnd/Source',
    'dojo/dom-construct',
    'dojo/store/Memory',
    'dijit/_Container',
    'dijit/_TemplatedMixin',
    'dijit/_WidgetBase',
    'dijit/_WidgetsInTemplateMixin',
    'dijit/form/Button',
    'dijit/form/ComboBox',
    '../store',
    './lists/CategoryListView',
    'dojo/text!./templates/QuestionEditorToolkit.html'
    ], function(declare, lang, Source, domConstruct, Memory, _Container, _TemplatedMixin, _WidgetBase, _WidgetsInTemplateMixin, Button, ComboBox, store, CategoryListView, template) {
        return declare([_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, _Container], {

            templateString: template,
            _list: null,
            _categorySelect: null,
            _categoryStore: null,
            _topicSelect: null,
            _topicStore: null,
            _categories : null,

            _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: [],
                    copyOnly: true,
                    selfAccept: false,
                    singular: true,
                    creator: creator
                });
                this.inputsSource = new Source(this.ToolkitInputsSourceNode, {
                    accept: [],
                    copyOnly: true,
                    selfAccept: false,
                    singular: true,
                    creator: creator
                });
                this.contentSource.insertNodes(false, this._contentItems);
                this.inputsSource.insertNodes(false, this._inputsItems);
            },
            _setValueAttr: function(question) {
                this.propertiesForm.set('value', question);
                this._categories = question.categories || [];
                this._setupListView();
                this._setupCategories();
                this._setupTopic(question.topic);
            },
            _getValueAttr: function() {
                var value = this.propertiesForm.get('value');
                value.categories = this._categories;
                return value;
            },
            onCategoryAdd: function() {
                this._addCategory(this._categorySelect.get('displayedValue')); 
                this._categorySelect.reset();
            },
            _creator: function(item, hint) {
                var node;
                if (hint == "avatar") {
                    node = domConstruct.create('span',{
                        innerHTML: this._labelMap[item.type] || item.type
                    });
                } else {
                    var w = new Button({
                        baseClass: "rftLargeButton",
                        iconClass: "rftIcon rftIcon"+(this._iconMap[item.type]||"Unknown"),
                        label: this._labelMap[item.type] || item.type,
                        showLabel: true,
                        'class': "newline"
                    });
                    node = w.domNode;
                }
                return {node: node, data: item, type: ["questionContent"]};
            },
            _setupListView: function() {
                this._list = new CategoryListView( {
                    removeCallback: lang.hitch(this, this._removeCategory)
                }).placeAt(this.listNode);
                this._list.startup();                
                for (var category in this._categories) {
                    this._list.appendItem(this._categories[category]);
                }    
            },
            _setupCategories: function() {
                this._categoryStore = new 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({ id: key[0] });
                }));
                this._categorySelect = new ComboBox( {
                    name: "categories",
                    store: this._categoryStore,
                    searchAttr: "id"
                }, this.categoriesBoxNode);
                this._supportingWidgets.push(this._categorySelect);

            },
            _setupTopic: function(topic) {
                this._topicStore = new Memory( {data: [] });
                store.query("_design/default/_view/topics", {reduce:true, group:true})
                .forPairs(lang.hitch(this, function(value, key) {
                    this._topicStore.put({ id: key });
                }));
                this._topicSelect = new ComboBox( {
                    name: "topic",
                    store: this._topicStore,
                    searchAttr: "id",
                    value: topic
                }, this.topicBoxNode);
                this._supportingWidgets.push(this._topicSelect);
            },
            _addCategory: function(item) {
                this._categories.push(item);
                this._list.appendItem(item);
            },
            _removeCategory: function(item) {
                this._categories.splice(this._categories.indexOf(item), 1);
            }

        });
    });