Changeset 370 for Dev/branches/rest-dojo-ui/client/rft/ui/Selector.js

Timestamp:

07/23/12 13:07:24 (13 years ago)

Author:

hendrikvanantwerpen

Message:

Seperated question browser in TabbedQuestionBrowser? widget.
Made configuring Selector actions more flexible (both for top actions and item actions).
Fixed lowercase/uppercase problem in SurveyListView?.
Fixed whitespace and toolyip in LineWithActionsWidget?.
Added question browser to questions page. Removed the old dialog that was there and redirect to questionEditor page.

Location:

Dev/branches/rest-dojo-ui/client/rft/ui

Files:

• . (modified) (1 prop)
• Selector.js (modified) (5 diffs)

Dev/branches/rest-dojo-ui/client/rft/ui/Selector.js

@@ -30 +30 @@
         return declare('rft.ui.Selector',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,_Container],{
             templateString: templateString,
-            title: "",
             baseClass: 'rftSelector',
             modifiers: 'blue',
+
+            title: "",
+            selectedActions: null,
+            itemActions: null,
+            // main selector action: Object
+            //    title:
+            //    description:
+            //    icon:
+
             _folded: true,
             _titleLine: null,
@@ -42 +50 @@
                 domClass.add(this.selectedColorNode, "pending");
 
+                this._createTitleLine();
+                this._createSelectorLine();
+
+                fx.wipeOut({
+                    node: this.optionsNode
+                }).play();
+            },
+            _createTitleLine: function() {
+                var actions = {};
+                var action = null;
+                if ( this.selectedActions !== null ) {
+                    for (var actionName in this.selectedActions) {
+                        action = this.selectedActions[actionName];
+                        actions[actionName] = {
+                            callback: action.callback &&
+                                    lang.hitch(this,this._onSelectedAction,
+                                            action.callback),
+                            properties: {
+                                 blockButton: true,
+                                 modifiers: this.modifiers,
+                                 label: action.title || actionName,
+                                 icon: action.icon,
+                                 tooltip: action.description
+                             }
+
+                        };
+                    }
+                }
+
                 this._titleLine = new LineWithActionsWidget({
                     title: this.title,
                     modifiers: this.modifiers,
-                    actions: {
-                        "Include in survey" : {
-                            callback: lang.hitch(this, this._onInclude),
-                            properties: {
-                                blockButton: true,
-                                modifiers: this.modifiers,
-                                icon: "Accept",
-                                label: "Include"
-                            }
-                        }
-                    }
+                    actions: actions
                 },this.titleNode);
                 this._titleLine.startup();
-
+            },
+            _createSelectorLine: function() {
                 this._selectorLine = new LineWithActionsWidget({
                     title: 'None',
@@ -76 +104 @@
                 this._selectorLine.startup();
                 this._selectorLine.on('click',lang.hitch(this, this.onToggle));
-
-                fx.wipeOut({
-                    node: this.optionsNode
-                }).play();
             },
             _onSelect: function(item, widget) {
@@ -97 +121 @@
                 this.onSelect(item);
             },
-            _onInclude: function() {
-                if (this._selectedItem) {
-                    this.onInclude(this._selectedItem);
+            _onSelectedAction: function(callback) {
+                if (this._selectedItem && callback) {
+                    callback(this._selectedItem);
                 }
             },
@@ -126 +150 @@
                 return false;
             },
+
             addItem: function(item) {
-                var w = new LineWithActionsWidget({
-                    title: item.title,
-                    actions: {
-                        "Info" : {
-                            callback: function() {
-                                item.description && alert(item.description);
-                            },
+                var actions = {};
+                var action;
+                if (this.itemActions) {
+                    for (var actionName in this.itemActions) {
+                        action = this.itemActions[actionName];
+                        actions[actionName] = {
+                            callback: function(){action.callback && action.callback(item);},
                             properties: {
                                 blockButton: false,
                                 showLabel: false,
-                                icon: "Inspect"
+                                icon: action.icon,
+                                tooltip: action.description
                             }
                         }
                     }
+                }
+                var w = new LineWithActionsWidget({
+                    title: item.title,
+                    actions: actions
                 }).placeAt(this.optionsNode);
                 w.startup();
                 w.on("click", lang.hitch(this, this._onSelect, item, w));
             },
-            onSelect: function(item) {},
-            onInclude: function(item) {}
+
+            onSelect: function(item) {}
         });
 });