source: Dev/branches/rest-dojo-ui/client/rft/pages/survey.js @ 359

define(['dojo/_base/declare',
        'dojo/_base/lang',
        'dojo/_base/event',
        'dojo/_base/Deferred',
        'rft/ui/AccordionList',
        'rft/ui/LineWithActionsWidget',
        'rft/ui/SurveyListView',
        'rft/store',
        'rft/ui/_Page',
        'rft/api',
        'dijit/registry',
        'rft/content',
        'dojo/on',
        'dojo/query'],
        function(declare,lang,event,Deferred,AccordionList,LineWithActionsWidget,SurveyListView,store,_Page,api,registry,content, on, query){
                return declare('rft.pages.survey',[_Page],{
                        object: null,
                        questions: null,
                        listView: null,
                        
                        onVisit: function() {
                                if ( this.pageArgs.uid ) {      // Load survey
                                        Deferred.when(store.get(this.pageArgs.uid))
                                        .then(lang.hitch(this,function(obj){
                                                this.object = obj;
                                                return Deferred.when( obj.creator && store.dereference(obj.creator) );
                                        }));

                                        //this._createQuestionBrowser();        // Load questions database and create browser
                                        this.questions = new dojo.store.Memory({        // Create local copy store of questions database
                                                data: [],
                                                idProperty: "_id"
                                        });
                                } else {
                                        throw "No valid uid or survey passed!";
                                }
                                this._setupButtons(this);
                                var testQuestion1 = {_id: "123", title: "How long have you worked here?", categories: ['Professional background'], topic: 'Work experience'};
                                this.questions.add(testQuestion1);
                                this._insertQuestion(testQuestion1);
                                var testQuestion2 = {_id: "234", title: "How many years have you been employed here?", categories: ['Respondent personals','Professional background'], topic: 'Work experience'};
                                this.questions.add(testQuestion2);
                                this._insertQuestion(testQuestion2);
                                var testQuestion3 = {_id: "345", title: "Have you worked here longer than 10 years?", categories: ['Respondent personals','Professional background'], topic: 'Work experience'};
                                this.questions.add(testQuestion3);
                                this._insertQuestion(testQuestion3);
                                var testQuestion4 = {_id: "456", title: "Rate your experience at your current employer from 1 to 10.", categories: ['Respondent personals','Professional background'], topic: 'Work experience'};
                                this.questions.add(testQuestion4);
                                this._insertQuestion(testQuestion4);
                                
                                this._createListView(this.questions);
                        },
                        onLeave: function() {
                                this.inherited(arguments);
                        },
                        onReset: function() {
                                this.setFields(this.object);
                        },
                        onSave: function(evt) {
                                /*lang.mixin(this.object,this.form.get('value'));
                                Deferred.when( store.put(this.object) )
                                .then(lang.hitch(this,function(obj){
                                this.object = obj;
                                this.setFields(obj);
                                api.notify("Object saved");
                                }),lang.hitch(this,function(){
                                api.notify("Object save failed",'error');
                                }));
                                event.stop(evt);
                                evt.stopPropagation();
                                return false;
                                */
                        },
                        _goToPreview: function() {
                                content.goTo('surveyAdvanced', {uid: this.object._id});
                        },
                        _setupButtons: function() {
                                // Setup button events
                                registry.byId("btnSave").on("click", lang.hitch(this, function(){
                                        this.onSave(arguments);
                                }));
                                registry.byId("btnPreview").on("click", lang.hitch(this, function(){
                                        this._goToPreview();
                                }));
                        },
                        /* Store code */
                        getQuestion: function(_id) {
                                return this.questions.get(_id);
                        },
                        setQuestion: function(question) {
                                return this.questions.put(question);
                        },
                        /* Browser code */
                        _createQuestionBrowser: function() { // TODO: Do all operations from the local store. Put querying routine in SyncStore()!
                                var getQuestions = function(self){
                                        return questions = Deferred.when(store.query('_design/default/_view/by_type', {key:'Question'}), function(res){
                                                self.questions.setData(res);    // Store queried questions in this.questions MemoryStore
                                                return res;
                                        });
                                };

                                Deferred.when(getQuestions(this), lang.hitch(this, function(questions){
                                        questions.forEach(function(question){
                                                this._insertQuestion(question)
                                        }, this);
                                }), function(err){
                                        throw "Questions could not be fetched. No connection or null query!";
                                });
                        },
                        _insertQuestion: function(question) {
                                var tabs = registry.byId("tabList");
                                for (var c in question.categories) {
                                        var cat = question.categories[c];
                                        var q = "div[data-category='"+cat+"']";
                                        var catPane = query(q, tabs.containerNode)[0];
                                        if (catPane) {
                                                this._insertIntoCategory(question, catPane);
                                        } else {
                                                catPane = this._createCategoryTab(cat);
                                                if (catPane) {
                                                        this._insertIntoCategory(question, catPane);
                                                } else {
                                                        throw "Error: could not find or create category pane!";
                                                }
                                        }
                                }
                        },
                        _createCategoryTab: function(category) {
                                var tabs = registry.byId("tabList");
                                var newCat = new dijit.layout.ContentPane({
                                        title: category,
                                        postCreate: function(){
                                                this.domNode.dataset["category"] = category;
                                        }
                                });
                                newCat.domNode.id = "tab"+category;
                                tabs.addChild(newCat);
                                var q = "div[data-category='"+category+"']";
                                var pane = query(q, tabs.containerNode)[0];
                                return (pane) ? pane : false;
                        },
                        _insertIntoCategory: function(question, container) {
                                var selector = query(".rftSelector[data-topic='"+question.topic+"']", container)[0];
                                var selectorWidget;
                                if (selector) {
                                        selectorWidget = registry.byNode(selector);

                                } else {
                                        selectorWidget = new rft.ui.Selector({
                                                topic: question.topic,
                                                controller: this
                                        });
                                        selectorWidget.placeAt(container);
                                }
                                selectorWidget.addQuestion(question._id);
                        },
                        /* ListView code */
                        _createListView: function() {
                                this.listView = new SurveyListView({
                                        controller: this
                                }).placeAt("SurveyListViewNode");
                        },
                        IncludeQuestion: function(_id) {
                                this.listView.insertItem(_id);
                        },

                });
});