1196 lines
34 KiB
JavaScript
1196 lines
34 KiB
JavaScript
;(function(window, document, undefined) {
|
|
"use strict";
|
|
|
|
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
var defaultParams = {
|
|
title: '',
|
|
text: '',
|
|
type: null,
|
|
allowOutsideClick: false,
|
|
showConfirmButton: true,
|
|
showCancelButton: false,
|
|
closeOnConfirm: true,
|
|
closeOnCancel: true,
|
|
confirmButtonText: 'OK',
|
|
confirmButtonClass: 'btn-primary',
|
|
cancelButtonText: 'Cancel',
|
|
cancelButtonClass: 'btn-default',
|
|
containerClass: '',
|
|
titleClass: '',
|
|
textClass: '',
|
|
imageUrl: null,
|
|
imageSize: null,
|
|
timer: null,
|
|
customClass: '',
|
|
html: false,
|
|
animation: true,
|
|
allowEscapeKey: true,
|
|
inputType: 'text',
|
|
inputPlaceholder: '',
|
|
inputValue: '',
|
|
showLoaderOnConfirm: false
|
|
};
|
|
|
|
exports.default = defaultParams;
|
|
|
|
},{}],2:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.handleCancel = exports.handleConfirm = exports.handleButton = undefined;
|
|
|
|
var _handleSwalDom = require('./handle-swal-dom');
|
|
|
|
var _handleDom = require('./handle-dom');
|
|
|
|
/*
|
|
* User clicked on "Confirm"/"OK" or "Cancel"
|
|
*/
|
|
var handleButton = function handleButton(event, params, modal) {
|
|
var e = event || window.event;
|
|
var target = e.target || e.srcElement;
|
|
|
|
var targetedConfirm = target.className.indexOf('confirm') !== -1;
|
|
var targetedOverlay = target.className.indexOf('sweet-overlay') !== -1;
|
|
var modalIsVisible = (0, _handleDom.hasClass)(modal, 'visible');
|
|
var doneFunctionExists = params.doneFunction && modal.getAttribute('data-has-done-function') === 'true';
|
|
|
|
// Since the user can change the background-color of the confirm button programmatically,
|
|
// we must calculate what the color should be on hover/active
|
|
var normalColor, hoverColor, activeColor;
|
|
if (targetedConfirm && params.confirmButtonColor) {
|
|
normalColor = params.confirmButtonColor;
|
|
hoverColor = colorLuminance(normalColor, -0.04);
|
|
activeColor = colorLuminance(normalColor, -0.14);
|
|
}
|
|
|
|
function shouldSetConfirmButtonColor(color) {
|
|
if (targetedConfirm && params.confirmButtonColor) {
|
|
target.style.backgroundColor = color;
|
|
}
|
|
}
|
|
|
|
switch (e.type) {
|
|
case 'click':
|
|
var clickedOnModal = modal === target;
|
|
var clickedOnModalChild = (0, _handleDom.isDescendant)(modal, target);
|
|
|
|
// Ignore click outside if allowOutsideClick is false
|
|
if (!clickedOnModal && !clickedOnModalChild && modalIsVisible && !params.allowOutsideClick) {
|
|
break;
|
|
}
|
|
|
|
if (targetedConfirm && doneFunctionExists && modalIsVisible) {
|
|
handleConfirm(modal, params);
|
|
} else if (doneFunctionExists && modalIsVisible || targetedOverlay) {
|
|
handleCancel(modal, params);
|
|
} else if ((0, _handleDom.isDescendant)(modal, target) && target.tagName === 'BUTTON') {
|
|
sweetAlert.close();
|
|
}
|
|
break;
|
|
}
|
|
};
|
|
|
|
/*
|
|
* User clicked on "Confirm"/"OK"
|
|
*/
|
|
var handleConfirm = function handleConfirm(modal, params) {
|
|
var callbackValue = true;
|
|
|
|
if ((0, _handleDom.hasClass)(modal, 'show-input')) {
|
|
callbackValue = modal.querySelector('input').value;
|
|
|
|
if (!callbackValue) {
|
|
callbackValue = '';
|
|
}
|
|
}
|
|
|
|
params.doneFunction(callbackValue);
|
|
|
|
if (params.closeOnConfirm) {
|
|
sweetAlert.close();
|
|
}
|
|
// Disable cancel and confirm button if the parameter is true
|
|
if (params.showLoaderOnConfirm) {
|
|
sweetAlert.disableButtons();
|
|
}
|
|
};
|
|
|
|
/*
|
|
* User clicked on "Cancel"
|
|
*/
|
|
var handleCancel = function handleCancel(modal, params) {
|
|
// Check if callback function expects a parameter (to track cancel actions)
|
|
var functionAsStr = String(params.doneFunction).replace(/\s/g, '');
|
|
var functionHandlesCancel = functionAsStr.substring(0, 9) === 'function(' && functionAsStr.substring(9, 10) !== ')';
|
|
|
|
if (functionHandlesCancel) {
|
|
params.doneFunction(false);
|
|
}
|
|
|
|
if (params.closeOnCancel) {
|
|
sweetAlert.close();
|
|
}
|
|
};
|
|
|
|
exports.handleButton = handleButton;
|
|
exports.handleConfirm = handleConfirm;
|
|
exports.handleCancel = handleCancel;
|
|
|
|
},{"./handle-dom":3,"./handle-swal-dom":5}],3:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
var hasClass = function hasClass(elem, className) {
|
|
return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
|
|
};
|
|
|
|
var addClass = function addClass(elem, className) {
|
|
if (!hasClass(elem, className)) {
|
|
elem.className += ' ' + className;
|
|
}
|
|
};
|
|
|
|
var removeClass = function removeClass(elem, className) {
|
|
var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
|
|
if (hasClass(elem, className)) {
|
|
while (newClass.indexOf(' ' + className + ' ') >= 0) {
|
|
newClass = newClass.replace(' ' + className + ' ', ' ');
|
|
}
|
|
elem.className = newClass.replace(/^\s+|\s+$/g, '');
|
|
}
|
|
};
|
|
|
|
var escapeHtml = function escapeHtml(str) {
|
|
var div = document.createElement('div');
|
|
div.appendChild(document.createTextNode(str));
|
|
return div.innerHTML;
|
|
};
|
|
|
|
var _show = function _show(elem) {
|
|
elem.style.opacity = '';
|
|
elem.style.display = 'block';
|
|
};
|
|
|
|
var show = function show(elems) {
|
|
if (elems && !elems.length) {
|
|
return _show(elems);
|
|
}
|
|
for (var i = 0; i < elems.length; ++i) {
|
|
_show(elems[i]);
|
|
}
|
|
};
|
|
|
|
var _hide = function _hide(elem) {
|
|
elem.style.opacity = '';
|
|
elem.style.display = 'none';
|
|
};
|
|
|
|
var hide = function hide(elems) {
|
|
if (elems && !elems.length) {
|
|
return _hide(elems);
|
|
}
|
|
for (var i = 0; i < elems.length; ++i) {
|
|
_hide(elems[i]);
|
|
}
|
|
};
|
|
|
|
var isDescendant = function isDescendant(parent, child) {
|
|
var node = child.parentNode;
|
|
while (node !== null) {
|
|
if (node === parent) {
|
|
return true;
|
|
}
|
|
node = node.parentNode;
|
|
}
|
|
return false;
|
|
};
|
|
|
|
var getTopMargin = function getTopMargin(elem) {
|
|
elem.style.left = '-9999px';
|
|
elem.style.display = 'block';
|
|
|
|
var height = elem.clientHeight,
|
|
padding;
|
|
if (typeof getComputedStyle !== "undefined") {
|
|
// IE 8
|
|
padding = parseInt(getComputedStyle(elem).getPropertyValue('padding-top'), 10);
|
|
} else {
|
|
padding = parseInt(elem.currentStyle.padding);
|
|
}
|
|
|
|
elem.style.left = '';
|
|
elem.style.display = 'none';
|
|
return '-' + parseInt((height + padding) / 2) + 'px';
|
|
};
|
|
|
|
var fadeIn = function fadeIn(elem, interval) {
|
|
if (+elem.style.opacity < 1) {
|
|
interval = interval || 16;
|
|
elem.style.opacity = 0;
|
|
elem.style.display = 'block';
|
|
var last = +new Date();
|
|
var tick = function tick() {
|
|
elem.style.opacity = +elem.style.opacity + (new Date() - last) / 100;
|
|
last = +new Date();
|
|
|
|
if (+elem.style.opacity < 1) {
|
|
setTimeout(tick, interval);
|
|
}
|
|
};
|
|
tick();
|
|
}
|
|
elem.style.display = 'block'; //fallback IE8
|
|
};
|
|
|
|
var fadeOut = function fadeOut(elem, interval) {
|
|
interval = interval || 16;
|
|
elem.style.opacity = 1;
|
|
var last = +new Date();
|
|
var tick = function tick() {
|
|
elem.style.opacity = +elem.style.opacity - (new Date() - last) / 100;
|
|
last = +new Date();
|
|
|
|
if (+elem.style.opacity > 0) {
|
|
setTimeout(tick, interval);
|
|
} else {
|
|
elem.style.display = 'none';
|
|
}
|
|
};
|
|
tick();
|
|
};
|
|
|
|
var fireClick = function fireClick(node) {
|
|
// Taken from http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
|
|
// Then fixed for today's Chrome browser.
|
|
if (typeof MouseEvent === 'function') {
|
|
// Up-to-date approach
|
|
var mevt = new MouseEvent('click', {
|
|
view: window,
|
|
bubbles: false,
|
|
cancelable: true
|
|
});
|
|
node.dispatchEvent(mevt);
|
|
} else if (document.createEvent) {
|
|
// Fallback
|
|
var evt = document.createEvent('MouseEvents');
|
|
evt.initEvent('click', false, false);
|
|
node.dispatchEvent(evt);
|
|
} else if (document.createEventObject) {
|
|
node.fireEvent('onclick');
|
|
} else if (typeof node.onclick === 'function') {
|
|
node.onclick();
|
|
}
|
|
};
|
|
|
|
var stopEventPropagation = function stopEventPropagation(e) {
|
|
// In particular, make sure the space bar doesn't scroll the main window.
|
|
if (typeof e.stopPropagation === 'function') {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
} else if (window.event && window.event.hasOwnProperty('cancelBubble')) {
|
|
window.event.cancelBubble = true;
|
|
}
|
|
};
|
|
|
|
exports.hasClass = hasClass;
|
|
exports.addClass = addClass;
|
|
exports.removeClass = removeClass;
|
|
exports.escapeHtml = escapeHtml;
|
|
exports._show = _show;
|
|
exports.show = show;
|
|
exports._hide = _hide;
|
|
exports.hide = hide;
|
|
exports.isDescendant = isDescendant;
|
|
exports.getTopMargin = getTopMargin;
|
|
exports.fadeIn = fadeIn;
|
|
exports.fadeOut = fadeOut;
|
|
exports.fireClick = fireClick;
|
|
exports.stopEventPropagation = stopEventPropagation;
|
|
|
|
},{}],4:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _handleDom = require('./handle-dom');
|
|
|
|
var _handleSwalDom = require('./handle-swal-dom');
|
|
|
|
var handleKeyDown = function handleKeyDown(event, params, modal) {
|
|
var e = event || window.event;
|
|
var keyCode = e.keyCode || e.which;
|
|
|
|
var $okButton = modal.querySelector('button.confirm');
|
|
var $cancelButton = modal.querySelector('button.cancel');
|
|
var $modalButtons = modal.querySelectorAll('button[tabindex]');
|
|
|
|
if ([9, 13, 32, 27].indexOf(keyCode) === -1) {
|
|
// Don't do work on keys we don't care about.
|
|
return;
|
|
}
|
|
|
|
var $targetElement = e.target || e.srcElement;
|
|
|
|
var btnIndex = -1; // Find the button - note, this is a nodelist, not an array.
|
|
for (var i = 0; i < $modalButtons.length; i++) {
|
|
if ($targetElement === $modalButtons[i]) {
|
|
btnIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (keyCode === 9) {
|
|
// TAB
|
|
if (btnIndex === -1) {
|
|
// No button focused. Jump to the confirm button.
|
|
$targetElement = $okButton;
|
|
} else {
|
|
// Cycle to the next button
|
|
if (btnIndex === $modalButtons.length - 1) {
|
|
$targetElement = $modalButtons[0];
|
|
} else {
|
|
$targetElement = $modalButtons[btnIndex + 1];
|
|
}
|
|
}
|
|
|
|
(0, _handleDom.stopEventPropagation)(e);
|
|
$targetElement.focus();
|
|
|
|
if (params.confirmButtonColor) {
|
|
(0, _handleSwalDom.setFocusStyle)($targetElement, params.confirmButtonColor);
|
|
}
|
|
} else {
|
|
if (keyCode === 13) {
|
|
if ($targetElement.tagName === 'INPUT') {
|
|
$targetElement = $okButton;
|
|
$okButton.focus();
|
|
}
|
|
|
|
if (btnIndex === -1) {
|
|
// ENTER/SPACE clicked outside of a button.
|
|
$targetElement = $okButton;
|
|
} else {
|
|
// Do nothing - let the browser handle it.
|
|
$targetElement = undefined;
|
|
}
|
|
} else if (keyCode === 27 && params.allowEscapeKey === true) {
|
|
$targetElement = $cancelButton;
|
|
(0, _handleDom.fireClick)($targetElement, e);
|
|
} else {
|
|
// Fallback - let the browser handle it.
|
|
$targetElement = undefined;
|
|
}
|
|
}
|
|
};
|
|
|
|
exports.default = handleKeyDown;
|
|
|
|
},{"./handle-dom":3,"./handle-swal-dom":5}],5:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.fixVerticalPosition = exports.resetInputError = exports.resetInput = exports.openModal = exports.getInput = exports.getOverlay = exports.getModal = exports.sweetAlertInitialize = undefined;
|
|
|
|
var _handleDom = require('./handle-dom');
|
|
|
|
var _defaultParams = require('./default-params');
|
|
|
|
var _defaultParams2 = _interopRequireDefault(_defaultParams);
|
|
|
|
var _injectedHtml = require('./injected-html');
|
|
|
|
var _injectedHtml2 = _interopRequireDefault(_injectedHtml);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
var modalClass = '.sweet-alert';
|
|
var overlayClass = '.sweet-overlay';
|
|
|
|
/*
|
|
* Add modal + overlay to DOM
|
|
*/
|
|
|
|
|
|
var sweetAlertInitialize = function sweetAlertInitialize() {
|
|
var sweetWrap = document.createElement('div');
|
|
sweetWrap.innerHTML = _injectedHtml2.default;
|
|
|
|
// Append elements to body
|
|
while (sweetWrap.firstChild) {
|
|
document.body.appendChild(sweetWrap.firstChild);
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Get DOM element of modal
|
|
*/
|
|
var getModal = function getModal() {
|
|
var $modal = document.querySelector(modalClass);
|
|
|
|
if (!$modal) {
|
|
sweetAlertInitialize();
|
|
$modal = getModal();
|
|
}
|
|
|
|
return $modal;
|
|
};
|
|
|
|
/*
|
|
* Get DOM element of input (in modal)
|
|
*/
|
|
var getInput = function getInput() {
|
|
var $modal = getModal();
|
|
if ($modal) {
|
|
return $modal.querySelector('input');
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Get DOM element of overlay
|
|
*/
|
|
var getOverlay = function getOverlay() {
|
|
return document.querySelector(overlayClass);
|
|
};
|
|
|
|
/*
|
|
* Animation when opening modal
|
|
*/
|
|
var openModal = function openModal(callback) {
|
|
var $modal = getModal();
|
|
(0, _handleDom.fadeIn)(getOverlay(), 10);
|
|
(0, _handleDom.show)($modal);
|
|
(0, _handleDom.addClass)($modal, 'showSweetAlert');
|
|
(0, _handleDom.removeClass)($modal, 'hideSweetAlert');
|
|
|
|
window.previousActiveElement = document.activeElement;
|
|
var $okButton = $modal.querySelector('button.confirm');
|
|
$okButton.focus();
|
|
|
|
setTimeout(function () {
|
|
(0, _handleDom.addClass)($modal, 'visible');
|
|
}, 500);
|
|
|
|
var timer = $modal.getAttribute('data-timer');
|
|
|
|
if (timer !== 'null' && timer !== '') {
|
|
var timerCallback = callback;
|
|
$modal.timeout = setTimeout(function () {
|
|
var doneFunctionExists = (timerCallback || null) && $modal.getAttribute('data-has-done-function') === 'true';
|
|
if (doneFunctionExists) {
|
|
timerCallback(null);
|
|
} else {
|
|
sweetAlert.close();
|
|
}
|
|
}, timer);
|
|
}
|
|
};
|
|
|
|
/*
|
|
* Reset the styling of the input
|
|
* (for example if errors have been shown)
|
|
*/
|
|
var resetInput = function resetInput() {
|
|
var $modal = getModal();
|
|
var $input = getInput();
|
|
|
|
(0, _handleDom.removeClass)($modal, 'show-input');
|
|
$input.value = _defaultParams2.default.inputValue;
|
|
$input.setAttribute('type', _defaultParams2.default.inputType);
|
|
$input.setAttribute('placeholder', _defaultParams2.default.inputPlaceholder);
|
|
|
|
resetInputError();
|
|
};
|
|
|
|
var resetInputError = function resetInputError(event) {
|
|
// If press enter => ignore
|
|
if (event && event.keyCode === 13) {
|
|
return false;
|
|
}
|
|
|
|
var $modal = getModal();
|
|
|
|
var $errorIcon = $modal.querySelector('.sa-input-error');
|
|
(0, _handleDom.removeClass)($errorIcon, 'show');
|
|
|
|
var $errorContainer = $modal.querySelector('.form-group');
|
|
(0, _handleDom.removeClass)($errorContainer, 'has-error');
|
|
};
|
|
|
|
/*
|
|
* Set "margin-top"-property on modal based on its computed height
|
|
*/
|
|
var fixVerticalPosition = function fixVerticalPosition() {
|
|
var $modal = getModal();
|
|
$modal.style.marginTop = (0, _handleDom.getTopMargin)(getModal());
|
|
};
|
|
|
|
exports.sweetAlertInitialize = sweetAlertInitialize;
|
|
exports.getModal = getModal;
|
|
exports.getOverlay = getOverlay;
|
|
exports.getInput = getInput;
|
|
exports.openModal = openModal;
|
|
exports.resetInput = resetInput;
|
|
exports.resetInputError = resetInputError;
|
|
exports.fixVerticalPosition = fixVerticalPosition;
|
|
|
|
},{"./default-params":1,"./handle-dom":3,"./injected-html":6}],6:[function(require,module,exports){
|
|
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
var injectedHTML =
|
|
|
|
// Dark overlay
|
|
"<div class=\"sweet-overlay\" tabIndex=\"-1\"></div>" +
|
|
|
|
// Modal
|
|
"<div class=\"sweet-alert\" tabIndex=\"-1\">" +
|
|
|
|
// Error icon
|
|
"<div class=\"sa-icon sa-error\">\n <span class=\"sa-x-mark\">\n <span class=\"sa-line sa-left\"></span>\n <span class=\"sa-line sa-right\"></span>\n </span>\n </div>" +
|
|
|
|
// Warning icon
|
|
"<div class=\"sa-icon sa-warning\">\n <span class=\"sa-body\"></span>\n <span class=\"sa-dot\"></span>\n </div>" +
|
|
|
|
// Info icon
|
|
"<div class=\"sa-icon sa-info\"></div>" +
|
|
|
|
// Success icon
|
|
"<div class=\"sa-icon sa-success\">\n <span class=\"sa-line sa-tip\"></span>\n <span class=\"sa-line sa-long\"></span>\n\n <div class=\"sa-placeholder\"></div>\n <div class=\"sa-fix\"></div>\n </div>" + "<div class=\"sa-icon sa-custom\"></div>" +
|
|
|
|
// Title, text and input
|
|
"<h2>Title</h2>\n <p class=\"lead text-muted\">Text</p>\n <div class=\"form-group\">\n <input type=\"text\" class=\"form-control\" tabIndex=\"3\" />\n <span class=\"sa-input-error help-block\">\n <span class=\"glyphicon glyphicon-exclamation-sign\"></span> <span class=\"sa-help-text\">Not valid</span>\n </span>\n </div>" +
|
|
|
|
// Cancel and confirm buttons
|
|
"<div class=\"sa-button-container\">\n <button class=\"cancel btn btn-lg\" tabIndex=\"2\">Cancel</button>\n <div class=\"sa-confirm-button-container\">\n <button class=\"confirm btn btn-lg\" tabIndex=\"1\">OK</button>" +
|
|
|
|
// Loading animation
|
|
"<div class=\"la-ball-fall\">\n <div></div>\n <div></div>\n <div></div>\n </div>\n </div>\n </div>" +
|
|
|
|
// End of modal
|
|
"</div>";
|
|
|
|
exports.default = injectedHTML;
|
|
|
|
},{}],7:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
|
|
|
|
var _utils = require('./utils');
|
|
|
|
var _handleSwalDom = require('./handle-swal-dom');
|
|
|
|
var _handleDom = require('./handle-dom');
|
|
|
|
var alertTypes = ['error', 'warning', 'info', 'success', 'input', 'prompt'];
|
|
|
|
/*
|
|
* Set type, text and actions on modal
|
|
*/
|
|
var setParameters = function setParameters(params) {
|
|
var modal = (0, _handleSwalDom.getModal)();
|
|
|
|
var $title = modal.querySelector('h2');
|
|
var $text = modal.querySelector('p');
|
|
var $cancelBtn = modal.querySelector('button.cancel');
|
|
var $confirmBtn = modal.querySelector('button.confirm');
|
|
|
|
/*
|
|
* Title
|
|
*/
|
|
$title.innerHTML = params.html ? params.title : (0, _handleDom.escapeHtml)(params.title).split('\n').join('<br>');
|
|
|
|
/*
|
|
* Text
|
|
*/
|
|
$text.innerHTML = params.html ? params.text : (0, _handleDom.escapeHtml)(params.text || '').split('\n').join('<br>');
|
|
if (params.text) (0, _handleDom.show)($text);
|
|
|
|
/*
|
|
* Custom class
|
|
*/
|
|
if (params.customClass) {
|
|
(0, _handleDom.addClass)(modal, params.customClass);
|
|
modal.setAttribute('data-custom-class', params.customClass);
|
|
} else {
|
|
// Find previously set classes and remove them
|
|
var customClass = modal.getAttribute('data-custom-class');
|
|
(0, _handleDom.removeClass)(modal, customClass);
|
|
modal.setAttribute('data-custom-class', '');
|
|
}
|
|
|
|
/*
|
|
* Icon
|
|
*/
|
|
(0, _handleDom.hide)(modal.querySelectorAll('.sa-icon'));
|
|
|
|
if (params.type && !(0, _utils.isIE8)()) {
|
|
var _ret = function () {
|
|
|
|
var validType = false;
|
|
|
|
for (var i = 0; i < alertTypes.length; i++) {
|
|
if (params.type === alertTypes[i]) {
|
|
validType = true;
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (!validType) {
|
|
logStr('Unknown alert type: ' + params.type);
|
|
return {
|
|
v: false
|
|
};
|
|
}
|
|
|
|
var typesWithIcons = ['success', 'error', 'warning', 'info'];
|
|
var $icon = void 0;
|
|
|
|
if (typesWithIcons.indexOf(params.type) !== -1) {
|
|
$icon = modal.querySelector('.sa-icon.' + 'sa-' + params.type);
|
|
(0, _handleDom.show)($icon);
|
|
}
|
|
|
|
var $input = (0, _handleSwalDom.getInput)();
|
|
|
|
// Animate icon
|
|
switch (params.type) {
|
|
|
|
case 'success':
|
|
(0, _handleDom.addClass)($icon, 'animate');
|
|
(0, _handleDom.addClass)($icon.querySelector('.sa-tip'), 'animateSuccessTip');
|
|
(0, _handleDom.addClass)($icon.querySelector('.sa-long'), 'animateSuccessLong');
|
|
break;
|
|
|
|
case 'error':
|
|
(0, _handleDom.addClass)($icon, 'animateErrorIcon');
|
|
(0, _handleDom.addClass)($icon.querySelector('.sa-x-mark'), 'animateXMark');
|
|
break;
|
|
|
|
case 'warning':
|
|
(0, _handleDom.addClass)($icon, 'pulseWarning');
|
|
(0, _handleDom.addClass)($icon.querySelector('.sa-body'), 'pulseWarningIns');
|
|
(0, _handleDom.addClass)($icon.querySelector('.sa-dot'), 'pulseWarningIns');
|
|
break;
|
|
|
|
case 'input':
|
|
case 'prompt':
|
|
$input.setAttribute('type', params.inputType);
|
|
$input.value = params.inputValue;
|
|
$input.setAttribute('placeholder', params.inputPlaceholder);
|
|
(0, _handleDom.addClass)(modal, 'show-input');
|
|
setTimeout(function () {
|
|
$input.focus();
|
|
$input.addEventListener('keyup', swal.resetInputError);
|
|
}, 400);
|
|
break;
|
|
}
|
|
}();
|
|
|
|
if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
|
|
}
|
|
|
|
/*
|
|
* Custom image
|
|
*/
|
|
if (params.imageUrl) {
|
|
var $customIcon = modal.querySelector('.sa-icon.sa-custom');
|
|
|
|
$customIcon.style.backgroundImage = 'url(' + params.imageUrl + ')';
|
|
(0, _handleDom.show)($customIcon);
|
|
|
|
var _imgWidth = 80;
|
|
var _imgHeight = 80;
|
|
|
|
if (params.imageSize) {
|
|
var dimensions = params.imageSize.toString().split('x');
|
|
var imgWidth = dimensions[0];
|
|
var imgHeight = dimensions[1];
|
|
|
|
if (!imgWidth || !imgHeight) {
|
|
logStr('Parameter imageSize expects value with format WIDTHxHEIGHT, got ' + params.imageSize);
|
|
} else {
|
|
_imgWidth = imgWidth;
|
|
_imgHeight = imgHeight;
|
|
}
|
|
}
|
|
|
|
$customIcon.setAttribute('style', $customIcon.getAttribute('style') + 'width:' + _imgWidth + 'px; height:' + _imgHeight + 'px');
|
|
}
|
|
|
|
/*
|
|
* Show cancel button?
|
|
*/
|
|
modal.setAttribute('data-has-cancel-button', params.showCancelButton);
|
|
if (params.showCancelButton) {
|
|
$cancelBtn.style.display = 'inline-block';
|
|
} else {
|
|
(0, _handleDom.hide)($cancelBtn);
|
|
}
|
|
|
|
/*
|
|
* Show confirm button?
|
|
*/
|
|
modal.setAttribute('data-has-confirm-button', params.showConfirmButton);
|
|
if (params.showConfirmButton) {
|
|
$confirmBtn.style.display = 'inline-block';
|
|
} else {
|
|
(0, _handleDom.hide)($confirmBtn);
|
|
}
|
|
|
|
/*
|
|
* Custom text on cancel/confirm buttons
|
|
*/
|
|
if (params.cancelButtonText) {
|
|
$cancelBtn.innerHTML = (0, _handleDom.escapeHtml)(params.cancelButtonText);
|
|
}
|
|
if (params.confirmButtonText) {
|
|
$confirmBtn.innerHTML = (0, _handleDom.escapeHtml)(params.confirmButtonText);
|
|
}
|
|
|
|
/*
|
|
* Reset confirm buttons to default class (Ugly fix)
|
|
*/
|
|
$confirmBtn.className = 'confirm btn btn-lg';
|
|
|
|
/*
|
|
* Attach selected class to the sweet alert modal
|
|
*/
|
|
(0, _handleDom.addClass)(modal, params.containerClass);
|
|
|
|
/*
|
|
* Set confirm button to selected class
|
|
*/
|
|
(0, _handleDom.addClass)($confirmBtn, params.confirmButtonClass);
|
|
|
|
/*
|
|
* Set cancel button to selected class
|
|
*/
|
|
(0, _handleDom.addClass)($cancelBtn, params.cancelButtonClass);
|
|
|
|
/*
|
|
* Set title to selected class
|
|
*/
|
|
(0, _handleDom.addClass)($title, params.titleClass);
|
|
|
|
/*
|
|
* Set text to selected class
|
|
*/
|
|
(0, _handleDom.addClass)($text, params.textClass);
|
|
|
|
/*
|
|
* Allow outside click
|
|
*/
|
|
modal.setAttribute('data-allow-outside-click', params.allowOutsideClick);
|
|
|
|
/*
|
|
* Callback function
|
|
*/
|
|
var hasDoneFunction = params.doneFunction ? true : false;
|
|
modal.setAttribute('data-has-done-function', hasDoneFunction);
|
|
|
|
/*
|
|
* Animation
|
|
*/
|
|
if (!params.animation) {
|
|
modal.setAttribute('data-animation', 'none');
|
|
} else if (typeof params.animation === 'string') {
|
|
modal.setAttribute('data-animation', params.animation); // Custom animation
|
|
} else {
|
|
modal.setAttribute('data-animation', 'pop');
|
|
}
|
|
|
|
/*
|
|
* Timer
|
|
*/
|
|
modal.setAttribute('data-timer', params.timer);
|
|
};
|
|
|
|
exports.default = setParameters;
|
|
|
|
},{"./handle-dom":3,"./handle-swal-dom":5,"./utils":8}],8:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
/*
|
|
* Allow user to pass their own params
|
|
*/
|
|
var extend = function extend(a, b) {
|
|
for (var key in b) {
|
|
if (b.hasOwnProperty(key)) {
|
|
a[key] = b[key];
|
|
}
|
|
}
|
|
return a;
|
|
};
|
|
|
|
/*
|
|
* Check if the user is using Internet Explorer 8 (for fallbacks)
|
|
*/
|
|
var isIE8 = function isIE8() {
|
|
return window.attachEvent && !window.addEventListener;
|
|
};
|
|
|
|
/*
|
|
* IE compatible logging for developers
|
|
*/
|
|
var logStr = function logStr(string) {
|
|
if (window.console) {
|
|
// IE...
|
|
window.console.log('SweetAlert: ' + string);
|
|
}
|
|
};
|
|
|
|
exports.extend = extend;
|
|
exports.isIE8 = isIE8;
|
|
exports.logStr = logStr;
|
|
|
|
},{}],9:[function(require,module,exports){
|
|
'use strict';
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; // SweetAlert
|
|
// 2014-2015 (c) - Tristan Edwards
|
|
// github.com/t4t5/sweetalert
|
|
|
|
/*
|
|
* jQuery-like functions for manipulating the DOM
|
|
*/
|
|
|
|
|
|
/*
|
|
* Handy utilities
|
|
*/
|
|
|
|
|
|
/*
|
|
* Handle sweetAlert's DOM elements
|
|
*/
|
|
|
|
|
|
// Handle button events and keyboard events
|
|
|
|
|
|
// Default values
|
|
|
|
|
|
var _handleDom = require('./modules/handle-dom');
|
|
|
|
var _utils = require('./modules/utils');
|
|
|
|
var _handleSwalDom = require('./modules/handle-swal-dom');
|
|
|
|
var _handleClick = require('./modules/handle-click');
|
|
|
|
var _handleKey = require('./modules/handle-key');
|
|
|
|
var _handleKey2 = _interopRequireDefault(_handleKey);
|
|
|
|
var _defaultParams = require('./modules/default-params');
|
|
|
|
var _defaultParams2 = _interopRequireDefault(_defaultParams);
|
|
|
|
var _setParams = require('./modules/set-params');
|
|
|
|
var _setParams2 = _interopRequireDefault(_setParams);
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
/*
|
|
* Remember state in cases where opening and handling a modal will fiddle with it.
|
|
* (We also use window.previousActiveElement as a global variable)
|
|
*/
|
|
var previousWindowKeyDown;
|
|
var lastFocusedButton;
|
|
|
|
/*
|
|
* Global sweetAlert function
|
|
* (this is what the user calls)
|
|
*/
|
|
var sweetAlert, _swal;
|
|
|
|
exports.default = sweetAlert = _swal = function swal() {
|
|
var customizations = arguments[0];
|
|
|
|
(0, _handleDom.addClass)(document.body, 'stop-scrolling');
|
|
(0, _handleSwalDom.resetInput)();
|
|
|
|
/*
|
|
* Use argument if defined or default value from params object otherwise.
|
|
* Supports the case where a default value is boolean true and should be
|
|
* overridden by a corresponding explicit argument which is boolean false.
|
|
*/
|
|
function argumentOrDefault(key) {
|
|
var args = customizations;
|
|
return args[key] === undefined ? _defaultParams2.default[key] : args[key];
|
|
}
|
|
|
|
if (customizations === undefined) {
|
|
(0, _utils.logStr)('SweetAlert expects at least 1 attribute!');
|
|
return false;
|
|
}
|
|
|
|
var params = (0, _utils.extend)({}, _defaultParams2.default);
|
|
|
|
switch (typeof customizations === 'undefined' ? 'undefined' : _typeof(customizations)) {
|
|
|
|
// Ex: swal("Hello", "Just testing", "info");
|
|
case 'string':
|
|
params.title = customizations;
|
|
params.text = arguments[1] || '';
|
|
params.type = arguments[2] || '';
|
|
break;
|
|
|
|
// Ex: swal({ title:"Hello", text: "Just testing", type: "info" });
|
|
case 'object':
|
|
if (customizations.title === undefined) {
|
|
(0, _utils.logStr)('Missing "title" argument!');
|
|
return false;
|
|
}
|
|
|
|
params.title = customizations.title;
|
|
|
|
for (var customName in _defaultParams2.default) {
|
|
params[customName] = argumentOrDefault(customName);
|
|
}
|
|
|
|
// Show "Confirm" instead of "OK" if cancel button is visible
|
|
params.confirmButtonText = params.showCancelButton ? 'Confirm' : _defaultParams2.default.confirmButtonText;
|
|
params.confirmButtonText = argumentOrDefault('confirmButtonText');
|
|
|
|
// Callback function when clicking on "OK"/"Cancel"
|
|
params.doneFunction = arguments[1] || null;
|
|
|
|
break;
|
|
|
|
default:
|
|
(0, _utils.logStr)('Unexpected type of argument! Expected "string" or "object", got ' + (typeof customizations === 'undefined' ? 'undefined' : _typeof(customizations)));
|
|
return false;
|
|
|
|
}
|
|
|
|
(0, _setParams2.default)(params);
|
|
(0, _handleSwalDom.fixVerticalPosition)();
|
|
(0, _handleSwalDom.openModal)(arguments[1]);
|
|
|
|
// Modal interactions
|
|
var modal = (0, _handleSwalDom.getModal)();
|
|
|
|
/*
|
|
* Make sure all modal buttons respond to all events
|
|
*/
|
|
var $buttons = modal.querySelectorAll('button');
|
|
var buttonEvents = ['onclick'];
|
|
var onButtonEvent = function onButtonEvent(e) {
|
|
return (0, _handleClick.handleButton)(e, params, modal);
|
|
};
|
|
|
|
for (var btnIndex = 0; btnIndex < $buttons.length; btnIndex++) {
|
|
for (var evtIndex = 0; evtIndex < buttonEvents.length; evtIndex++) {
|
|
var btnEvt = buttonEvents[evtIndex];
|
|
$buttons[btnIndex][btnEvt] = onButtonEvent;
|
|
}
|
|
}
|
|
|
|
// Clicking outside the modal dismisses it (if allowed by user)
|
|
(0, _handleSwalDom.getOverlay)().onclick = onButtonEvent;
|
|
|
|
previousWindowKeyDown = window.onkeydown;
|
|
|
|
var onKeyEvent = function onKeyEvent(e) {
|
|
return (0, _handleKey2.default)(e, params, modal);
|
|
};
|
|
window.onkeydown = onKeyEvent;
|
|
|
|
window.onfocus = function () {
|
|
// When the user has focused away and focused back from the whole window.
|
|
setTimeout(function () {
|
|
// Put in a timeout to jump out of the event sequence.
|
|
// Calling focus() in the event sequence confuses things.
|
|
if (lastFocusedButton !== undefined) {
|
|
lastFocusedButton.focus();
|
|
lastFocusedButton = undefined;
|
|
}
|
|
}, 0);
|
|
};
|
|
|
|
// Show alert with enabled buttons always
|
|
_swal.enableButtons();
|
|
};
|
|
|
|
/*
|
|
* Set default params for each popup
|
|
* @param {Object} userParams
|
|
*/
|
|
|
|
|
|
sweetAlert.setDefaults = _swal.setDefaults = function (userParams) {
|
|
if (!userParams) {
|
|
throw new Error('userParams is required');
|
|
}
|
|
if ((typeof userParams === 'undefined' ? 'undefined' : _typeof(userParams)) !== 'object') {
|
|
throw new Error('userParams has to be a object');
|
|
}
|
|
|
|
(0, _utils.extend)(_defaultParams2.default, userParams);
|
|
};
|
|
|
|
/*
|
|
* Animation when closing modal
|
|
*/
|
|
sweetAlert.close = _swal.close = function () {
|
|
var modal = (0, _handleSwalDom.getModal)();
|
|
|
|
(0, _handleDom.fadeOut)((0, _handleSwalDom.getOverlay)(), 5);
|
|
(0, _handleDom.fadeOut)(modal, 5);
|
|
(0, _handleDom.removeClass)(modal, 'showSweetAlert');
|
|
(0, _handleDom.addClass)(modal, 'hideSweetAlert');
|
|
(0, _handleDom.removeClass)(modal, 'visible');
|
|
|
|
/*
|
|
* Reset icon animations
|
|
*/
|
|
var $successIcon = modal.querySelector('.sa-icon.sa-success');
|
|
(0, _handleDom.removeClass)($successIcon, 'animate');
|
|
(0, _handleDom.removeClass)($successIcon.querySelector('.sa-tip'), 'animateSuccessTip');
|
|
(0, _handleDom.removeClass)($successIcon.querySelector('.sa-long'), 'animateSuccessLong');
|
|
|
|
var $errorIcon = modal.querySelector('.sa-icon.sa-error');
|
|
(0, _handleDom.removeClass)($errorIcon, 'animateErrorIcon');
|
|
(0, _handleDom.removeClass)($errorIcon.querySelector('.sa-x-mark'), 'animateXMark');
|
|
|
|
var $warningIcon = modal.querySelector('.sa-icon.sa-warning');
|
|
(0, _handleDom.removeClass)($warningIcon, 'pulseWarning');
|
|
(0, _handleDom.removeClass)($warningIcon.querySelector('.sa-body'), 'pulseWarningIns');
|
|
(0, _handleDom.removeClass)($warningIcon.querySelector('.sa-dot'), 'pulseWarningIns');
|
|
|
|
// Reset custom class (delay so that UI changes aren't visible)
|
|
setTimeout(function () {
|
|
var customClass = modal.getAttribute('data-custom-class');
|
|
(0, _handleDom.removeClass)(modal, customClass);
|
|
}, 300);
|
|
|
|
// Make page scrollable again
|
|
(0, _handleDom.removeClass)(document.body, 'stop-scrolling');
|
|
|
|
// Reset the page to its previous state
|
|
window.onkeydown = previousWindowKeyDown;
|
|
if (window.previousActiveElement) {
|
|
window.previousActiveElement.focus();
|
|
}
|
|
lastFocusedButton = undefined;
|
|
clearTimeout(modal.timeout);
|
|
|
|
return true;
|
|
};
|
|
|
|
/*
|
|
* Validation of the input field is done by user
|
|
* If something is wrong => call showInputError with errorMessage
|
|
*/
|
|
sweetAlert.showInputError = _swal.showInputError = function (errorMessage) {
|
|
var modal = (0, _handleSwalDom.getModal)();
|
|
|
|
var $errorIcon = modal.querySelector('.sa-input-error');
|
|
(0, _handleDom.addClass)($errorIcon, 'show');
|
|
|
|
var $errorContainer = modal.querySelector('.form-group');
|
|
(0, _handleDom.addClass)($errorContainer, 'has-error');
|
|
|
|
$errorContainer.querySelector('.sa-help-text').innerHTML = errorMessage;
|
|
|
|
setTimeout(function () {
|
|
sweetAlert.enableButtons();
|
|
}, 1);
|
|
|
|
modal.querySelector('input').focus();
|
|
};
|
|
|
|
/*
|
|
* Reset input error DOM elements
|
|
*/
|
|
sweetAlert.resetInputError = _swal.resetInputError = function (event) {
|
|
// If press enter => ignore
|
|
if (event && event.keyCode === 13) {
|
|
return false;
|
|
}
|
|
|
|
var $modal = (0, _handleSwalDom.getModal)();
|
|
|
|
var $errorIcon = $modal.querySelector('.sa-input-error');
|
|
(0, _handleDom.removeClass)($errorIcon, 'show');
|
|
|
|
var $errorContainer = $modal.querySelector('.form-group');
|
|
(0, _handleDom.removeClass)($errorContainer, 'has-error');
|
|
};
|
|
|
|
/*
|
|
* Disable confirm and cancel buttons
|
|
*/
|
|
sweetAlert.disableButtons = _swal.disableButtons = function (event) {
|
|
var modal = (0, _handleSwalDom.getModal)();
|
|
var $confirmButton = modal.querySelector('button.confirm');
|
|
var $cancelButton = modal.querySelector('button.cancel');
|
|
$confirmButton.disabled = true;
|
|
$cancelButton.disabled = true;
|
|
};
|
|
|
|
/*
|
|
* Enable confirm and cancel buttons
|
|
*/
|
|
sweetAlert.enableButtons = _swal.enableButtons = function (event) {
|
|
var modal = (0, _handleSwalDom.getModal)();
|
|
var $confirmButton = modal.querySelector('button.confirm');
|
|
var $cancelButton = modal.querySelector('button.cancel');
|
|
$confirmButton.disabled = false;
|
|
$cancelButton.disabled = false;
|
|
};
|
|
|
|
if (typeof window !== 'undefined') {
|
|
// The 'handle-click' module requires
|
|
// that 'sweetAlert' was set as global.
|
|
window.sweetAlert = window.swal = sweetAlert;
|
|
} else {
|
|
(0, _utils.logStr)('SweetAlert is a frontend module!');
|
|
}
|
|
|
|
},{"./modules/default-params":1,"./modules/handle-click":2,"./modules/handle-dom":3,"./modules/handle-key":4,"./modules/handle-swal-dom":5,"./modules/set-params":7,"./modules/utils":8}]},{},[9]);
|
|
|
|
/*
|
|
* Use SweetAlert with RequireJS
|
|
*/
|
|
|
|
if (typeof define === 'function' && define.amd) {
|
|
define(function () {
|
|
return sweetAlert;
|
|
});
|
|
} else if (typeof module !== 'undefined' && module.exports) {
|
|
module.exports = sweetAlert;
|
|
}
|
|
|
|
})(window, document); |