var TimeToFade = 1000.0; function animateFade(lastTick, eid) { var curTick = new Date().getTime(); var elapsedTicks = curTick - lastTick; var element = document.getElementById(eid); if(element.FadeTimeLeft <= elapsedTicks) { element.style.opacity = element.FadeState == 1 ? '1' : '0'; element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')'; element.FadeState = element.FadeState == 1 ? 2 : -2; element.style.display = "none"; return; } element.FadeTimeLeft -= elapsedTicks; var newOpVal = element.FadeTimeLeft/TimeToFade; if(element.FadeState == 1) { newOpVal = 1 - newOpVal; } element.style.opacity = newOpVal; element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')'; setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33); } function fade(eid) { var element = document.getElementById(eid); if(element == null) return; if(element.FadeState == null) { if(element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1') { element.FadeState = 2; } else { element.FadeState = -2; } } if(element.FadeState == 1 || element.FadeState == -1) { element.FadeState = element.FadeState == 1 ? -1 : 1; element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft; } else { element.FadeState = element.FadeState == 2 ? -1 : 1; element.FadeTimeLeft = TimeToFade; setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33); } } (function(){"use strict";function t(t){return"function"==typeof t||"object"==typeof t&&null!==t}function e(t){return"function"==typeof t}function n(t){G=t}function r(t){Q=t}function o(){return function(){process.nextTick(a)}}function i(){return function(){B(a)}}function s(){var t=0,e=new X(a),n=document.createTextNode("");return e.observe(n,{characterData:!0}),function(){n.data=t=++t%2}}function u(){var t=new MessageChannel;return t.port1.onmessage=a,function(){t.port2.postMessage(0)}}function c(){return function(){setTimeout(a,1)}}function a(){for(var t=0;J>t;t+=2){var e=tt[t],n=tt[t+1];e(n),tt[t]=void 0,tt[t+1]=void 0}J=0}function f(){try{var t=require,e=t("vertx");return B=e.runOnLoop||e.runOnContext,i()}catch(n){return c()}}function l(t,e){var n=this,r=new this.constructor(p);void 0===r[rt]&&k(r);var o=n._state;if(o){var i=arguments[o-1];Q(function(){x(o,r,i,n._result)})}else E(n,r,t,e);return r}function h(t){var e=this;if(t&&"object"==typeof t&&t.constructor===e)return t;var n=new e(p);return g(n,t),n}function p(){}function _(){return new TypeError("You cannot resolve a promise with itself")}function d(){return new TypeError("A promises callback cannot return that same promise.")}function v(t){try{return t.then}catch(e){return ut.error=e,ut}}function y(t,e,n,r){try{t.call(e,n,r)}catch(o){return o}}function m(t,e,n){Q(function(t){var r=!1,o=y(n,e,function(n){r||(r=!0,e!==n?g(t,n):S(t,n))},function(e){r||(r=!0,j(t,e))},"Settle: "+(t._label||" unknown promise"));!r&&o&&(r=!0,j(t,o))},t)}function b(t,e){e._state===it?S(t,e._result):e._state===st?j(t,e._result):E(e,void 0,function(e){g(t,e)},function(e){j(t,e)})}function w(t,n,r){n.constructor===t.constructor&&r===et&&constructor.resolve===nt?b(t,n):r===ut?j(t,ut.error):void 0===r?S(t,n):e(r)?m(t,n,r):S(t,n)}function g(e,n){e===n?j(e,_()):t(n)?w(e,n,v(n)):S(e,n)}function A(t){t._onerror&&t._onerror(t._result),T(t)}function S(t,e){t._state===ot&&(t._result=e,t._state=it,0!==t._subscribers.length&&Q(T,t))}function j(t,e){t._state===ot&&(t._state=st,t._result=e,Q(A,t))}function E(t,e,n,r){var o=t._subscribers,i=o.length;t._onerror=null,o[i]=e,o[i+it]=n,o[i+st]=r,0===i&&t._state&&Q(T,t)}function T(t){var e=t._subscribers,n=t._state;if(0!==e.length){for(var r,o,i=t._result,s=0;si;i++)e.resolve(t[i]).then(n,r)}:function(t,e){e(new TypeError("You must pass an array to race."))})}function F(t){var e=this,n=new e(p);return j(n,t),n}function D(){throw new TypeError("You must pass a resolver function as the first argument to the promise constructor")}function K(){throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.")}function L(t){this[rt]=O(),this._result=this._state=void 0,this._subscribers=[],p!==t&&("function"!=typeof t&&D(),this instanceof L?C(this,t):K())}function N(t,e){this._instanceConstructor=t,this.promise=new t(p),this.promise[rt]||k(this.promise),Array.isArray(e)?(this._input=e,this.length=e.length,this._remaining=e.length,this._result=new Array(this.length),0===this.length?S(this.promise,this._result):(this.length=this.length||0,this._enumerate(),0===this._remaining&&S(this.promise,this._result))):j(this.promise,U())}function U(){return new Error("Array Methods must be provided an Array")}function W(){var t;if("undefined"!=typeof global)t=global;else if("undefined"!=typeof self)t=self;else try{t=Function("return this")()}catch(e){throw new Error("polyfill failed because global object is unavailable in this environment")}var n=t.Promise;(!n||"[object Promise]"!==Object.prototype.toString.call(n.resolve())||n.cast)&&(t.Promise=pt)}var z;z=Array.isArray?Array.isArray:function(t){return"[object Array]"===Object.prototype.toString.call(t)};var B,G,H,I=z,J=0,Q=function(t,e){tt[J]=t,tt[J+1]=e,J+=2,2===J&&(G?G(a):H())},R="undefined"!=typeof window?window:void 0,V=R||{},X=V.MutationObserver||V.WebKitMutationObserver,Z="undefined"==typeof self&&"undefined"!=typeof process&&"[object process]"==={}.toString.call(process),$="undefined"!=typeof Uint8ClampedArray&&"undefined"!=typeof importScripts&&"undefined"!=typeof MessageChannel,tt=new Array(1e3);H=Z?o():X?s():$?u():void 0===R&&"function"==typeof require?f():c();var et=l,nt=h,rt=Math.random().toString(36).substring(16),ot=void 0,it=1,st=2,ut=new M,ct=new M,at=0,ft=Y,lt=q,ht=F,pt=L;L.all=ft,L.race=lt,L.resolve=nt,L.reject=ht,L._setScheduler=n,L._setAsap=r,L._asap=Q,L.prototype={constructor:L,then:et,"catch":function(t){return this.then(null,t)}};var _t=N;N.prototype._enumerate=function(){for(var t=this.length,e=this._input,n=0;this._state===ot&&t>n;n++)this._eachEntry(e[n],n)},N.prototype._eachEntry=function(t,e){var n=this._instanceConstructor,r=n.resolve;if(r===nt){var o=v(t);if(o===et&&t._state!==ot)this._settledAt(t._state,e,t._result);else if("function"!=typeof o)this._remaining--,this._result[e]=t;else if(n===pt){var i=new n(p);w(i,t,o),this._willSettleAt(i,e)}else this._willSettleAt(new n(function(e){e(t)}),e)}else this._willSettleAt(r(t),e)},N.prototype._settledAt=function(t,e,n){var r=this.promise;r._state===ot&&(this._remaining--,t===st?j(r,n):this._result[e]=n),0===this._remaining&&S(r,this._result)},N.prototype._willSettleAt=function(t,e){var n=this;E(t,void 0,function(t){n._settledAt(it,e,t)},function(t){n._settledAt(st,e,t)})};var dt=W,vt={Promise:pt,polyfill:dt};"function"==typeof define&&define.amd?define(function(){return vt}):"undefined"!=typeof module&&module.exports?module.exports=vt:"undefined"!=typeof this&&(this.ES6Promise=vt),dt()}).call(this); function Loadpage(url){windowname = window.open(url,'New Window','width=800,height=600,top=50,left=50,status=1,scrollbars=1,resizable=1');windowname.focus();} function convertfrom12(){var starttime = document.forms[0].time12hr.value;var time = starttime.match(/(d+):(d+) (w)/);var hours = Number(time[1]);var minutes = Number(time[2]);var meridian = time[3].toLowerCase();if (meridian == 'p' && hours < 12) {hours = hours + 12;}else if (meridian == 'a' && hours == 12) {hours = hours - 12;}document.forms[0].time24hr.value = hours + ":" + minutes;} function convertfrom24() {var time=document.forms[0].time24hr.value;time = time.toString ().match (/^([01]d|2[0-3])(:)([0-5]d)(:[0-5]d)?$/) || [time];if (time.length > 1) {time = time.slice (1);time[5] = +time[0] < 12 ? ' AM' : ' PM';time[0] = +time[0] % 12 || 12;}document.forms[0].time12hr.value = time.join ('');} function confirm_delete(returnurl,frame){swal({title: "Delete Entry?",text: "This will delete the entry. Are you sure?",type: "warning",showCancelButton: true,confirmButtonText: 'Yes, delete it!'}).then(function(isConfirm) {if (isConfirm) {document.getElementById(frame).src=returnurl;swal('Deleted!','The entry has been deleted!','success');}})} function confirm_delete_photo(name,returnurl,frame){swal({title: "Delete Photo?",text: "This will delete photo ""+name+"". Are you sure?",type: "warning",showCancelButton: true,confirmButtonText: 'Yes, delete it!'}).then(function(isConfirm) {if (isConfirm) {document.getElementById(frame).src=returnurl;swal({title: "Deleted!",text: "",type: "success",timer: 2000,showConfirmButton: false});}})} function confirm_delete_file(returnurl,frame,name){swal({title: "Delete ""+name+""?",text: "This will delete ""+name+"". Are you sure?",type: "warning",showCancelButton: true,confirmButtonText: 'Yes, delete it!'}).then(function(isConfirm) {if (isConfirm) {document.getElementById(frame).src=returnurl;swal({title: "Deleted!",text: "The file has been deleted!",type: "success",timer: 2000,showConfirmButton: false});}})} function confirm(alerttitle,alerttxt,confirmbutton,confirmtitle,confirmtext,url){swal({title: alerttitle,text: alerttxt,type: "warning",showCancelButton: true,confirmButtonText: confirmbutton}).then(function(isConfirm) {if (isConfirm) {location.href=url;swal({title: confirmtitle,text: confirmtext,type: "success",timer: 2000,showConfirmButton: false});}})} function confirm_complete(returnurl,frame){swal({title: "",text: "",type: "warning",showCancelButton: true,confirmButtonText: 'Yes, I\'m Happy!'}).then(function(isConfirm) {if (isConfirm) {document.form.submit();swal({title: "Off We Go!",text: "",type: "success",timer: 2000,showConfirmButton: false});}})} function logout_confirm(){swal({title: "Logout",text: "Are you sure you want to log out??",type: "warning",showCancelButton: true,confirmButtonText: 'Yes!'}).then(function(isConfirm) {if (isConfirm) {window.location.assign("adminlogin.php?logout=true");}})} function v_name(field,alerttitle,alerttxt,frame){with (field){if (value==null||value==""){swal({title: alerttitle,text: alerttxt,type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){if(frame!=''){var myField = document.getElementById(frame).contentDocument.getElementById(field.name);myField.focus();}else{document.getElementById(field.name).focus();}});return false;}else{return true;}}} function v_select(field,alerttitle,alerttxt,def,frame){with (field){if (value==null||value==def){swal({title: alerttitle,text: alerttxt,type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){if(frame!=''){var myField = document.getElementById(frame).contentDocument.getElementById(field.name);myField.focus();}else{document.getElementById(field.name).focus();}});return false;}else{return true;}}} function v_number(field,alerttitle,alerttxt,frame){with (field){value=value.replace(/,/g , "");if (value==null||value==""||isNaN(parseFloat(value))||!isFinite(value)){swal({title: alerttitle,text: alerttxt,type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){if(frame!=''){var myField = document.getElementById(frame).contentDocument.getElementById(field.name);myField.focus();}else{document.getElementById(field.name).focus();}});return false;}else{return true;}}} function v_email(field,alerttitle,alerttxt,frame){with (field){apos=value.indexOf("@");dotpos=value.lastIndexOf(".");if (apos<1||dotpos-apos<2){swal({title: alerttitle,text: alerttxt,type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){if(frame!=''){var myField = document.getElementById(frame).contentDocument.getElementById(field.name);myField.focus();}else{document.getElementById(field.name).focus();}});return false;}else{return true;}}} function v_checkbox(field,alerttitle,alerttxt,frame){with (field){if (!field.checked){swal({title: alerttitle,text: alerttxt,type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){if(frame!=''){var myField = document.getElementById(frame).contentDocument.getElementById(field.name);myField.focus();}else{document.getElementById(field.name).focus();}});return false;}else{return true;}}} function v_password(field,frame){with (field){if(form.password1.value != ""){if(form.password1.value.length < 6) {swal({title: "Password Not Long Enough!",text: "Password must contain at least six characters!",type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){document.getElementById(field.name).focus();});return false;}if(form.password1.value != form.password2.value){swal({title: "Password Mismatch!",text: "Please check that you’ve entered and confirmed your password!",type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){document.getElementById(field.name).focus();});return false;}re = /[0-9]/;if(!re.test(form.password1.value)) {swal({title: "Password must contain at least one number (0-9)!",text: "No Numerals in Password!",type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){document.getElementById(field.name).focus();});return false;}re = /[a-z]/;if(!re.test(form.password1.value)) {swal({title: "No Lower Case Letters in Password!",text: "Password must contain at least one lowercase letter (a-z)!",type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){document.getElementById(field.name).focus();});return false;}re = /[A-Z]/;if(!re.test(form.password1.value)) {swal({title: "No Upper Case Letters in Password!",text: "Password must contain at least one uppercase letter (A-Z)!",type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){document.getElementById(field.name).focus();});return false;}} else {swal({title: "Password Blank!",text: "Please enter a password!",type: "error",confirmButtonText: "Ok",allowEscapeKey: true,allowOutsideClick: true,confirmButtonColor: '#3085d6'}).then(function(){if(frame!=''){var myField = document.getElementById(frame).contentDocument.getElementById(field.name);myField.focus();}else{document.getElementById(field.name).focus();}});return false;}}} function changetheme(thisform){with (thisform){if (v_name(themeselection,'Theme Selection',"Please select a theme")==false){return false;}document.form.submit();}} function resizeIframe(id) {document.getElementById(id).height = document.getElementById(id).contentDocument.documentElement.scrollHeight+ 'px';document.getElementById(id).height = document.getElementById(id).contentWindow.document.body.scrollHeight+ 'px';} function getFrameElement() {var iframes= parent.document.getElementsByTagName('iframe');for (var i= iframes.length; i-->0;) {var iframe= iframes[i];try {var idoc= 'contentDocument' in iframe? iframe.contentDocument : iframe.contentWindow.document;} catch (e) {continue;}if (idoc===document)return iframe;}return null;} function previewpage(url) { windowname = window.open(url,'previewpane','width=1280,height=768,top=50,left=50,status=1,scrollbars=1,resizable=1'); var frm = document.getElementById("form"); frm.method = "post"; frm.action = "previewpage.php"; frm.target = "previewpane"; frm.submit(); windowname.focus(); } function copyToClipboard(id) { var text = $("#"+id).val(); //getting the text from that particular Row //window.prompt("Copy to clipboard: Ctrl+C, Enter", text); if (window.clipboardData && window.clipboardData.setData) { // IE specific code path to prevent textarea being shown while dialog is visible. return clipboardData.setData("Text", text); } else if (document.queryCommandSupported && document.queryCommandSupported("copy")) { var textarea = document.createElement("textarea"); textarea.value = text; textarea.style.position = "fixed"; // Prevent scrolling to bottom of page in MS Edge. document.body.appendChild(textarea); textarea.select(); try { document.execCommand("copy"); // Security exception may be thrown by some browsers. parent.swal({title: 'URL Copied',text: 'The URL "'+textarea.value+'" has been copied to your clipboard. Use CTRL+V to paste.',timer: 3000}); return true; } catch (ex) { console.warn("Copy to clipboard failed.", ex); return false; } finally { document.body.removeChild(textarea); } } } // SweetAlert2 // github.com/limonte/sweetalert2 (function(window, document) { 'use strict'; window.swalPrefix = 'swal2-'; var prefix = function(items) { var result = {}; for (var i in items) { result[items[i]] = window.swalPrefix + items[i]; } return result; }; window.swalClasses = prefix([ 'container', 'modal', 'overlay', 'close', 'content', 'spacer', 'confirm', 'cancel', 'icon', 'image', 'input', 'select', 'radio', 'checkbox', 'textarea', 'validationerror' ]); window.swalClasses.iconTypes = prefix(['success', 'warning', 'info', 'question', 'error']); var mediaqueryId = window.swalPrefix + 'mediaquery'; var defaultParams = { title: '', text: '', html: '', type: null, animation: true, allowOutsideClick: true, allowEscapeKey: true, showConfirmButton: true, showCancelButton: false, preConfirm: null, confirmButtonText: 'OK', confirmButtonColor: '#3085d6', confirmButtonClass: null, cancelButtonText: 'Cancel', cancelButtonColor: '#aaa', cancelButtonClass: null, buttonsStyling: true, reverseButtons: false, showCloseButton: false, imageUrl: null, imageWidth: null, imageHeight: null, imageClass: null, timer: null, width: 500, padding: 20, background: '#fff', input: null, // 'text' | 'email' | 'password' | 'select' | 'radio' | 'checkbox' | 'textarea' inputPlaceholder: '', inputValue: '', inputOptions: {}, inputClass: null, inputValidator: null }; /* * Manipulate DOM */ var getModal = function() { return document.querySelector('.' + window.swalClasses.modal); }; var getOverlay = function() { return document.querySelector('.' + window.swalClasses.overlay); }; var hasClass = function(elem, className) { return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' '); }; var focusInput = function(input) { input.focus(); // http://stackoverflow.com/a/2345915/1331425 var val = input.value; input.value = ''; input.value = val; }; var addClass = function(elem, className) { if (className && !hasClass(elem, className)) { elem.className += ' ' + className; } }; var removeClass = function(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 _show = function(elem) { elem.style.opacity = ''; elem.style.display = 'block'; }; var show = function(elems) { if (elems && !elems.length) { return _show(elems); } for (var i = 0; i < elems.length; ++i) { _show(elems[i]); } }; var _hide = function(elem) { elem.style.opacity = ''; elem.style.display = 'none'; }; var hide = function(elems) { if (elems && !elems.length) { return _hide(elems); } for (var i = 0; i < elems.length; ++i) { _hide(elems[i]); } }; var removeStyleProperty = function(elem, property) { if (elem.style.removeProperty) { elem.style.removeProperty(property); } else { elem.style.removeAttribute(property); } }; var getTopMargin = function(elem) { elem.style.left = '-9999px'; elem.style.display = 'block'; var height = elem.clientHeight; var paddingTop = parseInt(getComputedStyle(elem).getPropertyValue('padding-top'), 10); elem.style.left = ''; elem.style.display = 'none'; return ('-' + parseInt(height / 2 + paddingTop, 10) + 'px'); }; var fadeIn = function(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() { elem.style.opacity = +elem.style.opacity + (new Date() - last) / 100; last = +new Date(); if (+elem.style.opacity < 1) { setTimeout(tick, interval); } }; tick(); } }; var extend = function(a, b) { for (var key in b) { if (b.hasOwnProperty(key)) { a[key] = b[key]; } } return a; }; var fireClick = function(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(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; } }; // Remember state in cases where opening and handling a modal will fiddle with it. var previousActiveElement; var previousDocumentClick; var previousWindowKeyDown; var lastFocusedButton; // Reset the page to its previous state var resetPrevState = function() { var modal = getModal(); window.onkeydown = previousWindowKeyDown; document.onclick = previousDocumentClick; if (previousActiveElement) { previousActiveElement.focus(); } lastFocusedButton = undefined; clearTimeout(modal.timeout); // Remove dynamically created media query var head = document.getElementsByTagName('head')[0]; var mediaquery = document.getElementById(mediaqueryId); if (mediaquery) { head.removeChild(mediaquery); } }; /* * Set hover, active and focus-states for buttons (source: http://www.sitepoint.com/javascript-generate-lighter-darker-color) */ var colorLuminance = function(hex, lum) { // Validate hex string hex = String(hex).replace(/[^0-9a-f]/gi, ''); if (hex.length < 6) { hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]; } lum = lum || 0; // Convert to decimal and change luminosity var rgb = '#'; for (var i = 0; i < 3; i++) { var c = parseInt(hex.substr(i * 2, 2), 16); c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16); rgb += ('00' + c).substr(c.length); } return rgb; }; /* * Set type, text and actions on modal */ var setParameters = function(params) { var i; var modal = getModal(); // set modal width, padding and margin-left modal.style.width = params.width + 'px'; modal.style.padding = params.padding + 'px'; modal.style.marginLeft = -params.width / 2 + 'px'; modal.style.background = params.background; // add dynamic media query css var head = document.getElementsByTagName('head')[0]; var cssNode = document.createElement('style'); cssNode.type = 'text/css'; cssNode.id = mediaqueryId; cssNode.innerHTML = '@media screen and (max-width: ' + params.width + 'px) {' + '.' + window.swalClasses.modal + ' {' + 'max-width: 100%;' + 'left: 0 !important;' + 'margin-left: 0 !important;' + '}' + '}'; head.appendChild(cssNode); var $title = modal.querySelector('h2'); var $content = modal.querySelector('.' + window.swalClasses.content); var $confirmBtn = modal.querySelector('button.' + window.swalClasses.confirm); var $cancelBtn = modal.querySelector('button.' + window.swalClasses.cancel); var $spacer = modal.querySelector('.' + window.swalClasses.spacer); var $closeButton = modal.querySelector('.' + window.swalClasses.close); // Title $title.innerHTML = params.title.split('\n').join('
'); // Content if (params.text || params.html) { if (typeof params.html === 'object') { $content.innerHTML = ''; if (0 in params.html) { for (i = 0; i in params.html; i++) { $content.appendChild(params.html[i]); } } else { $content.appendChild(params.html); } } else { $content.innerHTML = params.html || ('

' + params.text.split('\n').join('
') + '

'); } show($content); } else { hide($content); } // Close button if (params.showCloseButton) { show($closeButton); } else { hide($closeButton); } // Custom Class modal.className = window.swalClasses.modal; if (params.customClass) { addClass(modal, params.customClass); } // Icon hide(modal.querySelectorAll('.' + window.swalClasses.icon)); if (params.type) { var validType = false; for (var iconType in window.swalClasses.iconTypes) { if (params.type === iconType) { validType = true; break; } } if (!validType) { window.console.error('Unknown alert type: ' + params.type); return false; } var $icon = modal.querySelector('.' + window.swalClasses.icon + '.' + window.swalClasses.iconTypes[params.type]); show($icon); // Animate icon switch (params.type) { case 'success': addClass($icon, 'animate'); addClass($icon.querySelector('.tip'), 'animate-success-tip'); addClass($icon.querySelector('.long'), 'animate-success-long'); break; case 'error': addClass($icon, 'animate-error-icon'); addClass($icon.querySelector('.x-mark'), 'animate-x-mark'); break; case 'warning': addClass($icon, 'pulse-warning'); break; default: break; } } // Custom image var $customImage = modal.querySelector('.' + window.swalClasses.image); if (params.imageUrl) { $customImage.setAttribute('src', params.imageUrl); show($customImage); if (params.imageWidth) { $customImage.setAttribute('width', params.imageWidth); } if (params.imageHeight) { $customImage.setAttribute('height', params.imageHeight); } if (params.imageClass) { addClass($customImage, params.imageClass); } } else { hide($customImage); } // input, select var inputTypes = ['input', 'select', 'radio', 'checkbox', 'textarea']; var input; for (i = 0; i < inputTypes.length; i++) { var inputClass = window.swalClasses[inputTypes[i]]; input = modal.querySelector('.' + inputClass); _hide(input); input.className = inputClass; if (params.inputClass) { addClass(input, params.inputClass); } } switch (params.input) { case 'text': case 'email': case 'password': input = modal.querySelector('.' + window.swalClasses.input); input.value = params.inputValue; input.placeholder = params.inputPlaceholder; input.type = params.input; _show(input); break; case 'select': var select = modal.querySelector('.' + window.swalClasses.select); select.innerHTML = ''; if (params.inputPlaceholder) { var placeholder = document.createElement('option'); placeholder.innerHTML = params.inputPlaceholder; placeholder.disabled = true; placeholder.selected = true; select.appendChild(placeholder); } for (var optionValue in params.inputOptions) { var option = document.createElement('option'); option.value = optionValue; option.innerHTML = params.inputOptions[optionValue]; if (params.inputValue === optionValue) { option.selected = true; } select.appendChild(option); } _show(select); break; case 'radio': var radio = modal.querySelector('.' + window.swalClasses.radio); radio.innerHTML = ''; for (var radioValue in params.inputOptions) { var id = 1; var radioInput = document.createElement('input'); var radioLabel = document.createElement('label'); var radioLabelSpan = document.createElement('span'); radioInput.type = 'radio'; radioInput.name = window.swalClasses.radio; radioInput.value = radioValue; radioInput.id = window.swalClasses.radio + '-' + (id++); if (params.inputValue === radioValue) { radioInput.checked = true; } radioLabelSpan.innerHTML = params.inputOptions[radioValue]; radioLabel.appendChild(radioInput); radioLabel.appendChild(radioLabelSpan); radioLabel.for = radioInput.id; radio.appendChild(radioLabel); } _show(radio); break; case 'checkbox': var checkbox = modal.querySelector('.' + window.swalClasses.checkbox); var checkboxInput = modal.querySelector('#' + window.swalClasses.checkbox); checkboxInput.value = 1; checkboxInput.checked = Boolean(params.inputValue); var label = checkbox.getElementsByTagName('span'); if (label.length) { checkbox.removeChild(label[0]); } label = document.createElement('span'); label.innerHTML = params.inputPlaceholder; checkbox.appendChild(label); _show(checkbox); break; case 'textarea': var textarea = modal.querySelector('.' + window.swalClasses.textarea); textarea.value = params.inputValue; textarea.placeholder = params.inputPlaceholder; _show(textarea); break; case null: break; default: window.console.error('Unexpected type of input! Expected "text" or "email" or "password", "select", "checkbox" or "textarea", got ' + typeof arguments[0]); break; } // Cancel button if (params.showCancelButton) { $cancelBtn.style.display = 'inline-block'; } else { hide($cancelBtn); } // Confirm button if (params.showConfirmButton) { removeStyleProperty($confirmBtn, 'display'); } else { hide($confirmBtn); } // Buttons spacer if (!params.showConfirmButton && !params.showCancelButton) { hide($spacer); } else { show($spacer); } // Edit text on cancel and confirm buttons $confirmBtn.innerHTML = params.confirmButtonText; $cancelBtn.innerHTML = params.cancelButtonText; // Set buttons to selected background colors if (params.buttonsStyling) { $confirmBtn.style.backgroundColor = params.confirmButtonColor; $cancelBtn.style.backgroundColor = params.cancelButtonColor; } // Add buttons custom classes $confirmBtn.className = window.swalClasses.confirm; addClass($confirmBtn, params.confirmButtonClass); $cancelBtn.className = window.swalClasses.cancel; addClass($cancelBtn, params.cancelButtonClass); // Buttons styling if (params.buttonsStyling) { addClass($confirmBtn, 'styled'); addClass($cancelBtn, 'styled'); } else { removeClass($confirmBtn, 'styled'); removeClass($cancelBtn, 'styled'); $confirmBtn.style.backgroundColor = $confirmBtn.style.borderLeftColor = $confirmBtn.style.borderRightColor = ''; $cancelBtn.style.backgroundColor = $cancelBtn.style.borderLeftColor = $cancelBtn.style.borderRightColor = ''; } // CSS animation if (params.animation === true) { removeClass(modal, 'no-animation'); } else { addClass(modal, 'no-animation'); } }; /* * Animations */ var openModal = function() { var modal = getModal(); fadeIn(getOverlay(), 10); show(modal); addClass(modal, 'show-swal2'); removeClass(modal, 'hide-swal2'); previousActiveElement = document.activeElement; addClass(modal, 'visible'); }; /* * Set 'margin-top'-property on modal based on its computed height */ var fixVerticalPosition = function() { var modal = getModal(); modal.style.marginTop = getTopMargin(getModal()); }; function modalDependant() { if (arguments[0] === undefined) { window.console.error('sweetAlert2 expects at least 1 attribute!'); return false; } var params = extend({}, defaultParams); switch (typeof arguments[0]) { case 'string': params.title = arguments[0]; params.text = arguments[1] || ''; params.type = arguments[2] || ''; break; case 'object': params.title = arguments[0].title || defaultParams.title; params.text = arguments[0].text || defaultParams.text; params.html = arguments[0].html || defaultParams.html; params.type = arguments[0].type || defaultParams.type; params.animation = arguments[0].animation !== undefined ? arguments[0].animation : defaultParams.animation; params.customClass = arguments[0].customClass || params.customClass; params.allowOutsideClick = arguments[0].allowOutsideClick !== undefined ? arguments[0].allowOutsideClick : defaultParams.allowOutsideClick; params.allowEscapeKey = arguments[0].allowEscapeKey !== undefined ? arguments[0].allowEscapeKey : defaultParams.allowEscapeKey; params.showConfirmButton = arguments[0].showConfirmButton !== undefined ? arguments[0].showConfirmButton : defaultParams.showConfirmButton; params.showCancelButton = arguments[0].showCancelButton !== undefined ? arguments[0].showCancelButton : defaultParams.showCancelButton; params.preConfirm = arguments[0].preConfirm || defaultParams.preConfirm; params.timer = parseInt(arguments[0].timer, 10) || defaultParams.timer; params.width = parseInt(arguments[0].width, 10) || defaultParams.width; params.padding = parseInt(arguments[0].padding, 10) || defaultParams.padding; params.background = arguments[0].background !== undefined ? arguments[0].background : defaultParams.background; params.confirmButtonText = arguments[0].confirmButtonText || defaultParams.confirmButtonText; params.confirmButtonColor = arguments[0].confirmButtonColor || defaultParams.confirmButtonColor; params.confirmButtonClass = arguments[0].confirmButtonClass || params.confirmButtonClass; params.cancelButtonText = arguments[0].cancelButtonText || defaultParams.cancelButtonText; params.cancelButtonColor = arguments[0].cancelButtonColor || defaultParams.cancelButtonColor; params.cancelButtonClass = arguments[0].cancelButtonClass || params.cancelButtonClass; params.buttonsStyling = arguments[0].buttonsStyling !== undefined ? arguments[0].buttonsStyling : defaultParams.buttonsStyling; params.reverseButtons = arguments[0].reverseButtons !== undefined ? arguments[0].reverseButtons : defaultParams.reverseButtons; params.showCloseButton = arguments[0].showCloseButton !== undefined ? arguments[0].showCloseButton : defaultParams.showCloseButton; params.imageUrl = arguments[0].imageUrl || defaultParams.imageUrl; params.imageWidth = arguments[0].imageWidth || defaultParams.imageWidth; params.imageHeight = arguments[0].imageHeight || defaultParams.imageHeight; params.imageClass = arguments[0].imageClass || defaultParams.imageClass; params.input = arguments[0].input || defaultParams.input; params.inputPlaceholder = arguments[0].inputPlaceholder || defaultParams.inputPlaceholder; params.inputValue = arguments[0].inputValue || defaultParams.inputValue; params.inputOptions = arguments[0].inputOptions || defaultParams.inputOptions; params.inputClass = arguments[0].inputClass || defaultParams.inputClass; params.inputValidator = arguments[0].inputValidator || defaultParams.inputValidator; if (params.input === 'email' && params.inputValidator === null) { params.inputValidator = function(email) { return new Promise(function(resolve, reject) { var emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/; if (emailRegex.test(email)) { resolve(); } else { reject('Invalid email address'); } }); }; } break; default: window.console.error('Unexpected type of argument! Expected "string" or "object", got ' + typeof arguments[0]); return false; } setParameters(params); fixVerticalPosition(); openModal(); // Modal interactions var modal = getModal(); return new Promise(function(resolve) { // Close on timer if (params.timer) { modal.timeout = setTimeout(function() { window.swal.closeModal(); resolve(undefined); }, params.timer); } // input/select autofocus var getInput = function() { switch (params.input) { case 'select': return modal.querySelector('.' + window.swalClasses.select); case 'radio': return modal.querySelector('.' + window.swalClasses.radio + ' input:checked') || modal.querySelector('.' + window.swalClasses.radio + ' input:first-child'); case 'checkbox': return modal.querySelector('#' + window.swalClasses.checkbox); case 'textarea': return modal.querySelector('.' + window.swalClasses.textarea); default: return modal.querySelector('.' + window.swalClasses.input); } }; var getInputValue = function() { var input = getInput(); switch (params.input) { case 'checkbox': return input.checked ? 1 : 0; case 'radio': return input.checked ? input.value : null; default: return input.value; } }; if (params.input) { setTimeout(function() { focusInput(getInput()); }, 0); } var confirm = function(value) { if (params.preConfirm) { params.preConfirm().then(function() { resolve(value); window.swal.closeModal(); }); } else { resolve(value); window.swal.closeModal(); } }; // Mouse interactions var onButtonEvent = function(event) { var e = event || window.event; var target = e.target || e.srcElement; var targetedConfirm = hasClass(target, window.swalClasses.confirm); var targetedCancel = hasClass(target, window.swalClasses.cancel); var modalIsVisible = hasClass(modal, 'visible'); switch (e.type) { case 'mouseover': case 'mouseup': case 'focus': if (params.buttonsStyling) { if (targetedConfirm) { target.style.backgroundColor = colorLuminance(params.confirmButtonColor, -0.1); } else if (targetedCancel) { target.style.backgroundColor = colorLuminance(params.cancelButtonColor, -0.1); } } break; case 'mouseout': case 'blur': if (params.buttonsStyling) { if (targetedConfirm) { target.style.backgroundColor = params.confirmButtonColor; } else if (targetedCancel) { target.style.backgroundColor = params.cancelButtonColor; } } break; case 'mousedown': if (params.buttonsStyling) { if (targetedConfirm) { target.style.backgroundColor = colorLuminance(params.confirmButtonColor, -0.2); } else if (targetedCancel) { target.style.backgroundColor = colorLuminance(params.cancelButtonColor, -0.2); } } break; case 'click': // Clicked 'confirm' if (targetedConfirm && modalIsVisible) { if (params.input) { var inputValue = getInputValue(); if (params.inputValidator) { params.inputValidator(inputValue).then( function() { confirm(inputValue); }, function(error) { window.swal.showValidationError(error); } ); } else { confirm(inputValue); } } else { confirm(true); } // Clicked 'cancel' } else if (targetedCancel && modalIsVisible) { window.swal.closeModal(); resolve(false); } else { window.swal.closeModal(); } break; default: } }; var $buttons = modal.querySelectorAll('button'); var i; for (i = 0; i < $buttons.length; i++) { $buttons[i].onclick = onButtonEvent; $buttons[i].onmouseover = onButtonEvent; $buttons[i].onmouseout = onButtonEvent; $buttons[i].onmousedown = onButtonEvent; } // Remember the current document.onclick event. previousDocumentClick = document.onclick; document.onclick = function(event) { var e = event || window.event; var target = e.target || e.srcElement; if (hasClass(target, window.swalClasses.close) || (target === getOverlay() && params.allowOutsideClick)) { window.swal.closeModal(); resolve(undefined); } }; // Keyboard interactions var $confirmButton = modal.querySelector('button.' + window.swalClasses.confirm); var $cancelButton = modal.querySelector('button.' + window.swalClasses.cancel); var $modalElements = [$confirmButton, $cancelButton].concat(Array.prototype.slice.call( modal.querySelectorAll('button:not([class^=' + window.swalPrefix + ']), input:not([type=hidden]), textarea, select') )); for (i = 0; i < $modalElements.length; i++) { $modalElements[i].onfocus = onButtonEvent; $modalElements[i].onblur = onButtonEvent; } // Reverse buttons if neede d if (params.reverseButtons) { $confirmButton.parentNode.insertBefore($cancelButton, $confirmButton); } function setFocus(index, increment) { // search for visible elements and select the next possible match for (var i = 0; i < $modalElements.length; i++) { index = index + increment; // rollover to first item if (index === $modalElements.length) { index = 0; // go to last item } else if (index === -1) { index = $modalElements.length - 1; } // determine if element is visible, the following is borrowed from jqeury $(elem).is(':visible') implementation if ( $modalElements[index].offsetWidth || $modalElements[index].offsetHeight || $modalElements[index].getClientRects().length ) { $modalElements[index].focus(); return; } } } // Focus the first element (input or button) setFocus(-1, 1); function handleKeyDown(event) { var e = event || window.event; var keyCode = e.keyCode || e.which; 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 < $modalElements.length; i++) { if ($targetElement === $modalElements[i]) { btnIndex = i; break; } } // TAB if (keyCode === 9) { if (!e.shiftKey) { // Cycle to the next button setFocus(btnIndex, 1); } else { // Cycle to the prev button setFocus(btnIndex, -1); } stopEventPropagation(e); } else { if (keyCode === 13 || keyCode === 32) { if (btnIndex === -1) { // ENTER/SPACE clicked outside of a button. fireClick($confirmButton, e); } } else if (keyCode === 27 && params.allowEscapeKey === true) { window.swal.closeModal(); resolve(undefined); } } } previousWindowKeyDown = window.onkeydown; window.onkeydown = handleKeyDown; // Loading state if (params.buttonsStyling) { $confirmButton.style.borderLeftColor = params.confirmButtonColor; $confirmButton.style.borderRightColor = params.confirmButtonColor; } window.swal.enableLoading = function() { addClass($confirmButton, 'loading'); addClass(modal, 'loading'); $cancelButton.disabled = true; }; window.swal.disableLoading = function() { removeClass($confirmButton, 'loading'); removeClass(modal, 'loading'); $cancelButton.disabled = false; }; window.swal.enableButtons = function() { $confirmButton.disabled = false; $cancelButton.disabled = false; }; window.swal.disableButtons = function() { $confirmButton.disabled = true; $cancelButton.disabled = true; }; window.swal.showValidationError = function(error) { var $validationError = modal.querySelector('.' + window.swalClasses.validationerror); $validationError.innerHTML = error; show($validationError); var input = getInput(); focusInput(input); addClass(input, 'error'); }; window.swal.resetValidationError = function() { var $validationError = modal.querySelector('.' + window.swalClasses.validationerror); hide($validationError); var input = getInput(); removeClass(input, 'error'); }; window.swal.enableButtons(); window.swal.disableLoading(); window.swal.resetValidationError(); window.onfocus = function() { // When the user has focused away and focused back from the whole window. 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); }; }); } /* * Global sweetAlert function */ window.sweetAlert = window.swal = function() { // Copy arguments to the local args variable var args = arguments; var modal = getModal(); if (modal === null) { window.swal.init(); modal = getModal(); } if (hasClass(modal, 'visible')) { resetPrevState(); } return modalDependant.apply(this, args); }; /* * Global function to close sweetAlert */ window.sweetAlert.close = window.swal.close = window.sweetAlert.closeModal = window.swal.closeModal = function() { var modal = getModal(); _hide(getOverlay()); _hide(modal); removeClass(modal, 'show-swal2'); addClass(modal, 'hide-swal2'); removeClass(modal, 'visible'); // Reset icon animations var $successIcon = modal.querySelector('.' + window.swalClasses.icon + '.' + window.swalClasses.iconTypes.success); removeClass($successIcon, 'animate'); removeClass($successIcon.querySelector('.tip'), 'animate-success-tip'); removeClass($successIcon.querySelector('.long'), 'animate-success-long'); var $errorIcon = modal.querySelector('.' + window.swalClasses.icon + '.' + window.swalClasses.iconTypes.error); removeClass($errorIcon, 'animate-error-icon'); removeClass($errorIcon.querySelector('.x-mark'), 'animate-x-mark'); var $warningIcon = modal.querySelector('.' + window.swalClasses.icon + '.' + window.swalClasses.iconTypes.warning); removeClass($warningIcon, 'pulse-warning'); resetPrevState(); }; /* * Global function to click 'Confirm' button */ window.sweetAlert.clickConfirm = window.swal.clickConfirm = function() { var modal = getModal(); var $confirmButton = modal.querySelector('button.' + window.swalClasses.confirm); $confirmButton.click(); }; /* * Global function to click 'Cancel' button */ window.sweetAlert.clickCancel = window.swal.clickCancel = function() { var modal = getModal(); var $cancelButton = modal.querySelector('button.' + window.swalClasses.cancel); $cancelButton.click(); }; /* * Add modal + overlay to DOM */ window.swal.init = function() { if (document.getElementsByClassName(window.swalClasses.container).length) { return; } var sweetHTML = '
' + ''; var sweetWrap = document.createElement('div'); sweetWrap.className = window.swalClasses.container; sweetWrap.innerHTML = sweetHTML; document.body.appendChild(sweetWrap); var modal = getModal(); var $input = modal.querySelector('.' + window.swalClasses.input); var $select = modal.querySelector('.' + window.swalClasses.select); var $checkbox = modal.querySelector('#' + window.swalClasses.checkbox); var $textarea = modal.querySelector('.' + window.swalClasses.textarea); $input.oninput = function() { window.swal.resetValidationError(); }; $input.onkeyup = function(event) { if (event.keyCode === 13) { window.swal.clickConfirm(); } }; $select.onchange = function() { window.swal.resetValidationError(); }; $checkbox.onchange = function() { window.swal.resetValidationError(); }; $textarea.onchange = function() { window.swal.resetValidationError(); }; }; /** * Set default params for each popup * @param {Object} userParams */ window.swal.setDefaults = function(userParams) { if (!userParams) { throw new Error('userParams is required'); } if (typeof userParams !== 'object') { throw new Error('userParams has to be a object'); } extend(defaultParams, userParams); }; /* * If library is injected after page has loaded */ (function() { if (document.readyState === 'complete' || document.readyState === 'interactive' && document.body) { window.swal.init(); } else { if (document.addEventListener) { document.addEventListener('DOMContentLoaded', function onDomContentLoaded() { document.removeEventListener('DOMContentLoaded', onDomContentLoaded, false); window.swal.init(); }, false); } else if (document.attachEvent) { document.attachEvent('onreadystatechange', function onReadyStateChange() { if (document.readyState === 'complete') { document.detachEvent('onreadystatechange', onReadyStateChange); window.swal.init(); } }); } } })(); })(window, document);