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

define(['dojo/_base/declare','dojo/_base/lang','dojo/_base/array','dojo/_base/event',
    'dojo/_base/Deferred','dojo/store/JsonRest','dijit/layout/ContentPane',
    'rft/ui/_Page','rft/ui/LineWithActionsWidget'],
    function(declare,lang,array,event,Deferred,JsonRest,ContentPane,_Page,LineWithActionsWidget) {
        return declare('rft.pages.questions',[_Page],{
            constructor: function() {
                this.inherited(arguments);
                this.containers = {};
                this.questions = {};
            },
            onVisit: function() {
                this._store = new JsonRest({
                    target:"../server/api.php/data/Question/",
                    idProperty: 'uid'
                });
                this._refresh();
            },
            _refresh: function() {
                Deferred.when( this._store.query() ).then(lang.hitch(this,function(results){
                    array.forEach(results,lang.hitch(this,'_addQuestion'));
                }));
            },
            _getContainerForQuestion: function(q) {
                var category = q.category || 'Unsorted';
                var categoryContainer = this.containers[category];
                if ( !categoryContainer ) {
                    var ac = new ContentPane({
                        title:category,
                        doLayout: false
                    });
                    categoryContainer = this.containers[category] = {
                        container: ac
                    };
                    ac.placeAt(this.accordion);
                    ac.startup();
                }
                return categoryContainer.container;
            },
            _addQuestion: function(q) {
                var uid = q.uid;
                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);
            },
            onNewQuestion: function() {
                Deferred.when( this._store.add({}) )
                .then(lang.hitch(this,function(question){
                    this._editQuestion(question);
                }));
            },
            _editQuestion: function(question) {
                this.questionForm.reset();
                this.questionForm.set('value',question);
                this.questionDialog.show();
            },
            onSaveQuestion: function(evt) {
                var value = this.questionForm.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();
                this._refresh();
            }
        });
    });