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

define([
    'dojo/_base/declare',
    'dojo/_base/lang',
    'dijit/_WidgetBase',
    'dijit/_TemplatedMixin',
    'dijit/_WidgetsInTemplateMixin',
    'rft/ui/LineWithActionsWidget',
    'dojo/text!./templates/ObjectBox.html',
    ], function(declare, lang, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, LineWithActionsWidget, template){
        return declare('rft.ui.ObjectBox', [_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin], {
            baseClass: "rftObjectBox",
            templateString: template,
            
            constructor: function() {
                this.title = "";
                this.subTitle = "";
                this.lowerTitle = "";
                this.objectType = "SessionTemplate";
                this.actions = {}
                
            },
            postCreate: function() {
                this.line1 = new LineWithActionsWidget({
                    title: this.title || "Untitled",
                    modifiers: 'green',
                    actions: {
                        "inspectIcon": {
                            callback: lang.hitch(this, "_inspectObject"),
                            properties: {
                                blockButton: false,
                                modifiers: "white",
                                icon: "Inspect"
                            }
                        }
                    }
                }).placeAt(this.line1Node);
                this.line2 = new LineWithActionsWidget({
                    title: this.subTitle || "",
                    modifiers: 'green',
                    actions: {}
                }).placeAt(this.line1Node);
                var line3Actions = this._createLine3Actions();
                this.line3 = new LineWithActionsWidget({
                    title: this.lowerTitle || "",
                    modifiers: 'green',
                    actions: line3Actions
                }).placeAt(this.line1Node);
                this.line1.startup();
                this.line2.startup();
                this.line3.startup();
                this.inherited(arguments);
            },
            _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]),
                        properties: {
                            blockButton: true,
                            label: action,
                            modifiers: "trans",
                            icon: action.charAt(0).toUpperCase()+action.slice(1)
                        }
                    }
                }
                return ac;
            },
            
            _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);
            }
        },
        _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);
        }
    });
});