source: Dev/branches/rest-dojo-ui/client/rft/ui/Selector.js @ 350

define([
    'dojo/_base/declare',
    'dojo/_base/lang',
    'dojo/fx',
    'dijit/_WidgetBase',
    'dijit/_TemplatedMixin',
    'dijit/_WidgetsInTemplateMixin',
    'dijit/_Container',
    './LineWithActionsWidget',
    'dojo/text!./templates/Selector.html',
    'dojo/dom-class'
    ],function(
        declare,
        lang,
        fx,
        _WidgetBase,
        _TemplatedMixin,
        _WidgetsInTemplateMixin,
        _Container,
        LineWithActionsWidget,
        templateString,
        domClass
        ){
        return declare('rft.ui.Selector',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,_Container],{
            templateString: templateString,
            title: "The professional as a participant",
            baseClass: 'rftSelector',
            modifiers: 'blue',    // Extra CSS classes
            postCreate: function() {
                domClass.add(this.domNode, this.modifiers);
                domClass.add(this.selectedColorNode, "pending");
                var infoFunction = function() {
                    alert("Show info here");
                }
                new LineWithActionsWidget({
                    title: this.title,
                    modifiers: this.modifiers,
                    actions: {
                        "AddToSurvey" : {
                            callback: function(arg){},
                            properties: {
                                blockButton: true,
                                modifiers: this.modifiers,
                                icon: "Accept",
                                label: "Include"
                            }
                        }
                    }
                },this.titleNode);
                var selectorLine = new LineWithActionsWidget({
                    title: 'None',
                    modifiers: this.modifiers,
                    actions: {
                        "ToggleDropdown" : {
                            callback: 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(".rftBlockButton .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(".rftBlockButton .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();
                                };
                            })(),
                            properties: {
                                blockButton: true,
                                modifiers: this.modifiers,
                                showLabel: false,
                                icon: "HalfArrowDown"
                            }
                        }
                    }
                },this.selectedItemNode);
                new LineWithActionsWidget({
                    title: 'Are there direct colleagues among the other participants?',
                    actions: {
                        "InfoHover" : {
                            callback: infoFunction,
                            properties: {
                                blockButton: false,
                                showLabel: false,
                                icon: "Inspect"
                            }
                        }
                    }
                }).placeAt(this.optionsNode);
            }
        });
    });