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

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,
        _categoryList: null,
        _categorySelect: null,
        _categoryStore: null,
        _topicSelect: null,
        _topicStore: null,

        _contentItems: [
            { type: "Header" },
            { type: "Text" },
            { type: "Image" },
            { type: "ExternalMedia" },
            { type: "Divider" }
        ],
        _inputsItems: [
            { type: "StringInput" },
            { type: "TextInput" },
            { type: "NumberInput" },
            { type: "ScaleInput" },
            { type: "MultipleChoiceInput" }
        ],
        _labelMap: {
            "Header": "Header",
            "Text": "Text",
            "Image": "Image",
            "ExternalMedia": "External media",
            "Divider": "Divider",
            "StringInput": "Text line",
            "TextInput": "Free text",
            "NumberInput": "Number",
            "ScaleInput": "Scale",
            "MultipleChoiceInput": "Multiple choice"
        },
        _iconMap: {
            "Header": "Header",
            "Text": "TextBox",
            "Image": "Image",
            "ExternalMedia": "External",
            "Divider": "Divider",
            "StringInput": "Text",
            "TextInput": "Text",
            "NumberInput": "Number",
            "ScaleInput": "Scale",
            "MultipleChoiceInput": "MultipleChoice"
        },

        buildRendering: function() {
            this.inherited(arguments);

            this._categoryList = new CategoryListView({
                name: "categories"
            }).placeAt(this.categoryListNode);

            this._categoryStore = new Memory({data: [] });
            this._categorySelect = new ComboBox( {
                store: this._categoryStore,
                searchAttr: "id"
            }, this.categoryBoxNode);

            this._topicStore = new Memory( {data: [] });
            this._topicSelect = new ComboBox({
                name: "topic",
                store: this._topicStore,
                searchAttr: "id"
            }, this.topicBoxNode);

            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);
        },
        startup: function() {
            if ( this._started ) { return; }
            this.inherited(arguments);

            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] });
            }));

            store.query("_design/questions/_view/all_topics", {reduce:true, group:true})
            .forPairs(lang.hitch(this, function(value, key) {
                this._topicStore.put({ id: key });
            }));
        },
        _onCategoryAdd: function() {
            this._categoryList.appendItem(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"]
            };
        }

    });
});