oxjs/source/UI/js/Window/Layer.js

65 lines
1.4 KiB
JavaScript
Raw Normal View History

2011-11-05 16:46:53 +00:00
'use strict';
/*@
2012-05-31 10:32:54 +00:00
Ox.Layer <f> Background layer for dialogs and menus
options <o> Options
type <s|'dialog'> Layer type ('dialog' or 'menu')
self <o> Shared private variable
([options[, self]]) -> <o:Ox.Element> Layer
click <!> click
@*/
Ox.Layer = function(options, self) {
self = self || {};
var that = Ox.Element({}, self)
.defaults({
type: 'dialog'
})
.options(options || {})
.addClass('OxLayer Ox' + Ox.toTitleCase(self.options.type) + 'Layer')
2012-05-28 14:06:22 +00:00
.on(self.options.type == 'dialog' ? {
2012-05-26 15:48:19 +00:00
mousedown: mousedown
} : {
click: click
});
function click() {
that.triggerEvent('click').remove();
}
function mousedown() {
2012-06-16 16:50:58 +00:00
that.stop().css({opacity: 0.5});
}
function mouseup() {
that.stop().animate({opacity: 0}, 250);
}
2012-05-21 10:38:18 +00:00
/*@
hide <f> hide
() -> <u> hide layer
@*/
that.hide = function() {
if (self.options.type == 'dialog') {
2012-05-28 14:06:22 +00:00
Ox.$window.off({mouseup: mouseup});
}
that.remove();
};
2012-05-21 10:38:18 +00:00
/*@
show <f> show
() -> <o> show layer
@*/
that.show = function() {
if (self.options.type == 'dialog') {
2012-05-28 14:06:22 +00:00
Ox.$window.on({mouseup: mouseup});
}
that.appendTo(Ox.Fullscreen.element ? Ox.Fullscreen.element : Ox.$body);
2011-11-01 14:45:47 +00:00
return that;
}
return that;
2012-05-21 10:38:18 +00:00
}