Changeset 359 for Dev/branches/rest-dojo-ui/client/rft/ui/ObjectBox.js

Timestamp:

07/12/12 17:07:35 (13 years ago)

Author:

hendrikvanantwerpen

Message:

Application header is link to menu now.
Links in menu page are clickable now.
Added some logic to session page. Simple props can now be edited and saved.
Different actions for session templates and instances in sessions page.
Cleaner code in ObjectBox?. No special cases anymore, scope error fixed.
Fixed scope error in store.js.

File:

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

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

@@ -11 +11 @@
             baseClass: "rftObjectBox",
             templateString: template,
-            
-            constructor: function() {
-                this.title = "";
-                this.subTitle = "";
-                this.lowerTitle = "";
-                this.objectType = "SessionTemplate";
-                this.actions = {}
-                
-            },
-            postCreate: function() {
+            value: null,
+            actions: null,
+            startup: function() {
                 this.line1 = new LineWithActionsWidget({
-                    title: this.title || "Untitled",
                     modifiers: 'green',
                     actions: {
                         "inspectIcon": {
-                            callback: lang.hitch(this, "_inspectObject"),
+                            callback: lang.hitch(this, this._showInfoBox),
                             properties: {
                                 blockButton: false,
@@ -36 +28 @@
                 }).placeAt(this.line1Node);
                 this.line2 = new LineWithActionsWidget({
-                    title: this.subTitle || "",
-                    modifiers: 'green',
-                    actions: {}
+                    modifiers: 'green'
                 }).placeAt(this.line1Node);
                 var line3Actions = this._createLine3Actions();
                 this.line3 = new LineWithActionsWidget({
-                    title: this.lowerTitle || "",
                     modifiers: 'green',
                     actions: line3Actions
@@ -52 +41 @@
             },
             _createLine3Actions: function() {
-                var ac = {};
-                if (this.actions["edit"]) {
-                    ac["edit"] = {
-                        callback: lang.hitch(this, "_editObject", this.actions["edit"]),
-                        properties: {
-                            blockButton: true,
-                            label: "Edit/View",
-                            modifiers: "trans",
-                            icon: "Edit"
-                        }
-                    };
-                    delete this.actions["edit"];
-                }
-                if (this.actions["delete"]) {
-                    ac["delete"] = {
-                        callback: lang.hitch(this, "_deleteObject", this.actions["delete"]),
-                        properties: {
-                            blockButton: true,
-                            label: "Delete",
-                            modifiers: "trans",
-                            icon: "Delete"
-                        }
-                    };
-                    delete this.actions["delete"];
-                }
-                for (action in this.actions) {
-                    ac[action] = {
-                        callback: lang.hitch(this, this.actions[action]),
+                var line3Actions = {};
+                for (var action in this.actions) {
+                    line3Actions[action] = {
+                        callback: lang.hitch(this, function(callback){
+                            this.value && callback(this.value);
+                        }, this.actions[action]),
                         properties: {
                             blockButton: true,
@@ -86 +53 @@
                             icon: action.charAt(0).toUpperCase()+action.slice(1)
                         }
-                    }
+                    };
                 }
-                return ac;
+                return line3Actions;
             },
-            
-            _setObjectReference: function(identifier) {
-            // TODO: Set this ObjectBox to refer to a certain database object
-        },
-        _getObjectInfo: function() {
-            // TODO: Query the database and retrieve a JSON array of object properties
-        },
-        _inspectObject: function() {
-            // TODO: Get object information (or retrieve from cache), then display in popup
-        },
-        _editObject: function(customFunction) {
-            // TODO: Pass an edit call to the page script, along with reference to the object contained in this ObjectBox
-            alert("Default edit code");
-            customFunction();
-        },
-        _deleteObject: function(customFunction) {
-            // TODO: Pass a delete call to the page script, along with reference to the object contained in this ObjectBox
-            customFunction();
-        },
-            
-            
-        _setTitleAttr: function(value) {
-            this.title = value;
-            if (this.line1 && this.line1.set) {
-                this.line1.set('title', this.title);
+            _showInfoBox: function() {
+                alert(this.value.description);
+            },
+            _setValueAttr: function(value) {
+                this.value = value;
+                this._refresh();
+            },
+            _getValueAttr: function(value) {
+                this.value = value;
+            },
+            _refresh: function() {
+                if ( this.value !== null ) {
+                    this.iconNode.className = "rftIcon typeIcon rftIcon"+(this.value.type || '');
+                    this.line1.set('title', this.value.title || '');
+                    this.line2.set('title', this.value.subTitle || '');
+                    this.line3.set('title', this.value.lowerTitle || '');
+                }
             }
-        },
-        _setSubTitleAttr: function(value) {
-            this.subTitle = value;
-            if (this.line2 && this.line2.set) {
-                this.line2.set('title', this.subTitle);
-            }
-        },
-        _setLowerTitleAttr: function(value) {
-            this.lowerTitle = value;
-            if (this.line3 && this.line3.set) {
-                this.line3.set('title', this.lowerTitle);
-            }
-        },
-        _setObjectTypeAttr: function(value) {
-            this.objectType = value;
-            this.iconNode.className = "rftIcon typeIcon rftIcon"+this.objectType;
-        },
-
-        /* This is an experiment to embed the creation function in the ObjectBox class itself. This method cannot be static, but can be called externally as such:
-         * rft.ui.ObjectBox().CreateNew(args, ref, loc);
-         * TODO: Check with Hendrik if I should do this or not!
-         * */
-         CreateNew: function(arguments, reference, location) {
-            var newBox = new rft.ui.ObjectBox(arguments);
-            newBox.startup();
-            newBox.placeAt(reference, location);
-        }
+        });
     });
-});