source: Dev/trunk/src/client/qed-client/model/widgets/TabbedQuestionBrowser.js @ 487

define([
    "../../widgets/Selector",
    "../classes/categories",
    "../classes/questions",
    "../classes/topics",
    "dijit/layout/ContentPane",
    "dijit/layout/TabContainer",
    "dojo/_base/declare",
    "dojo/_base/lang",
    "dojo/_base/window",
    "dojox/widget/Standby"
], function(Selector, categories, questions, topics, ContentPane, TabContainer, declare, lang, win, Standby) {
    return declare([TabContainer],{
        tabPosition: 'left-h',
        include: 'all',

        selectedActions: null,
        itemActions: null,
        dndType: "question",

        _dataMap: null,
        _busyCount: 0,
        constructor: function(){
            this.inherited(arguments);
            this._dataMap = {};
        },
        postCreate: function() {
            this.inherited(arguments);
            this._query = '_design/questions/_view/'+this.include;
        },
        startup: function() {
            if ( this._started ){ return; }
            this.inherited(arguments);
            this._busyWidget = new Standby({
                target: this.domNode,
                duration: 200
            }).placeAt(win.body());
            this._busyWidget.startup();
            this.watch("selectedChildWidget",lang.hitch(this,function(name,oldTab,newTab){
                this._fillCategoryTab(newTab.__category);
            }));
            categories.query()
            .forEach(lang.hitch(this,function(cat){
                this._createCategoryTab(cat.name,cat.count);
            }));
        },
        _createCategoryTab: function(category,count) {
            if (this._dataMap[category] === undefined) {
                var categoryTab = new ContentPane({
                    __category: category,
                    title: (category || '[No category]')+" ("+count+")"
                });
                categoryTab.startup();
                this._dataMap[category] = {
                    _widget: categoryTab
                };
                this.addChild(categoryTab);
            }
        },
        _fillCategoryTab: function(category) {
            var categoryMap = this._dataMap[category];
            if (!categoryMap._filled) {
                this._busy();
                categoryMap._filled = true;
                topics.query({category:category})
                .forEach(lang.hitch(this,function(topic){
                    this._createTopicSelector(topic.name,category,topic.count);
                })).then(lang.hitch(this,function(){
                    this._done();
                }));
            }
        },
        _createTopicSelector: function(topic,category,count){
            var categoryMap = this._dataMap[category];
            if (categoryMap[topic] === undefined) {
                var w = new Selector({
                    __category: category,
                    __topic: topic,
                    dndType: this.dndType,
                    title: (topic || '[No topic]')+" ("+count+")",
                    selectedActions: this.selectedActions,
                    itemActions: this.itemActions,
                    itemTitle: this._itemTitle
                }).placeAt(categoryMap._widget.containerNode);
                w.startup();
                categoryMap[topic] = {
                    _widget: w
                };
                this._fillTopicSelector(topic,category);
            }
        },
        _itemTitle: function(item) {
            var title = '['+item.code+']'+item.title;
            if ( this.include === 'all' ) {
                title += (item.publicationDate?' (published on '+item.publicationDate+')':' (unpublished)');
            }
            return title;
        },
        _fillTopicSelector: function(topic,category) {
            var categoryMap = this._dataMap[category];
            var topicMap = categoryMap[topic];
            if (!topicMap._filled) {
                topicMap._filled = true;
                this._busy();
                questions.query({category:category,topic:topic})
                .forEach(lang.hitch(this,function(value){
                    topicMap._widget.addItem(value);
                })).then(lang.hitch(this,function(){
                    this._done();
                }));
            }
        },
        _busy: function() {
            if ( this._busyCount === 0 ) {
                this._busyWidget.show();
            }
            this._busyCount++;
        },
        _done: function() {
            if ( this._busyCount > 0 ) {
                this._busyCount--;
                if ( this._busyCount === 0 ) {
                    this._busyWidget.hide();
                }
            } else {
                console.warn('_done() was called more times than _busy().');
            }
        },
        destroy: function() {
            this._busyWidget.destroyRecursive();
            this.inherited(arguments);
        }
    });
});