Changeset 350 for Dev/branches/rest-dojo-ui/client/rft/ui/LineWithActionsWidget.js

Timestamp:

07/03/12 16:57:07 (13 years ago)

Author:

hendrikvanantwerpen

Message:

Merge and integrate mockups in proper pages.

File:

• Dev/branches/rest-dojo-ui/client/rft/ui/LineWithActionsWidget.js (modified) (3 diffs)

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

@@ -1 @@
-define(['dojo/_base/declare','dojo/_base/lang','dojo/on','dojo/dom','dijit/form/Button',
+define(['dojo/_base/declare','dojo/_base/lang','dojo/on','dojo/dom', 'dojo/dom-class', 'dijit/form/Button',
     'dijit/_WidgetBase','dijit/_TemplatedMixin','dijit/_WidgetsInTemplateMixin',
-    'dojo/text!./templates/LineWithActionsWidget.html'],
-    function(declare,lang,on,dom,Button,_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,templateString){
+    'dojo/text!./templates/LineWithActionsWidget.html'
+    ],
+    function(declare,lang,on,dom,domClass,Button,_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,templateString){
         return declare('rft.ui.LineWithActionsWidget',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin],{
             templateString: templateString,
             baseClass: 'rftLineWithButtons',
             title: '',
+            modifiers: "blue",
             userObject: null,
             actions: {},
@@ -16 +18 @@
                 this.inherited(arguments);
                 this._setupActions();
+                domClass.add(this.domNode, this.modifiers);
                 this.refresh();
             },
             _setupActions: function() {
                 for (var action in this.actions) {
-                    new Button({
-                        label: action,
-                        //iconClass: 'dijitIconSearch',
-                        //showLabel: false,
-                        onClick: lang.hitch(this,function(){
-                            this.actions[action](this.userObject);
-                        })
-                    }).placeAt(this.buttonsNode);
+                    var properties;
+                    if (this.actions[action].properties.blockButton == true) {  // BlockButton
+                        properties = lang.mixin({
+                            baseClass: 'rftBlockButton',
+                            modifiers: this.modifiers,
+                            label: "Default",
+                            iconClass: 'rftIcon rftIcon'+this.actions[action].properties.icon,
+                            title: action,
+                            onClick: lang.hitch(this, this.actions[action].callback)
+                        }, this.actions[action].properties);
+                        properties["class"] = properties.modifiers;
+                        new Button(properties).placeAt(this.buttonsNode);
+                    } else {    //InlineButton
+                        properties = lang.mixin({
+                            baseClass: 'rftInlineButton',
+                            modifiers: 'black',
+                            label: "Default",
+                            showLabel: false,
+                            iconClass: 'rftIcon rftIcon'+this.actions[action].properties.icon,
+                            title: action,
+                            onClick: lang.hitch(this, this.actions[action].callback)
+                        }, this.actions[action].properties);
+                        properties["class"] = properties.modifiers;
+                        new Button(properties).placeAt(this.buttonsNode);
+                    }
                 }
             },
@@ -40 +60 @@
                 return !preventDefault;
             },
-            onClick: function(e) {}
+            onClick: function(e) {},
+            _setTitleAttr: function(value){
+                this.title = value;
+                this.refresh();
+            }
         });
     });