source: Dev/branches/rest-dojo-ui/client/rft/pages/questions.js @ 303

define(['dojo/_base/declare','dojo/_base/lang','dojo/_base/array','dojo/_base/event',
    'dojo/_base/Deferred','dojo/dom-construct','rft/store','dijit/TitlePane',
    'rft/ui/_Page','rft/ui/LineWithActionsWidget'],
    function(declare,lang,array,event,Deferred,domConstruct,store,TitlePane,_Page,LineWithActionsWidget) {
        return declare('rft.pages.questions',[_Page],{
            constructor: function() {
                this.inherited(arguments);
                this.questions = {};
            },
            onVisit: function() {
                this._store = store.getStore('Question');                
                this._refresh(true);
            },
            _refresh: function(initial) {
                Deferred.when( this._store.query() )
                .then(lang.hitch(this,function(results){
                    array.forEach(results,lang.hitch(this,'_addQuestion'));
                    initial && this.accordion.selectChild(true);
                }));
            },
            _addQuestion: function(q) {
                var uid = q.getUid();
                var question = this.questions[uid];
                if ( !question ) {
                    var qw = new LineWithActionsWidget({
                        title: q.title,
                        userObject: q,
                        actions: {
                            'Edit': lang.hitch(this,'_editQuestion')
                        }
                    });
                    qw.startup();
                    question = this.questions[uid] = {
                        question: q,
                        widget: qw
                    }
                } else {
                    // update info
                    question.question = q;
                    question.widget.title = q.title;
                    question.widget.userObject = q;
                    question.widget.refresh();
                }
                var container = this._getContainerForQuestion(q);
                question.widget.placeAt(container.containerNode);
                this._cleanupEmptyContainers();
            },
            _getContainerForQuestion: function(q) {
                var category = q.category || 'Unsorted';
                var widgets = this.accordion.getChildren();
                var containerWidget = null;
                var placeNode = this.accordion.domNode;
                var placePos = 'last';
                array.some(widgets,lang.hitch(this,function(widget) {
                    if ( widget.title == category ) {
                        containerWidget = widget;
                        return true;
                    } else if ( widget.title > category  ) {
                        placeNode = widget.domNode;
                        placePos = "before";
                        return true;
                    }
                    return false;
                }));
                if ( !containerWidget ) {
                    containerWidget = new TitlePane({
                        title:category
                    });
                    containerWidget.startup();
                    domConstruct.place(containerWidget.domNode,placeNode,placePos);
                }
                return containerWidget;
            },
            _cleanupEmptyContainers: function() {
                var widgets = this.accordion.getChildren();
                array.forEach(widgets,lang.hitch(this,function(widget){
                    if ( !widget.getChildren().length ) {
                        this.accordion.removeChild(widget).destroy();
                    }
                }));
            },
            onNewQuestion: function() {
                Deferred.when( this._store.add({}) )
                .then(lang.hitch(this,function(question){
                    this._editQuestion(question);
                }));
            },
            _editQuestion: function(question) {
                this.questionForm.reset();
                this.questionWidget.set('value',question);
                this.questionDialog.show();
            },
            onSaveQuestion: function(evt) {
                var value = this.questionWidget.get('value');
                Deferred.when( this._store.put(value) )
                .then(lang.hitch(this,function(){
                    this.questionDialog.hide();
                    this.questionForm.reset();
                    this._refresh();
                }));
                event.stop(evt);
                return false;
            },
            onCancelQuestion: function() {
                this.questionDialog.hide();
                this.questionForm.reset();
            }
        });
    });