Wala shell

Advanced PHP File Manager

Server IP: 127.0.0.1 | PHP Version: 8.3.30 | Domains Hosted: 54

Name	Size	Last Modified	Actions
📁 ..	-	2026-02-12 14:54
📄 default-params.js var defaultParams = { title: '', text: '', type: null, allowOutsideClick: false, showConfirmButton: true, showCancelButton: false, closeOnConfirm: true, closeOnCancel: true, confirmButtonText: 'OK', confirmButtonColor: '#8CD4F5', cancelButtonText: 'Cancel', imageUrl: null, imageSize: null, timer: null, customClass: '', html: false, animation: true, allowEscapeKey: true, inputType: 'text', inputPlaceholder: '', inputValue: '', showLoaderOnConfirm: false }; export default defaultParams;	535 B	2026-02-12 14:54
📄 handle-click.js import { colorLuminance } from './utils'; import { getModal } from './handle-swal-dom'; import { hasClass, isDescendant } from './handle-dom'; /* * User clicked on "Confirm"/"OK" or "Cancel" / var handleButton = function(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 = 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 'mouseover': shouldSetConfirmButtonColor(hoverColor); break; case 'mouseout': shouldSetConfirmButtonColor(normalColor); break; case 'mousedown': shouldSetConfirmButtonColor(activeColor); break; case 'mouseup': shouldSetConfirmButtonColor(hoverColor); break; case 'focus': let $confirmButton = modal.querySelector('button.confirm'); let $cancelButton = modal.querySelector('button.cancel'); if (targetedConfirm) { $cancelButton.style.boxShadow = 'none'; } else { $confirmButton.style.boxShadow = 'none'; } break; case 'click': let clickedOnModal = (modal === target); let clickedOnModalChild = 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 (isDescendant(modal, target) && target.tagName === 'BUTTON') { sweetAlert.close(); } break; } }; / * User clicked on "Confirm"/"OK" / var handleConfirm = function(modal, params) { var callbackValue = true; if (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(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(); } }; export default { handleButton, handleConfirm, handleCancel };	3.51 KB	2026-02-12 14:54
📄 handle-dom.js var hasClass = function(elem, className) { return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' '); }; var addClass = function(elem, className) { if (!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 escapeHtml = function(str) { var div = document.createElement('div'); div.appendChild(document.createTextNode(str)); return div.innerHTML; }; 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 isDescendant = function(parent, child) { var node = child.parentNode; while (node !== null) { if (node === parent) { return true; } node = node.parentNode; } return false; }; var getTopMargin = function(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(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(); } elem.style.display = 'block'; //fallback IE8 }; var fadeOut = function(elem, interval) { interval = interval \|\| 16; elem.style.opacity = 1; var last = +new Date(); var tick = function() { 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(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; } }; export { hasClass, addClass, removeClass, escapeHtml, _show, show, _hide, hide, isDescendant, getTopMargin, fadeIn, fadeOut, fireClick, stopEventPropagation };	3.97 KB	2026-02-12 14:54
📄 handle-key.js import { stopEventPropagation, fireClick } from './handle-dom'; import { setFocusStyle } from './handle-swal-dom'; var handleKeyDown = function(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]; } } stopEventPropagation(e); $targetElement.focus(); if (params.confirmButtonColor) { 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; fireClick($targetElement, e); } else { // Fallback - let the browser handle it. $targetElement = undefined; } } }; export default handleKeyDown;	1.98 KB	2026-02-12 14:54
📄 handle-swal-dom.js import { hexToRgb } from './utils'; import { removeClass, getTopMargin, fadeIn, show, addClass } from './handle-dom'; import defaultParams from './default-params'; var modalClass = '.sweet-alert'; var overlayClass = '.sweet-overlay'; /* * Add modal + overlay to DOM / import injectedHTML from './injected-html'; var sweetAlertInitialize = function() { var sweetWrap = document.createElement('div'); sweetWrap.innerHTML = injectedHTML; // Append elements to body while (sweetWrap.firstChild) { document.body.appendChild(sweetWrap.firstChild); } }; / * Get DOM element of modal / var getModal = function() { var $modal = document.querySelector(modalClass); if (!$modal) { sweetAlertInitialize(); $modal = getModal(); } return $modal; }; / * Get DOM element of input (in modal) / var getInput = function() { var $modal = getModal(); if ($modal) { return $modal.querySelector('input'); } }; / * Get DOM element of overlay / var getOverlay = function() { return document.querySelector(overlayClass); }; / * Add box-shadow style to button (depending on its chosen bg-color) / var setFocusStyle = function($button, bgColor) { var rgbColor = hexToRgb(bgColor); $button.style.boxShadow = '0 0 2px rgba(' + rgbColor + ', 0.8), inset 0 0 0 1px rgba(0, 0, 0, 0.05)'; }; / * Animation when opening modal / var openModal = function(callback) { var $modal = getModal(); fadeIn(getOverlay(), 10); show($modal); addClass($modal, 'showSweetAlert'); removeClass($modal, 'hideSweetAlert'); window.previousActiveElement = document.activeElement; var $okButton = $modal.querySelector('button.confirm'); $okButton.focus(); setTimeout(function () { 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() { var $modal = getModal(); var $input = getInput(); removeClass($modal, 'show-input'); $input.value = defaultParams.inputValue; $input.setAttribute('type', defaultParams.inputType); $input.setAttribute('placeholder', defaultParams.inputPlaceholder); resetInputError(); }; var resetInputError = function(event) { // If press enter => ignore if (event && event.keyCode === 13) { return false; } var $modal = getModal(); var $errorIcon = $modal.querySelector('.sa-input-error'); removeClass($errorIcon, 'show'); var $errorContainer = $modal.querySelector('.sa-error-container'); removeClass($errorContainer, 'show'); }; / * Set "margin-top"-property on modal based on its computed height */ var fixVerticalPosition = function() { var $modal = getModal(); $modal.style.marginTop = getTopMargin(getModal()); }; export { sweetAlertInitialize, getModal, getOverlay, getInput, setFocusStyle, openModal, resetInput, resetInputError, fixVerticalPosition };	3.25 KB	2026-02-12 14:54
📄 injected-html.js var injectedHTML = // Dark overlay `<div class="sweet-overlay" tabIndex="-1"></div>` + // Modal `<div class="sweet-alert">` + // Error icon `<div class="sa-icon sa-error"> <span class="sa-x-mark"> <span class="sa-line sa-left"></span> <span class="sa-line sa-right"></span> </span> </div>` + // Warning icon `<div class="sa-icon sa-warning"> <span class="sa-body"></span> <span class="sa-dot"></span> </div>` + // Info icon `<div class="sa-icon sa-info"></div>` + // Success icon `<div class="sa-icon sa-success"> <span class="sa-line sa-tip"></span> <span class="sa-line sa-long"></span> <div class="sa-placeholder"></div> <div class="sa-fix"></div> </div>` + `<div class="sa-icon sa-custom"></div>` + // Title, text and input `<h2>Title</h2> <p>Text</p> <fieldset> <input type="text" tabIndex="3" /> <div class="sa-input-error"></div> </fieldset>` + // Input errors `<div class="sa-error-container"> <div class="icon">!</div> <p>Not valid!</p> </div>` + // Cancel and confirm buttons `<div class="sa-button-container"> <button class="cancel" tabIndex="2">Cancel</button> <div class="sa-confirm-button-container"> <button class="confirm" tabIndex="1">OK</button>` + // Loading animation `<div class="la-ball-fall"> <div></div> <div></div> <div></div> </div> </div> </div>` + // End of modal `</div>`; export default injectedHTML;	1.58 KB	2026-02-12 14:54
📄 set-params.js var alertTypes = ['error', 'warning', 'info', 'success', 'input', 'prompt']; import { isIE8 } from './utils'; import { getModal, getInput, setFocusStyle } from './handle-swal-dom'; import { hasClass, addClass, removeClass, escapeHtml, _show, show, _hide, hide } from './handle-dom'; /* * Set type, text and actions on modal / var setParameters = function(params) { var modal = 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 : escapeHtml(params.title).split('\n').join('<br>'); / * Text / $text.innerHTML = params.html ? params.text : escapeHtml(params.text \|\| '').split('\n').join('<br>'); if (params.text) show($text); / * Custom class / if (params.customClass) { addClass(modal, params.customClass); modal.setAttribute('data-custom-class', params.customClass); } else { // Find previously set classes and remove them let customClass = modal.getAttribute('data-custom-class'); removeClass(modal, customClass); modal.setAttribute('data-custom-class', ''); } / * Icon / hide(modal.querySelectorAll('.sa-icon')); if (params.type && !isIE8()) { let validType = false; for (let i = 0; i < alertTypes.length; i++) { if (params.type === alertTypes[i]) { validType = true; break; } } if (!validType) { logStr('Unknown alert type: ' + params.type); return false; } let typesWithIcons = ['success', 'error', 'warning', 'info']; let $icon; if (typesWithIcons.indexOf(params.type) !== -1) { $icon = modal.querySelector('.sa-icon.' + 'sa-' + params.type); show($icon); } let $input = getInput(); // Animate icon switch (params.type) { case 'success': addClass($icon, 'animate'); addClass($icon.querySelector('.sa-tip'), 'animateSuccessTip'); addClass($icon.querySelector('.sa-long'), 'animateSuccessLong'); break; case 'error': addClass($icon, 'animateErrorIcon'); addClass($icon.querySelector('.sa-x-mark'), 'animateXMark'); break; case 'warning': addClass($icon, 'pulseWarning'); addClass($icon.querySelector('.sa-body'), 'pulseWarningIns'); 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); addClass(modal, 'show-input'); setTimeout(function () { $input.focus(); $input.addEventListener('keyup', swal.resetInputError); }, 400); break; } } / * Custom image / if (params.imageUrl) { let $customIcon = modal.querySelector('.sa-icon.sa-custom'); $customIcon.style.backgroundImage = 'url(' + params.imageUrl + ')'; show($customIcon); let _imgWidth = 80; let _imgHeight = 80; if (params.imageSize) { let dimensions = params.imageSize.toString().split('x'); let imgWidth = dimensions[0]; let 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 { hide($cancelBtn); } / * Show confirm button? / modal.setAttribute('data-has-confirm-button', params.showConfirmButton); if (params.showConfirmButton) { $confirmBtn.style.display = 'inline-block'; } else { hide($confirmBtn); } / * Custom text on cancel/confirm buttons / if (params.cancelButtonText) { $cancelBtn.innerHTML = escapeHtml(params.cancelButtonText); } if (params.confirmButtonText) { $confirmBtn.innerHTML = escapeHtml(params.confirmButtonText); } / * Custom color on confirm button / if (params.confirmButtonColor) { // Set confirm button to selected background color $confirmBtn.style.backgroundColor = params.confirmButtonColor; // Set the confirm button color to the loading ring $confirmBtn.style.borderLeftColor = params.confirmLoadingButtonColor; $confirmBtn.style.borderRightColor = params.confirmLoadingButtonColor; // Set box-shadow to default focused button setFocusStyle($confirmBtn, params.confirmButtonColor); } / * 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); }; export default setParameters;	5.55 KB	2026-02-12 14:54
📄 utils.js /* * Allow user to pass their own params / var extend = function(a, b) { for (var key in b) { if (b.hasOwnProperty(key)) { a[key] = b[key]; } } return a; }; / * Convert HEX codes to RGB values (#000000 -> rgb(0,0,0)) / var hexToRgb = function(hex) { var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); return result ? parseInt(result[1], 16) + ', ' + parseInt(result[2], 16) + ', ' + parseInt(result[3], 16) : null; }; / * Check if the user is using Internet Explorer 8 (for fallbacks) / var isIE8 = function() { return (window.attachEvent && !window.addEventListener); }; / * IE compatible logging for developers / var logStr = function(string) { if (window.console) { // IE... window.console.log('SweetAlert: ' + string); } }; / * 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 = '#'; var c; var i; for (i = 0; i < 3; i++) { 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; }; export { extend, hexToRgb, isIE8, logStr, colorLuminance };	1.49 KB	2026-02-12 14:54

Terminal