source: Dev/trunk/client/qed/model/widgets/QuestionEditorToolkit.js @ 428

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',
    './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,
                    style: "display: block"
                });
                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/questions/_view/all", {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/questions/_view/all_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);
        }

    });
});