source: Dev/trunk/src/client/qed-client/pages/survey.js @ 500

define([
    "../app/Router",
    "../model/classes/surveys",
    "../model/widgets/QuestionListView",
    "../model/widgets/TabbedQuestionBrowser",
    "./_ObjectPage",
    "dojo/_base/array",
    "dojo/_base/declare",
    "dojo/_base/event",
    "dojo/_base/lang",
    "dojo/when",
    "require",
    "dojo/text!./templates/survey.html"
], function(Router, surveys, QuestionListView, TabbedQuestionBrowser, _ObjectPage, array, declare, event, lang, when, require, template) {
    return declare([_ObjectPage],{
        contextRequire: require,
        templateString: template,
        classStore: surveys,
        questionList: null,
        startup: function() {
            if ( this._started ) { return; }
            this.inherited(arguments);
            this._setupQuestionBrowser();
            this._setupListView();
            this.own(this.questionList.on('change',lang.hitch(this,'_handleQuestionsChange')));
            this._load();
        },
        _setupQuestionBrowser: function() {
            this.questionBrowser = new TabbedQuestionBrowser({
                region: 'center',
                'class': 'blue',
                include: 'published',
                getSelectedItemActions: lang.hitch(this,function() {
                    return {
                        "Include": {
                            callback: lang.hitch(this,this._includeQuestion),
                            icon: "Accept",
                            description: "Include in survey"
                        }
                    };
                }),
                getItemActions: lang.hitch(this,function(item) {
                    return {
                        "Info": {
                            callback: lang.hitch(this,function(item){
                                if ( item.description ) { alert(item.description); }
                            }),
                            icon: "Inspect",
                            description: "Show item description"
                        }
                    };
                })
            },this.questionBrowser);
            this.questionBrowser.startup();
        },
        _setupListView: function() {
            this.questionList = new QuestionListView({
                region: 'center',
                name: 'questions'
            },this.surveyListViewNode);
            this.questionList.startup();
        },
        _refresh: function(initial) {
            if ( initial === true ) {
                this.propertiesForm.set('value',{survey:this.object},null);
                this.questionList.set('value',this.object.questions,null);
            }
            this.titleNode.innerHTML = this.object.title || "(set title in properties)";
        },
        _includeQuestion: function(question) {
            this.questionList.appendItem(question);
        },
        _handleQuestionsChange: function() {
            this.object.questions = this.questionList.get('value');
            this.markDirty();
            this._refresh();
        },
        _onShowProperties: function(evt) {
            this.propertiesDialog.show();
            if ( evt ) { event.stop(evt); }
            return false;
        },
        _onPropertiesOk: function(evt) {
            this.propertiesDialog.hide();
            lang.mixin(this.object, this.propertiesForm.get('value').survey);
            this.markDirty();
            this._refresh();
            if ( evt ) { event.stop(evt); }
            return false;
        },
        _onPropertiesCancel: function(evt) {
            this.propertiesDialog.hide();
            this.propertiesForm.set('value',{survey:this.object});
            if ( evt ) { event.stop(evt); }
            return false;
        },
        _onSave: function(evt) {
            this._save();
            if ( evt ) { event.stop(evt); }
            return false;
        },
        _onSaveAndClose: function(evt) {
            this._save()
            .then(function() { 
                Router.go(surveys.getCollectionPath());
            });
            event.stop(evt);
            return false;
        },
        _onDiscardAndClose: function(evt) {
            this.markClean();
            Router.go(surveys.getCollectionPath());
        },
        _onShowPreview: function() {
            Router.go(surveys.getPreviewPath(this.object),{
                preview: true
            });
        },
        markDirty: function() {
            this.saveBtn.set('disabled',false);
            this.saveAndCloseBtn.set('disabled',false);
            this.discardBtn.set('label','Discard & Close');
            this.inherited(arguments);
        },
        markClean: function() {
            this.saveBtn.set('disabled',true);
            this.saveAndCloseBtn.set('disabled',true);
            this.discardBtn.set('label','Close');
            this.inherited(arguments);
        }
    });
});