113 lines
2.9 KiB
JavaScript
113 lines
2.9 KiB
JavaScript
// this is not a dialog, and isn't meant to be. It is 'special' in that it will be higher in z-order than all other dialos
|
|
// it's for one-off alerts
|
|
(function (context, $) {
|
|
|
|
"use strict";
|
|
|
|
context.JK = context.JK || {};
|
|
context.JK.Banner = (function () {
|
|
var self = this;
|
|
var logger = context.JK.logger;
|
|
var $banner = null;
|
|
|
|
// you can also do
|
|
// * showAlert('title', 'text')
|
|
// * showAlert('text')
|
|
function showAlert(options) {
|
|
if (typeof options == 'string' || options instanceof String) {
|
|
if(arguments.length == 2) {
|
|
options = {title: options, html:arguments[1]}
|
|
}
|
|
else {
|
|
options = {html:options};
|
|
}
|
|
}
|
|
options.type = 'alert'
|
|
return show(options);
|
|
}
|
|
|
|
// responsible for updating the contents of the update dialog
|
|
// as well as registering for any event handlers
|
|
function show(options) {
|
|
var text = options.text;
|
|
var html = options.html;
|
|
|
|
if(!options.title) {
|
|
options.title = 'alert'
|
|
}
|
|
|
|
var $h1 = $banner.find('h1');
|
|
$h1.html(options.title);
|
|
|
|
var newContent = null;
|
|
if (html) {
|
|
newContent = $('#banner .dialog-inner').html(html);
|
|
}
|
|
else if (text) {
|
|
newContent = $('#banner .dialog-inner').html(text);
|
|
}
|
|
else {
|
|
throw "unable to show banner for empty message";
|
|
}
|
|
|
|
var $closeBtn = $banner.find('.close-btn');
|
|
|
|
if((options.type == "alert" && !options.buttons) || options.close) {
|
|
|
|
$closeBtn.show().click(function() {
|
|
hide();
|
|
return false;
|
|
});
|
|
}
|
|
else {
|
|
$closeBtn.hide();
|
|
}
|
|
|
|
if(options.buttons) {
|
|
var $buttons = $banner.find('.buttons')
|
|
context._.each(options.buttons, function(button) {
|
|
if(!button.name) throw "button.name must be specified";
|
|
if(!button.click) throw "button.click must be specified";
|
|
|
|
var $btn = $('<a class="button-orange user-btn">' + button.name + '</a>');
|
|
$btn.click(function() {
|
|
button.click();
|
|
hide();
|
|
return false;
|
|
});
|
|
$buttons.append($btn);
|
|
});
|
|
}
|
|
|
|
$('#banner').attr('data-type', options.type).show()
|
|
$('#banner_overlay').show()
|
|
|
|
// return the core of the banner so that caller can attach event handlers to newly created HTML
|
|
return newContent;
|
|
}
|
|
|
|
function hide() {
|
|
$banner.hide();
|
|
$banner.find('.user-btn').remove();
|
|
$('#banner_overlay .dialog-inner').html("");
|
|
$('#banner_overlay').hide();
|
|
}
|
|
|
|
function initialize() {
|
|
|
|
$banner = $('#banner');
|
|
return self;
|
|
}
|
|
|
|
// Expose publics
|
|
var me = {
|
|
initialize: initialize,
|
|
show: show,
|
|
showAlert: showAlert,
|
|
hide: hide
|
|
}
|
|
|
|
return me;
|
|
})();
|
|
|
|
})(window, jQuery); |