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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
|
/**
* Copyright 2010-2013 Ben Birch
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this software except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
(function( app ) {
var ui = app.ns("ui");
ui.MenuPanel = ui.AbstractPanel.extend({
defaults: {
items: [], // (required) an array of menu items
modal: false
},
_baseCls: "uiMenuPanel",
init: function() {
this._super();
this.el = $(this._main_template());
},
open: function(jEv) {
this._super(jEv);
var cx = this; setTimeout(function() { $(document).bind("click", cx._close_handler); }, 50);
},
_getItems: function() {
return this.config.items;
},
_close_handler: function(jEv) {
this._super(jEv);
$(document).unbind("click", this._close_handler);
},
_main_template: function() {
return { tag: "DIV", cls: this._baseCls, children: this._getItems().map(this._menuItem_template, this) };
},
_menuItem_template: function(item) {
var dx = item.disabled ? { onclick: function() {} } : {};
return { tag: "LI", cls: "uiMenuPanel-item" + (item.disabled ? " disabled" : "") + (item.selected ? " selected" : ""), children: [ $.extend({ tag: "DIV", cls: "uiMenuPanel-label" }, item, dx ) ] };
},
_getPosition: function(jEv) {
var right = !! $(jEv.target).parents(".pull-right").length;
var parent = $(jEv.target).closest("BUTTON");
return parent.vOffset()
.addY(parent.vSize().y)
.addX( right ? parent.vSize().x - this.el.vOuterSize().x : 0 )
.asOffset();
}
});
})( this.app );
|
