-
-
-
-
-
- 
Nombre
-
- ID: #0
+ @@ -1246,13 +1375,24 @@ $installersData = json_decode($config['installersDataWhatsApp'] ?? '{"instalador function updateThemeBtn() { const btn = document.getElementById('themeBtn'); + const listBox = btn.querySelector('.theme-icon-box'); const text = document.getElementById('themeText'); + + // Icons + const iconSun = ``; + const iconMoon = ``; + if (store.theme === 'dark') { - btn.querySelector('.theme-icon').textContent = '🌙'; - text.textContent = 'Modo Claro'; - } else { - btn.querySelector('.theme-icon').textContent = '☀️'; + listBox.innerHTML = iconMoon; text.textContent = 'Modo Oscuro'; + // Add subtle glow for active mode + btn.style.borderColor = '#6366f1'; + btn.style.background = 'rgba(30, 41, 59, 0.8)'; // Darker bg + } else { + listBox.innerHTML = iconSun; + text.textContent = 'Modo Claro'; + btn.style.borderColor = '#f59e0b'; + btn.style.background = '#fff'; } } document.documentElement.setAttribute('data-theme', store.theme); @@ -1555,6 +1695,12 @@ $installersData = json_decode($config['installersDataWhatsApp'] ?? '{"instalador document.getElementById('oxxoBalanceBadge').textContent = `Saldo: $${parseFloat(data.accountOutstanding||0).toFixed(2)}`; document.getElementById('oxxoAmount').value = data.accountOutstanding > 0 ? data.accountOutstanding : ''; document.getElementById('btnOxxoCrm').href = `${store.publicUrl}/client/${data.id}`; + + // Reset View + document.getElementById('oxxoPlaceholder').style.display = 'block'; + document.getElementById('oxxoResult').style.display = 'none'; + document.getElementById('oxxoResult').innerHTML = ''; + document.getElementById('oxxoDetailContainer').style.display = 'block'; }); @@ -1566,7 +1712,7 @@ $installersData = json_decode($config['installersDataWhatsApp'] ?? '{"instalador const btn = document.getElementById('btnCreateOxxoIntent'); const original = btn.innerHTML; btn.disabled = true; - btn.textContent = 'Procesando...'; + btn.innerHTML = ' Procesando...'; const fd = new FormData(); fd.append('action', 'create_oxxo_intent'); @@ -1581,17 +1727,119 @@ $installersData = json_decode($config['installersDataWhatsApp'] ?? '{"instalador const d = await res.json(); if (d.success) { const url = d.data.voucher_image_url || `?action=image&file=${d.data.voucher_filename}`; - const resDiv = document.getElementById('oxxoInlineResult'); - resDiv.style.display = 'block'; - resDiv.innerHTML = ``; + + // Hide Placeholder + document.getElementById('oxxoPlaceholder').style.display = 'none'; + + // Show Result + const resDiv = document.getElementById('oxxoResult'); + resDiv.style.display = 'flex'; + resDiv.innerHTML = ` +
Ver en CRM
- 
+ 
+
+ 
+
+
+
`;
} else showToast(d.error, true);
} catch (e) {
- showToast('Error conexión', true);
+ console.error(e);
+ showToast('Error de conexión', true);
}
btn.disabled = false;
btn.innerHTML = original;
};
+ // --- INPUT VALIDATION & UX ---
+ function setupNumericInput(inputId) {
+ const input = document.getElementById(inputId);
+ if (!input) return;
+
+ // 1. Focus input when clicking prefix (if exists)
+ const group = input.closest('.input-group');
+ if (group) {
+ const prefix = group.querySelector('.input-prefix');
+ if (prefix) {
+ prefix.onclick = () => input.focus();
+ prefix.style.cursor = 'text';
+ }
+ }
+
+ // 2. Strict Numeric Validation (Robust)
+ input.addEventListener('keydown', (e) => {
+ // Allow control keys: Backspace, Delete, Tab, Escape, Enter, Arrows, Home, End
+ const allowedKeys = ['Backspace', 'Delete', 'Tab', 'Escape', 'Enter', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'];
+ if (allowedKeys.includes(e.key) || e.ctrlKey || e.metaKey || e.altKey) {
+ return;
+ }
+
+ // Block invalid chars for number input: e, E, +, -
+ // Note: We allow '.' if not already present
+ if (['e', 'E', '+', '-'].includes(e.key)) {
+ e.preventDefault();
+ return;
+ }
+
+ // Allow numbers and dot
+ const isDigit = /^[0-9]$/.test(e.key);
+ const isDot = e.key === '.';
+
+ if (!isDigit && !isDot) {
+ e.preventDefault();
+ }
+
+ if (isDot && input.value.includes('.')) {
+ e.preventDefault();
+ }
+ });
+
+ // 3. Fallback Sanitization (on input)
+ input.addEventListener('input', (e) => {
+ let val = input.value;
+ // If browser allowed something invalid, clean it
+ // Keep only numbers and dots
+ // Also ensure only one dot
+ const clean = val.replace(/[^0-9.]/g, '');
+
+ // Handle multiple dots
+ const parts = clean.split('.');
+ if (parts.length > 2) {
+ input.value = parts[0] + '.' + parts.slice(1).join('');
+ } else if (val !== clean) {
+ input.value = clean;
+ }
+ });
+
+ // Prevent paste of invalid text
+ input.addEventListener('paste', (e) => {
+ const paste = (e.clipboardData || window.clipboardData).getData('text');
+ if (!/^\d*\.?\d*$/.test(paste)) {
+ e.preventDefault();
+ }
+ });
+
+ // Prevent scrolling changing value
+ input.addEventListener('wheel', (e) => e.preventDefault());
+ }
+
+ // Initialize Validation for Amounts
+ setupNumericInput('oxxoAmount');
+ setupNumericInput('stripeAmount');
+
// --- INSTALLER MODAL LOGIC ---
function renderTable() {
const tbody = document.querySelector('#installersTable tbody');
@@ -1607,6 +1855,42 @@ $installersData = json_decode($config['installersDataWhatsApp'] ?? '{"instalador
}
renderTable();
+ window.editInstaller = function(index) {
+ const installer = store.installers[index];
+ if (!installer) return;
+
+ document.getElementById('editIndex').value = index;
+ document.getElementById('installerId').value = installer.id;
+ document.getElementById('installerName').value = installer.nombre;
+ document.getElementById('installerWhatsApp').value = installer.whatsapp;
+
+ document.getElementById('modalOverlay').style.display = 'flex';
+ }
+
+ window.deleteInstaller = async function(index) {
+ if (!confirm('¿Estás seguro de que deseas eliminar este instalador?')) return;
+
+ store.installers.splice(index, 1);
+ renderTable();
+
+ const fd = new FormData();
+ fd.append('action', 'save_installers');
+ fd.append('installers_data', JSON.stringify({
+ instaladores: store.installers
+ }));
+
+ try {
+ await fetch('?action=save_installers', {
+ method: 'POST',
+ body: fd
+ });
+ showToast('Instalador eliminado correctamente');
+ } catch (e) {
+ console.error(e);
+ showToast('Error al eliminar', true);
+ }
+ }
+
function openInstallerModal() {
document.getElementById('modalOverlay').style.display = 'flex';
document.getElementById('installerForm').reset();
+
+
+ ¡Ficha Generada!
+Referencia OXXO Pay
+ +
+
+
+ ${d.data.oxxo_reference}
+