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

Timestamp:

07/11/12 18:45:51 (13 years ago)

Author:

tjcschipper

Message:

• surveyEditor more or less works! Only needed change is addition of "topic" property in question objects (database-side), and the change from "category"(string) to "categories"(string[]).
• surveyEditor still needs removal function and infofunction to be written properly!
• Added all files belonging to SurveyAdvanced?. Most do not work properly yet, but at least there will not be a 404 page when you click btnPreview on survey.html.

File:

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

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

@@ -1 @@
-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,domClass,Button,_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,templateString){
-        return declare('rft.ui.LineWithActionsWidget',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin],{
-            templateString: templateString,
-            baseClass: 'rftLineWithButtons',
-            title: '',
-            modifiers: "blue",
-            userObject: null,
-            actions: {},
-            postCreate: function() {
-                dom.setSelectable(this.domNode, false);
-                on(this.titleNode,'click',lang.hitch(this,'_onClick'));
-            },
-            startup: function() {
-                this.inherited(arguments);
-                this._setupActions();
-                domClass.add(this.domNode, this.modifiers);
-                this.refresh();
-            },
-            _setupActions: function() {
-                for (var action in this.actions) {
-                    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);
-                    }
-                }
-            },
-            refresh: function() {
-                this.titleNode.innerHTML = this.title;
-            },
-            _onClick: function(e){
-                var preventDefault = this.onClick(e) === false;
-                if(preventDefault){
-                    e.preventDefault();
-                }
-                return !preventDefault;
-            },
-            onClick: function(e) {},
-            _setTitleAttr: function(value){
-                this.title = value;
-                this.refresh();
-            }
-        });
-    });
+define(['dojo/_base/declare',
+        'dojo/_base/lang',
+        'dojo/on',
+        'dojo/dom',
+        'dojo/_base/event',
+        'dojo/dom-class',
+        'dijit/form/Button',
+        'dijit/_WidgetBase',
+        'dijit/_TemplatedMixin',
+        'dijit/_WidgetsInTemplateMixin',
+        'dojo/text!./templates/LineWithActionsWidget.html'
+        ],
+        function(declare,lang,on,dom,event,domClass,Button,_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin,templateString){
+                return declare('rft.ui.LineWithActionsWidget',[_WidgetBase,_TemplatedMixin,_WidgetsInTemplateMixin],{
+                        templateString: templateString,
+                        baseClass: 'rftLineWithButtons',
+                        title: '',
+                        modifiers: "blue",
+                        selectable: false,
+                        userObject: null,
+
+                        actions: {},
+                        postCreate: function() {
+                                dom.setSelectable(this.domNode, false); // Text selection, has nothing to do with object selection!
+                                on(this.domNode,'click',lang.hitch(this,'_onClick'));
+                        },
+                        startup: function() {
+                                this.inherited(arguments);
+                                this._setupActions();
+                                domClass.add(this.domNode, this.modifiers);
+                                this.refresh();
+                        },
+                        _setupActions: function() {
+                                for (var action in this.actions) {
+                                        var properties;
+                                        if (this.actions[action].properties.blockButton == true) {
+                                                properties = lang.mixin({
+                                                        baseClass: 'rftBlockButton',
+                                                        modifiers: this.modifiers,
+                                                        label: "Default",
+                                                        iconClass: 'rftIcon rftIcon'+this.actions[action].properties.icon,
+                                                        title: action,
+                                                        onClick: lang.hitch(this, function(e){
+                                                                lang.hitch(this, this.actions[action].callback )(e);
+                                                                event.stop(e);
+                                                                return false;
+                                                        })
+                                                }, this.actions[action].properties);
+                                                properties["class"] = properties.modifiers;
+                                                new Button(properties).placeAt(this.buttonsNode);
+                                        } else {
+                                                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, function(e){
+                                                                lang.hitch(this, this.actions[action].callback)(e);
+                                                                event.stop(e);
+                                                                return false;
+                                                        })
+                                                }, this.actions[action].properties);
+                                                properties["class"] = properties.modifiers;
+                                                new Button(properties).placeAt(this.buttonsNode);
+                                        }
+                                }
+                        },
+                        refresh: function() {
+                                this.titleNode.innerHTML = this.title;
+                        },
+                        _onClick: function(e){
+                                var preventDefault = this.onClick(e) === false;
+                                if (preventDefault) {
+                                        event.stop(e);
+                                }
+                                return !preventDefault;
+                        },
+                        onClick: function(e) {
+                        },
+                        _setTitleAttr: function(value){
+                                this.title = value;
+                                this.refresh();
+                        }
+                });
+});