1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
(function( $, app ) {
var ui = app.ns("ui");
ui.DraggablePanel = ui.AbstractPanel.extend({
defaults: {
// title: "" // (required) text for the panel title
},
_baseCls: "uiPanel",
init: function() {
this._super();
this.body = $(this._body_template());
this.title = $(this._title_template());
this.el = $.joey( this._main_template() );
this.el.css( { width: this.config.width } );
this.dd = new app.ux.DragDrop({
pickupSelector: this.el.find(".uiPanel-titleBar"),
dragObj: this.el
});
// open the panel if set in configuration
this.config.open && this.open();
},
setBody: function(body) {
this.body.empty().append(body);
},
_body_template: function() { return { tag: "DIV", cls: "uiPanel-body", css: { height: this.config.height + (this.config.height === 'auto' ? "" : "px" ) }, children: [ this.config.body ] }; },
_title_template: function() { return { tag: "SPAN", cls: "uiPanel-title", text: this.config.title }; },
_main_template: function() { return (
{ tag: "DIV", id: this.id(), cls: this._baseCls, children: [
{ tag: "DIV", cls: "uiPanel-titleBar", children: [
{ tag: "DIV", cls: "uiPanel-close", onclick: this._close_handler, text: "x" },
this.title
]},
this.body
] }
); }
});
})( this.jQuery, this.app );
|