Jared Vititoe
06b7a8f59b
utils.js is loaded on all pages (dashboard, ticket, admin views) before dashboard.js. Moving the canonical definition there and removing the guard + the copy in dashboard.js eliminates the redundant redefinition on every page load. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
56 lines
2.7 KiB
JavaScript
56 lines
2.7 KiB
JavaScript
// XSS prevention helper — delegates to lt.escHtml() from web_template/base.js
|
|
function escapeHtml(text) {
|
|
return lt.escHtml(text);
|
|
}
|
|
|
|
// Get ticket ID from URL (handles both /ticket/123 and ?id=123 formats)
|
|
function getTicketIdFromUrl() {
|
|
const pathMatch = window.location.pathname.match(/\/ticket\/(\d+)/);
|
|
if (pathMatch) return pathMatch[1];
|
|
const params = new URLSearchParams(window.location.search);
|
|
return params.get('id');
|
|
}
|
|
|
|
/**
|
|
* Show a terminal-style confirmation modal using the lt.modal system.
|
|
* @param {string} title - Modal title
|
|
* @param {string} message - Confirmation message
|
|
* @param {string} type - 'warning' | 'error' | 'info'
|
|
* @param {Function} onConfirm - Called when user confirms
|
|
* @param {Function|null} onCancel - Called when user cancels
|
|
*/
|
|
function showConfirmModal(title, message, type = 'warning', onConfirm, onCancel = null) {
|
|
const modalId = 'confirmModal' + Date.now();
|
|
const colors = { warning: 'var(--terminal-amber)', error: 'var(--status-closed)', info: 'var(--terminal-cyan)' };
|
|
const icons = { warning: '[ ! ]', error: '[ X ]', info: '[ i ]' };
|
|
const color = colors[type] || colors.warning;
|
|
const icon = icons[type] || icons.warning;
|
|
const safeTitle = lt.escHtml(title);
|
|
const safeMessage = lt.escHtml(message);
|
|
|
|
document.body.insertAdjacentHTML('beforeend', `
|
|
<div class="lt-modal-overlay" id="${modalId}" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="${modalId}_title">
|
|
<div class="lt-modal lt-modal-sm">
|
|
<div class="lt-modal-header" style="color:${color};">
|
|
<span class="lt-modal-title" id="${modalId}_title">${icon} ${safeTitle}</span>
|
|
<button class="lt-modal-close" data-modal-close aria-label="Close">✕</button>
|
|
</div>
|
|
<div class="lt-modal-body text-center">
|
|
<p class="modal-message">${safeMessage}</p>
|
|
</div>
|
|
<div class="lt-modal-footer">
|
|
<button class="lt-btn lt-btn-primary" id="${modalId}_confirm">CONFIRM</button>
|
|
<button class="lt-btn lt-btn-ghost" id="${modalId}_cancel">CANCEL</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
const modal = document.getElementById(modalId);
|
|
lt.modal.open(modalId);
|
|
const cleanup = (cb) => { lt.modal.close(modalId); setTimeout(() => modal.remove(), 300); if (cb) cb(); };
|
|
document.getElementById(`${modalId}_confirm`).addEventListener('click', () => cleanup(onConfirm));
|
|
document.getElementById(`${modalId}_cancel`).addEventListener('click', () => cleanup(onCancel));
|
|
modal.querySelector('[data-modal-close]').addEventListener('click', () => cleanup(onCancel));
|
|
}
|