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

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,
            value: null,
            actions: null,
            startup: function() {
                this.line1 = new LineWithActionsWidget({
                    modifiers: 'green',
                    actions: {
                        "inspectIcon": {
                            callback: lang.hitch(this, this._showInfoBox),
                            properties: {
                                blockButton: false,
                                modifiers: "white",
                                icon: "Inspect"
                            }
                        }
                    }
                }).placeAt(this.line1Node);
                this.line2 = new LineWithActionsWidget({
                    modifiers: 'green'
                }).placeAt(this.line1Node);
                var line3Actions = this._createLine3Actions();
                this.line3 = new LineWithActionsWidget({
                    modifiers: 'green',
                    actions: line3Actions
                }).placeAt(this.line1Node);
                this.line1.startup();
                this.line2.startup();
                this.line3.startup();
                this.inherited(arguments);
            },
            _createLine3Actions: function() {
                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,
                            label: action,
                            modifiers: "trans",
                            icon: action.charAt(0).toUpperCase()+action.slice(1)
                        }
                    };
                }
                return line3Actions;
            },
            _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 || '');
                }
            }
        });
    });