seitime-frappe/js/wn/ui/overlay.js
2012-02-23 12:35:45 +05:30

46 lines
No EOL
1.7 KiB
JavaScript

// Copyright (c) 2012 Web Notes Technologies Pvt Ltd (http://erpnext.com)
//
// MIT License (MIT)
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
// INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
// PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
// HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
// CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
// OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
//
// overlay an element
// http://blog.learnboost.com/blog/a-css3-overlay-system/
wn.ui.Overlay = function(ele) {
wn.require('lib/css/ui/overlay.css');
var me = this;
$.extend(this, {
render: function() {
me.wrap = wn.dom.add(
wn.dom.add(
wn.dom.add($('body').get(0), 'div', 'overlay')
, 'div', 'wrap-outer')
, 'div', 'wrap');
me.wrap.appendChild(ele);
$('body').addClass('overlaid');
},
hide: function() {
wn.dom.hide(me.wrap);
$('body').removeClass('overlaid');
}
});
me.render();
}