source: Dev/branches/rest-dojo-ui/client/rft/ui/SelectorThijs.js @ 333

define([
    'dojo/_base/declare',
    'dojo/_base/lang',
    'dojo/fx',
    'dijit/_WidgetBase',
    'dijit/_TemplatedMixin',
    'dijit/_WidgetsInTemplateMixin',
    'dijit/_Container',
    './LineWithActionsWidgetThijs',
    'dojo/text!./templates/Selector.html',
    'dojo/dom-class'
    ],function(
        declare,
        lang,
        fx,
        _WidgetBase,
        _TemplatedMixin,
        _WidgetsInTemplateMixin,
        _Container,
        LineWithActionsWidget,
        templateString,
        domClass
        ){
        return declare('rft.ui.SelectorThijs',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,_Container],{
            templateString: templateString,
            title: "The professional as a participant",
            baseClass: 'rftSelector',
            postCreate: function() {
                var infoFunction = function() {
                    alert("Show info here");
                }
                new LineWithActionsWidget({
                    title: this.title,
                    actions: {
                        "Accept" : function(){}
                    }
                },this.titleNode);
                var selectorLine = new LineWithActionsWidget({
                    title: 'None',
                    actions: {
                        "HalfArrowDown" : lang.hitch(this,function(){
                            var node = this.optionsNode;
                            var show = fx.wipeIn({
                                node: node
                            });
                            var hide = fx.wipeOut({
                                node: node
                            });
                            hide.play();
                            var folded = true;
                            return function(e) {
                                if ( folded ) {
                                    // Bit of an ugly solution, really. Limit workload by limiting search to child elements of selecorLine.buttonsNode
                                    var downArrowIcon = dojo.query(".rftInlineButton .rftIconHalfArrowDown", selectorLine.buttonsNode)[0];  // Query the down arrow rftIcon span
                                    if (downArrowIcon){
                                        domClass.replace(downArrowIcon, "rftIconHalfArrowUp", "rftIconHalfArrowDown");
                                    }
                                    show.play();
                                    folded = false;
                                } else {
                                    // Bit of an ugly solution, really. Limit workload by limiting search to child elements of selecorLine.buttonsNode
                                    var upArrowIcon = dojo.query(".rftInlineButton .rftIconHalfArrowUp", selectorLine.buttonsNode)[0];  // Query the up arrow rftIcon span
                                    if (upArrowIcon){
                                        domClass.replace(upArrowIcon, "rftIconHalfArrowDown", "rftIconHalfArrowUp");
                                    }
                                    hide.play();
                                    folded = true;
                            
                                }
                                e.preventDefault();
                                e.stopPropagation();
                            };
                        })()
                    }
                },this.selectedItemNode);
                new LineWithActionsWidget({
                    title: 'Are there direct colleagues among the other participants?',
                    actions: {
                        "Inspect" : infoFunction
                    }
                }).placeAt(this.optionsNode);
                new LineWithActionsWidget({
                    title: 'Do you personally know ithers present at the current session?',
                    actions: {
                        "Inspect" : infoFunction
                    }
                }).placeAt(this.optionsNode);
                new LineWithActionsWidget({
                    title: 'Have you worked with other participants before?',
                    actions: {
                        "Inspect" : infoFunction
                    }
                }).placeAt(this.optionsNode);
            }
        });
    });