divan/DivanRazor/wwwroot/js/user-panel.js

// User area (پیشخان کاربر) shared UI helpers.
// Provides upConfirm(), upToast() and upShowError() as drop-in, styled replacements for
// window.confirm()/window.alert(), used across the panel's AJAX actions.
// Requires the markup from Pages/Shared/_ConfirmModal.cshtml, _Toasts.cshtml and
// _ErrorModal.cshtml to be present on the page (included once by _UserPanelLayout).

/**
 * Shows a styled confirmation dialog and resolves to true/false.
 * Falls back to window.confirm() if the modal markup isn't on the page.
 * @param {string} message
 * @param {{okText?: string, cancelText?: string, danger?: boolean}} [options]
 * @returns {Promise<boolean>}
 */
function upConfirm(message, options) {
    options = options || {};
    return new Promise(function (resolve) {
        var backdrop = document.getElementById('upConfirmBackdrop');
        var titleEl = document.getElementById('upConfirmTitle');
        var okBtn = document.getElementById('upConfirmOk');
        var cancelBtn = document.getElementById('upConfirmCancel');

        if (!backdrop || !titleEl || !okBtn || !cancelBtn) {
            resolve(window.confirm(message));
            return;
        }

        titleEl.textContent = message;
        okBtn.textContent = options.okText || 'تصدیق';
        cancelBtn.textContent = options.cancelText || 'منسوخ';
        okBtn.className = 'up-btn ' + (options.danger === false ? 'up-btn--success' : 'up-btn--danger');

        backdrop.hidden = false;
        document.body.classList.add('up-modal-open');

        function cleanup(result) {
            backdrop.hidden = true;
            document.body.classList.remove('up-modal-open');
            okBtn.removeEventListener('click', onOk);
            cancelBtn.removeEventListener('click', onCancel);
            backdrop.removeEventListener('click', onBackdropClick);
            document.removeEventListener('keydown', onKeyDown);
            resolve(result);
        }

        function onOk() { cleanup(true); }
        function onCancel() { cleanup(false); }
        function onBackdropClick(e) { if (e.target === backdrop) cleanup(false); }
        function onKeyDown(e) { if (e.key === 'Escape') cleanup(false); }

        okBtn.addEventListener('click', onOk);
        cancelBtn.addEventListener('click', onCancel);
        backdrop.addEventListener('click', onBackdropClick);
        document.addEventListener('keydown', onKeyDown);

        okBtn.focus();
    });
}

/**
 * Shows a transient toast notification.
 * Falls back to window.alert() if the toast container isn't on the page.
 * @param {string} message
 * @param {'success'|'error'|'info'} [type]
 */
function upToast(message, type) {
    type = type || 'success';
    var container = document.getElementById('upToastContainer');

    if (!container) {
        alert(message);
        return;
    }

    var toast = document.createElement('div');
    toast.className = 'up-toast up-toast--' + type;
    toast.setAttribute('role', type === 'error' ? 'alert' : 'status');
    toast.textContent = message;
    container.appendChild(toast);

    requestAnimationFrame(function () {
        toast.classList.add('up-toast--visible');
    });

    setTimeout(function () {
        toast.classList.remove('up-toast--visible');
        setTimeout(function () {
            toast.remove();
        }, 250);
    }, 4000);
}

/**
 * Shows a service error's full text (often a backend exception message plus its stack trace) in
 * a modal that stays on screen until closed, with a copy button - unlike upToast(), which fades
 * out after 4 seconds and gives no way to get back the text it just showed. Falls back to
 * upToast() if the modal markup isn't on the page.
 * @param {string} message
 */
function upShowError(message) {
    message = message == null ? '' : String(message);
    var backdrop = document.getElementById('upErrorBackdrop');
    var detailsEl = document.getElementById('upErrorDetails');
    var closeBtn = document.getElementById('upErrorClose');
    var copyBtn = document.getElementById('upErrorCopy');

    if (!backdrop || !detailsEl || !closeBtn || !copyBtn) {
        upToast(message, 'error');
        return;
    }

    detailsEl.textContent = message;

    backdrop.hidden = false;
    document.body.classList.add('up-modal-open');

    function cleanup() {
        backdrop.hidden = true;
        document.body.classList.remove('up-modal-open');
        closeBtn.removeEventListener('click', onClose);
        copyBtn.removeEventListener('click', onCopy);
        backdrop.removeEventListener('click', onBackdropClick);
        document.removeEventListener('keydown', onKeyDown);
    }

    function onClose() { cleanup(); }
    function onBackdropClick(e) { if (e.target === backdrop) cleanup(); }
    function onKeyDown(e) { if (e.key === 'Escape') cleanup(); }

    function onCopy() {
        var restoreText = copyBtn.textContent;
        function showCopied(ok) {
            copyBtn.textContent = ok ? '✓ نقل ہو گیا' : 'نقل نہیں ہو سکا';
            setTimeout(function () { copyBtn.textContent = restoreText; }, 1500);
        }
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(message).then(function () { showCopied(true); }, function () { showCopied(false); });
        } else {
            // clipboard API unavailable (e.g. non-HTTPS context) - fall back to a temporary,
            // off-screen textarea and the legacy execCommand copy path
            var ta = document.createElement('textarea');
            ta.value = message;
            ta.style.position = 'fixed';
            ta.style.left = '-9999px';
            document.body.appendChild(ta);
            ta.select();
            var ok = false;
            try { ok = document.execCommand('copy'); } catch (e) { ok = false; }
            document.body.removeChild(ta);
            showCopied(ok);
        }
    }

    closeBtn.addEventListener('click', onClose);
    copyBtn.addEventListener('click', onCopy);
    backdrop.addEventListener('click', onBackdropClick);
    document.addEventListener('keydown', onKeyDown);

    closeBtn.focus();
}