512 lines
16 KiB
JavaScript
512 lines
16 KiB
JavaScript
|
/**
|
||
|
|
* bootbox.js v2.3.2
|
||
|
|
*
|
||
|
|
* The MIT License
|
||
|
|
*
|
||
|
|
* Copyright (C) 2011-2012 by Nick Payne <nick@kurai.co.uk>
|
||
|
|
*
|
||
|
|
* 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
|
||
|
|
*/
|
||
|
|
var bootbox = window.bootbox || (function($) {
|
||
|
|
|
||
|
|
var _locale = 'en',
|
||
|
|
_defaultLocale = 'en',
|
||
|
|
_animate = false,
|
||
|
|
_icons = {},
|
||
|
|
/* last var should always be the public object we'll return */
|
||
|
|
that = {};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* standard locales. Please add more according to ISO 639-1 standard. Multiple language variants are
|
||
|
|
* unlikely to be required. If this gets too large it can be split out into separate JS files.
|
||
|
|
*/
|
||
|
|
var _locales = {
|
||
|
|
'en' : {
|
||
|
|
OK : 'OK',
|
||
|
|
CANCEL : 'Cancel',
|
||
|
|
CONFIRM : 'OK'
|
||
|
|
},
|
||
|
|
'fr' : {
|
||
|
|
OK : 'OK',
|
||
|
|
CANCEL : 'Annuler',
|
||
|
|
CONFIRM : 'D\'accord'
|
||
|
|
},
|
||
|
|
'de' : {
|
||
|
|
OK : 'OK',
|
||
|
|
CANCEL : 'Abbrechen',
|
||
|
|
CONFIRM : 'Akzeptieren'
|
||
|
|
},
|
||
|
|
'es' : {
|
||
|
|
OK : 'OK',
|
||
|
|
CANCEL : 'Cancelar',
|
||
|
|
CONFIRM : 'Aceptar'
|
||
|
|
},
|
||
|
|
'br' : {
|
||
|
|
OK : 'OK',
|
||
|
|
CANCEL : 'Cancelar',
|
||
|
|
CONFIRM : 'Sim'
|
||
|
|
},
|
||
|
|
'nl' : {
|
||
|
|
OK : 'OK',
|
||
|
|
CANCEL : 'Annuleren',
|
||
|
|
CONFIRM : 'Accepteren'
|
||
|
|
},
|
||
|
|
'ru' : {
|
||
|
|
OK : 'OK',
|
||
|
|
CANCEL : 'Отмена',
|
||
|
|
CONFIRM : 'Применить'
|
||
|
|
},
|
||
|
|
'it' : {
|
||
|
|
OK : 'OK',
|
||
|
|
CANCEL : 'Annulla',
|
||
|
|
CONFIRM : 'Conferma'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function _translate(str, locale) {
|
||
|
|
// we assume if no target locale is probided then we should take it from current setting
|
||
|
|
if (locale == null) {
|
||
|
|
locale = _locale;
|
||
|
|
}
|
||
|
|
if (typeof _locales[locale][str] == 'string') {
|
||
|
|
return _locales[locale][str];
|
||
|
|
}
|
||
|
|
|
||
|
|
// if we couldn't find a lookup then try and fallback to a default translation
|
||
|
|
|
||
|
|
if (locale != _defaultLocale) {
|
||
|
|
return _translate(str, _defaultLocale);
|
||
|
|
}
|
||
|
|
|
||
|
|
// if we can't do anything then bail out with whatever string was passed in - last resort
|
||
|
|
return str;
|
||
|
|
}
|
||
|
|
|
||
|
|
that.setLocale = function(locale) {
|
||
|
|
for (var i in _locales) {
|
||
|
|
if (i == locale) {
|
||
|
|
_locale = locale;
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
throw new Error('Invalid locale: '+locale);
|
||
|
|
}
|
||
|
|
|
||
|
|
that.addLocale = function(locale, translations) {
|
||
|
|
if (typeof _locales[locale] == 'undefined') {
|
||
|
|
_locales[locale] = {};
|
||
|
|
}
|
||
|
|
for (var str in translations) {
|
||
|
|
_locales[locale][str] = translations[str];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
that.setIcons = function(icons) {
|
||
|
|
_icons = icons;
|
||
|
|
if (typeof _icons !== 'object' || _icons == null) {
|
||
|
|
_icons = {};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
that.alert = function(/*str, label, cb*/) {
|
||
|
|
var str = "",
|
||
|
|
label = _translate('OK'),
|
||
|
|
cb = null;
|
||
|
|
|
||
|
|
switch (arguments.length) {
|
||
|
|
case 1:
|
||
|
|
// no callback, default button label
|
||
|
|
str = arguments[0];
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
// callback *or* custom button label dependent on type
|
||
|
|
str = arguments[0];
|
||
|
|
if (typeof arguments[1] == 'function') {
|
||
|
|
cb = arguments[1];
|
||
|
|
} else {
|
||
|
|
label = arguments[1];
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 3:
|
||
|
|
// callback and custom button label
|
||
|
|
str = arguments[0];
|
||
|
|
label = arguments[1];
|
||
|
|
cb = arguments[2];
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
throw new Error("Incorrect number of arguments: expected 1-3");
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
return that.dialog(str, {
|
||
|
|
"label": label,
|
||
|
|
"icon" : _icons.OK,
|
||
|
|
"callback": cb
|
||
|
|
}, {
|
||
|
|
"onEscape": cb
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
that.confirm = function(/*str, labelCancel, labelOk, cb*/) {
|
||
|
|
var str = "",
|
||
|
|
labelCancel = _translate('CANCEL'),
|
||
|
|
labelOk = _translate('CONFIRM'),
|
||
|
|
cb = null;
|
||
|
|
|
||
|
|
switch (arguments.length) {
|
||
|
|
case 1:
|
||
|
|
str = arguments[0];
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
str = arguments[0];
|
||
|
|
if (typeof arguments[1] == 'function') {
|
||
|
|
cb = arguments[1];
|
||
|
|
} else {
|
||
|
|
labelCancel = arguments[1];
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 3:
|
||
|
|
str = arguments[0];
|
||
|
|
labelCancel = arguments[1];
|
||
|
|
if (typeof arguments[2] == 'function') {
|
||
|
|
cb = arguments[2];
|
||
|
|
} else {
|
||
|
|
labelOk = arguments[2];
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 4:
|
||
|
|
str = arguments[0];
|
||
|
|
labelCancel = arguments[1];
|
||
|
|
labelOk = arguments[2];
|
||
|
|
cb = arguments[3];
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
throw new Error("Incorrect number of arguments: expected 1-4");
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
return that.dialog(str, [{
|
||
|
|
"label": labelCancel,
|
||
|
|
"icon" : _icons.CANCEL,
|
||
|
|
"callback": function() {
|
||
|
|
if (typeof cb == 'function') {
|
||
|
|
cb(false);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
"label": labelOk,
|
||
|
|
"icon" : _icons.CONFIRM,
|
||
|
|
"callback": function() {
|
||
|
|
if (typeof cb == 'function') {
|
||
|
|
cb(true);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
}
|
||
|
|
|
||
|
|
that.prompt = function(/*str, labelCancel, labelOk, cb*/) {
|
||
|
|
var str = "",
|
||
|
|
labelCancel = _translate('CANCEL'),
|
||
|
|
labelOk = _translate('CONFIRM'),
|
||
|
|
cb = null;
|
||
|
|
|
||
|
|
switch (arguments.length) {
|
||
|
|
case 1:
|
||
|
|
str = arguments[0];
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
str = arguments[0];
|
||
|
|
if (typeof arguments[1] == 'function') {
|
||
|
|
cb = arguments[1];
|
||
|
|
} else {
|
||
|
|
labelCancel = arguments[1];
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 3:
|
||
|
|
str = arguments[0];
|
||
|
|
labelCancel = arguments[1];
|
||
|
|
if (typeof arguments[2] == 'function') {
|
||
|
|
cb = arguments[2];
|
||
|
|
} else {
|
||
|
|
labelOk = arguments[2];
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 4:
|
||
|
|
str = arguments[0];
|
||
|
|
labelCancel = arguments[1];
|
||
|
|
labelOk = arguments[2];
|
||
|
|
cb = arguments[3];
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
throw new Error("Incorrect number of arguments: expected 1-4");
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
var header = str;
|
||
|
|
|
||
|
|
// let's keep a reference to the form object for later
|
||
|
|
var form = $("<form></form>");
|
||
|
|
form.append("<input autocomplete=off type=text />");
|
||
|
|
|
||
|
|
var div = that.dialog(form, [{
|
||
|
|
"label": labelCancel,
|
||
|
|
"icon" : _icons.CANCEL,
|
||
|
|
"callback": function() {
|
||
|
|
if (typeof cb == 'function') {
|
||
|
|
cb(null);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
"label": labelOk,
|
||
|
|
"icon" : _icons.CONFIRM,
|
||
|
|
"callback": function() {
|
||
|
|
if (typeof cb == 'function') {
|
||
|
|
cb(
|
||
|
|
form.find("input[type=text]").val()
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}], {
|
||
|
|
"header": header
|
||
|
|
});
|
||
|
|
|
||
|
|
div.on("shown", function() {
|
||
|
|
form.find("input[type=text]").focus();
|
||
|
|
|
||
|
|
// ensure that submitting the form (e.g. with the enter key)
|
||
|
|
// replicates the behaviour of a normal prompt()
|
||
|
|
form.on("submit", function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
div.find(".btn-primary").click();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
return div;
|
||
|
|
}
|
||
|
|
|
||
|
|
that.modal = function(/*str, label, options*/) {
|
||
|
|
var str;
|
||
|
|
var label;
|
||
|
|
var options;
|
||
|
|
|
||
|
|
var defaultOptions = {
|
||
|
|
"onEscape": null,
|
||
|
|
"keyboard": true,
|
||
|
|
"backdrop": true
|
||
|
|
};
|
||
|
|
|
||
|
|
switch (arguments.length) {
|
||
|
|
case 1:
|
||
|
|
str = arguments[0];
|
||
|
|
break;
|
||
|
|
case 2:
|
||
|
|
str = arguments[0];
|
||
|
|
if (typeof arguments[1] == 'object') {
|
||
|
|
options = arguments[1];
|
||
|
|
} else {
|
||
|
|
label = arguments[1];
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
case 3:
|
||
|
|
str = arguments[0];
|
||
|
|
label = arguments[1];
|
||
|
|
options = arguments[2];
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
throw new Error("Incorrect number of arguments: expected 1-3");
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
defaultOptions['header'] = label;
|
||
|
|
|
||
|
|
if (typeof options == 'object') {
|
||
|
|
options = $.extend(defaultOptions, options);
|
||
|
|
} else {
|
||
|
|
options = defaultOptions;
|
||
|
|
}
|
||
|
|
|
||
|
|
return that.dialog(str, [], options);
|
||
|
|
}
|
||
|
|
|
||
|
|
that.dialog = function(str, handlers, options) {
|
||
|
|
var hideSource = null,
|
||
|
|
buttons = "",
|
||
|
|
callbacks = [],
|
||
|
|
options = options || {};
|
||
|
|
|
||
|
|
// check for single object and convert to array if necessary
|
||
|
|
if (handlers == null) {
|
||
|
|
handlers = [];
|
||
|
|
} else if (typeof handlers.length == 'undefined') {
|
||
|
|
handlers = [handlers];
|
||
|
|
}
|
||
|
|
|
||
|
|
var i = handlers.length;
|
||
|
|
while (i--) {
|
||
|
|
var label = null,
|
||
|
|
_class = null,
|
||
|
|
icon = '',
|
||
|
|
callback = null;
|
||
|
|
|
||
|
|
if (typeof handlers[i]['label'] == 'undefined' &&
|
||
|
|
typeof handlers[i]['class'] == 'undefined' &&
|
||
|
|
typeof handlers[i]['callback'] == 'undefined') {
|
||
|
|
// if we've got nothing we expect, check for condensed format
|
||
|
|
|
||
|
|
var propCount = 0, // condensed will only match if this == 1
|
||
|
|
property = null; // save the last property we found
|
||
|
|
|
||
|
|
// be nicer to count the properties without this, but don't think it's possible...
|
||
|
|
for (var j in handlers[i]) {
|
||
|
|
property = j;
|
||
|
|
if (++propCount > 1) {
|
||
|
|
// forget it, too many properties
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (propCount == 1 && typeof handlers[i][j] == 'function') {
|
||
|
|
// matches condensed format of label -> function
|
||
|
|
handlers[i]['label'] = property;
|
||
|
|
handlers[i]['callback'] = handlers[i][j];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof handlers[i]['callback']== 'function') {
|
||
|
|
callback = handlers[i]['callback'];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (handlers[i]['class']) {
|
||
|
|
_class = handlers[i]['class'];
|
||
|
|
} else if (i == handlers.length -1 && handlers.length <= 2) {
|
||
|
|
// always add a primary to the main option in a two-button dialog
|
||
|
|
_class = 'btn-primary';
|
||
|
|
}
|
||
|
|
|
||
|
|
if (handlers[i]['label']) {
|
||
|
|
label = handlers[i]['label'];
|
||
|
|
} else {
|
||
|
|
label = "Option "+(i+1);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (handlers[i]['icon']) {
|
||
|
|
icon = "<i class='"+handlers[i]['icon']+"'></i> ";
|
||
|
|
}
|
||
|
|
|
||
|
|
buttons += "<a data-handler='"+i+"' class='btn "+_class+"' href='javascript:;'>"+icon+""+label+"</a>";
|
||
|
|
|
||
|
|
callbacks[i] = callback;
|
||
|
|
}
|
||
|
|
|
||
|
|
var parts = ["<div class='bootbox modal'>"];
|
||
|
|
|
||
|
|
if (options['header']) {
|
||
|
|
var closeButton = '';
|
||
|
|
if (typeof options['headerCloseButton'] == 'undefined' || options['headerCloseButton']) {
|
||
|
|
closeButton = "<a href='javascript:;' class='close'>×</a>";
|
||
|
|
}
|
||
|
|
|
||
|
|
parts.push("<div class='modal-header'>"+closeButton+"<h3>"+options['header']+"</h3></div>");
|
||
|
|
}
|
||
|
|
|
||
|
|
// push an empty body into which we'll inject the proper content later
|
||
|
|
parts.push("<div class='modal-body'></div>");
|
||
|
|
|
||
|
|
if (buttons) {
|
||
|
|
parts.push("<div class='modal-footer'>"+buttons+"</div>")
|
||
|
|
}
|
||
|
|
|
||
|
|
parts.push("</div>");
|
||
|
|
|
||
|
|
var div = $(parts.join("\n"));
|
||
|
|
|
||
|
|
// check whether we should fade in/out
|
||
|
|
var shouldFade = (typeof options.animate === 'undefined') ? _animate : options.animate;
|
||
|
|
|
||
|
|
if (shouldFade) {
|
||
|
|
div.addClass("fade");
|
||
|
|
}
|
||
|
|
|
||
|
|
// now we've built up the div properly we can inject the content whether it was a string or a jQuery object
|
||
|
|
$(".modal-body", div).html(str);
|
||
|
|
|
||
|
|
div.bind('hidden', function() {
|
||
|
|
div.remove();
|
||
|
|
});
|
||
|
|
|
||
|
|
div.bind('hide', function() {
|
||
|
|
if (hideSource == 'escape' &&
|
||
|
|
typeof options.onEscape == 'function') {
|
||
|
|
options.onEscape();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// hook into the modal's keyup trigger to check for the escape key
|
||
|
|
$(document).bind('keyup.modal', function ( e ) {
|
||
|
|
if (e.which == 27) {
|
||
|
|
hideSource = 'escape';
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// well, *if* we have a primary - give the last dom element (first displayed) focus
|
||
|
|
div.bind('shown', function() {
|
||
|
|
$("a.btn-primary:last", div).focus();
|
||
|
|
});
|
||
|
|
|
||
|
|
// wire up button handlers
|
||
|
|
div.on('click', '.modal-footer a, a.close', function(e) {
|
||
|
|
var handler = $(this).data("handler"),
|
||
|
|
cb = callbacks[handler],
|
||
|
|
hideModal = null;
|
||
|
|
|
||
|
|
if (typeof cb == 'function') {
|
||
|
|
hideModal = cb();
|
||
|
|
}
|
||
|
|
if (hideModal !== false){
|
||
|
|
e.preventDefault();
|
||
|
|
hideSource = 'button';
|
||
|
|
div.modal("hide");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if (options.keyboard == null) {
|
||
|
|
options.keyboard = (typeof options.onEscape == 'function');
|
||
|
|
}
|
||
|
|
|
||
|
|
$("body").append(div);
|
||
|
|
|
||
|
|
div.modal({
|
||
|
|
"backdrop" : options.backdrop || true,
|
||
|
|
"keyboard" : options.keyboard
|
||
|
|
});
|
||
|
|
|
||
|
|
return div;
|
||
|
|
}
|
||
|
|
|
||
|
|
that.hideAll = function() {
|
||
|
|
$(".bootbox").modal("hide");
|
||
|
|
}
|
||
|
|
|
||
|
|
that.animate = function(animate) {
|
||
|
|
_animate = animate;
|
||
|
|
}
|
||
|
|
|
||
|
|
return that;
|
||
|
|
})( window.jQuery );
|