@@ -451,27 +442,27 @@
@@ -506,7 +497,6 @@
Vista Previa en Vivo
-
-
+
+
-
+
-
+
-
-
Escribe palabras clave separadas por comas. Si el robot detecta alguna de ellas en la descripción del servicio, lo asignará a este gremio automáticamente.
@@ -523,6 +513,7 @@
let cachedTemplates = {};
let currentTemplateType = null;
let localGuilds = [];
+ let currentCompanyConfig = {}; // <--- VARIABLE GLOBAL PARA ALMACENAR LA CONFIGURACIÓN
document.addEventListener("DOMContentLoaded", () => {
if (!localStorage.getItem("token")) window.location.href = "index.html";
@@ -531,9 +522,6 @@
loadWaSettings();
});
- // ==========================================
- // LÓGICA DE NAVEGACIÓN Y TABS
- // ==========================================
function showTab(tabId) {
document.querySelectorAll('.tab-content').forEach(el => el.classList.add('hidden'));
document.getElementById(`view-${tabId}`).classList.remove('hidden');
@@ -552,12 +540,170 @@
if(tabId === 'whatsapp') { checkWhatsappStatus(); }
if(tabId === 'portal') { loadPortalConfig(); }
if(tabId === 'app-operario') { loadAppConfig(); }
- if(tabId === 'providers') {
- loadProviderCredentials();
- loadIaRules();
- }
+ if(tabId === 'providers') { loadProviderCredentials(); loadIaRules(); }
}
+ // ==========================================
+ // LÓGICA PORTAL OPERARIO (COLORES)
+ // ==========================================
+ ['primary', 'secondary', 'bg'].forEach(type => {
+ const picker = document.getElementById(`color-${type}`);
+ const text = document.getElementById(`color-${type}-hex`);
+ picker.addEventListener('input', (e) => {
+ text.value = e.target.value.toUpperCase();
+ updateAppPreview();
+ });
+ text.addEventListener('input', (e) => {
+ if(/^#[0-9A-F]{6}$/i.test(e.target.value)) {
+ picker.value = e.target.value;
+ updateAppPreview();
+ }
+ });
+ });
+
+ function updateAppPreview() {
+ const p = document.getElementById('color-primary').value;
+ const s = document.getElementById('color-secondary').value;
+ const b = document.getElementById('color-bg').value;
+ document.getElementById('prev-header').style.backgroundColor = p;
+ document.getElementById('prev-icon').style.backgroundColor = s;
+ document.getElementById('prev-btn').style.backgroundColor = p;
+ document.getElementById('app-preview').style.backgroundColor = b;
+ }
+
+ async function loadAppConfig() {
+ try {
+ const res = await fetch(`${API_URL}/config/company`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
+ const data = await res.json();
+ if (data.ok && data.config) {
+ currentCompanyConfig = data.config; // Guardar toda la config
+
+ // Los colores los vamos a guardar dentro de portal_settings para evitar el error 500
+ const s = (data.config.portal_settings && data.config.portal_settings.app_settings) ? data.config.portal_settings.app_settings : {};
+ document.getElementById('color-primary').value = s.primary || "#2563EB";
+ document.getElementById('color-primary-hex').value = s.primary || "#2563EB";
+ document.getElementById('color-secondary').value = s.secondary || "#F59E0B";
+ document.getElementById('color-secondary-hex').value = s.secondary || "#F59E0B";
+ document.getElementById('color-bg').value = s.bg || "#F4F7F9";
+ document.getElementById('color-bg-hex').value = s.bg || "#F4F7F9";
+ updateAppPreview();
+ }
+ } catch (e) { console.error("Error cargando colores"); }
+ }
+
+ async function saveAppConfig() {
+ const btn = document.getElementById('btnSaveApp');
+ const original = btn.innerHTML;
+ btn.innerHTML = ' Aplicando...';
+ lucide.createIcons();
+
+ const appSettings = {
+ primary: document.getElementById('color-primary').value,
+ secondary: document.getElementById('color-secondary').value,
+ bg: document.getElementById('color-bg').value
+ };
+
+ // TRAMPA ANTI-ERROR 500: Metemos los colores DENTRO de portal_settings
+ const portalSettings = currentCompanyConfig.portal_settings || {};
+ portalSettings.app_settings = appSettings;
+
+ const payload = {
+ company_name: currentCompanyConfig.full_name || null,
+ company_logo: currentCompanyConfig.company_logo || null,
+ portal_settings: portalSettings
+ };
+
+ try {
+ const res = await fetch(`${API_URL}/config/company`, {
+ method: 'POST',
+ headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` },
+ body: JSON.stringify(payload)
+ });
+ if (res.ok) {
+ showToast("✅ Colores de la App actualizados");
+ localStorage.setItem('app_theme', JSON.stringify(appSettings));
+ } else {
+ showToast("❌ Error al guardar", true);
+ }
+ } catch (e) { showToast("Error de conexión", true); }
+ finally { btn.innerHTML = original; lucide.createIcons(); }
+ }
+
+ // ==========================================
+ // LÓGICA PORTAL CLIENTE
+ // ==========================================
+ async function loadPortalConfig() {
+ try {
+ const res = await fetch(`${API_URL}/config/company`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
+ const data = await res.json();
+ if (data.ok && data.config) {
+ currentCompanyConfig = data.config; // Guardar toda la config
+
+ document.getElementById('confCompanyName').value = data.config.full_name || "";
+ if (data.config.company_logo) {
+ document.getElementById('confLogoBase64').value = data.config.company_logo;
+ document.getElementById('logoPreview').innerHTML = `
`;
+ }
+ if (data.config.portal_settings) {
+ const s = data.config.portal_settings;
+ if(s.m_start) document.getElementById('mStart').value = s.m_start;
+ if(s.m_end) document.getElementById('mEnd').value = s.m_end;
+ if(s.a_start) document.getElementById('aStart').value = s.a_start;
+ if(s.a_end) document.getElementById('aEnd').value = s.a_end;
+ }
+ }
+ } catch (e) { console.error("Error portal"); }
+ }
+
+ function encodeLogo(input) {
+ const reader = new FileReader();
+ reader.onload = (e) => {
+ document.getElementById('confLogoBase64').value = e.target.result;
+ document.getElementById('logoPreview').innerHTML = `
`;
+ };
+ reader.readAsDataURL(input.files[0]);
+ }
+
+ async function savePortalConfig() {
+ const btn = document.getElementById('btnSavePortal');
+ const original = btn.innerHTML;
+ btn.innerHTML = ' Guardando...';
+ lucide.createIcons();
+
+ // Usamos la variable global para no borrar los colores
+ const portalSettings = currentCompanyConfig.portal_settings || {};
+ portalSettings.m_start = document.getElementById('mStart').value;
+ portalSettings.m_end = document.getElementById('mEnd').value;
+ portalSettings.a_start = document.getElementById('aStart').value;
+ portalSettings.a_end = document.getElementById('aEnd').value;
+
+ const payload = {
+ company_name: document.getElementById('confCompanyName').value,
+ company_logo: document.getElementById('confLogoBase64').value,
+ portal_settings: portalSettings
+ };
+
+ try {
+ const res = await fetch(`${API_URL}/config/company`, {
+ method: 'POST',
+ headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` },
+ body: JSON.stringify(payload)
+ });
+
+ const data = await res.json();
+
+ if (data.ok) {
+ showToast("✅ Configuración del Portal guardada");
+ const nameEl = document.getElementById("headerUserName");
+ if (nameEl && payload.company_name) nameEl.innerText = payload.company_name;
+ } else {
+ showToast("Error: " + data.error, true);
+ }
+ } catch (e) { showToast("Error de conexión", true); }
+ finally { btn.innerHTML = original; lucide.createIcons(); }
+ }
+
+
// ==========================================
// LÓGICA DE INTELIGENCIA ARTIFICIAL (GREMIOS)
// ==========================================
@@ -634,80 +780,6 @@
} catch (e) { showToast("❌ Error de conexión.", true); }
}
- // ==========================================
- // LÓGICA PORTAL OPERARIO (COLORES)
- // ==========================================
- ['primary', 'secondary', 'bg'].forEach(type => {
- const picker = document.getElementById(`color-${type}`);
- const text = document.getElementById(`color-${type}-hex`);
- if(picker && text) {
- picker.addEventListener('input', (e) => {
- text.value = e.target.value.toUpperCase();
- updateAppPreview();
- });
- text.addEventListener('input', (e) => {
- if(/^#[0-9A-F]{6}$/i.test(e.target.value)) {
- picker.value = e.target.value;
- updateAppPreview();
- }
- });
- }
- });
-
- function updateAppPreview() {
- const p = document.getElementById('color-primary').value;
- const s = document.getElementById('color-secondary').value;
- const b = document.getElementById('color-bg').value;
- document.getElementById('prev-header').style.backgroundColor = p;
- document.getElementById('prev-icon').style.backgroundColor = s;
- document.getElementById('prev-btn').style.backgroundColor = p;
- document.getElementById('app-preview').style.backgroundColor = b;
- }
-
- async function loadAppConfig() {
- try {
- const res = await fetch(`${API_URL}/config/company`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
- const data = await res.json();
- if (data.ok && data.config && data.config.app_settings) {
- const s = data.config.app_settings;
- document.getElementById('color-primary').value = s.primary || "#2563EB";
- document.getElementById('color-primary-hex').value = s.primary || "#2563EB";
- document.getElementById('color-secondary').value = s.secondary || "#F59E0B";
- document.getElementById('color-secondary-hex').value = s.secondary || "#F59E0B";
- document.getElementById('color-bg').value = s.bg || "#F4F7F9";
- document.getElementById('color-bg-hex').value = s.bg || "#F4F7F9";
- updateAppPreview();
- }
- } catch (e) { console.error("Error cargando colores"); }
- }
-
- async function saveAppConfig() {
- const btn = document.getElementById('btnSaveApp');
- const original = btn.innerHTML;
- btn.innerHTML = ' Aplicando...';
- lucide.createIcons();
-
- const settings = {
- primary: document.getElementById('color-primary').value,
- secondary: document.getElementById('color-secondary').value,
- bg: document.getElementById('color-bg').value
- };
- try {
- const res = await fetch(`${API_URL}/config/company`, {
- method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` },
- body: JSON.stringify({ app_settings: settings })
- });
- if (res.ok) {
- showToast("✅ Colores de la App actualizados");
- localStorage.setItem('app_theme', JSON.stringify(settings));
- }
- } catch (e) { showToast("Error al guardar", true); }
- finally { btn.innerHTML = original; lucide.createIcons(); }
- }
-
- // ==========================================
- // LÓGICA WHATSAPP
- // ==========================================
async function loadWaSettings() {
try {
const res = await fetch(`${API_URL}/whatsapp/settings`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
@@ -720,7 +792,7 @@
document.getElementById('cfg_evt_onway').checked = s.wa_evt_onway || false;
document.getElementById('cfg_evt_finished').checked = s.wa_evt_finished || false;
document.getElementById('cfg_evt_survey').checked = s.wa_evt_survey || false;
- } catch(e) { console.error("Error cargando ajustes WA"); }
+ } catch(e) {}
}
async function saveWaSettings() {
@@ -734,238 +806,105 @@
wa_evt_survey: document.getElementById('cfg_evt_survey').checked
};
try {
- const res = await fetch(`${API_URL}/whatsapp/settings`, {
- method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` },
- body: JSON.stringify(settings)
- });
- if (res.ok) showToast("✅ Ajustes de WhatsApp guardados");
- else showToast("❌ Error al guardar", true);
- } catch(e) { showToast("❌ Error de conexión", true); }
+ const res = await fetch(`${API_URL}/whatsapp/settings`, { method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` }, body: JSON.stringify(settings) });
+ if (res.ok) showToast("✅ Ajustes WhatsApp guardados");
+ } catch(e) {}
}
async function checkWhatsappStatus() {
const container = document.getElementById('waStatusContainer');
- container.innerHTML = ``;
- } else if (data.qr) {
- container.innerHTML = ``;
- if(data.qr.startsWith('data:image')) { document.getElementById('qrcode').innerHTML = `
`; }
- else { new QRCode(document.getElementById("qrcode"), { text: data.qr, width: 180, height: 180 }); }
- } else { container.innerHTML = ``;
- }
- lucide.createIcons();
+ if (data.state === "open") container.innerHTML = ``;
+ else container.innerHTML = ``; });
+ lucide.createIcons();
}
async function addStatus() {
- const input = document.getElementById('newStatusInput'), color = document.getElementById('newStatusColor').value, name = input.value.trim();
- if(!name) return;
- try {
- const res = await fetch(`${API_URL}/statuses`, { method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` }, body: JSON.stringify({ name: name, color: color }) });
- if(res.ok) { showToast("Añadido"); input.value = ""; loadStatusesConfig(); }
- } catch(e) { showToast("Error", true); }
+ const name = document.getElementById('newStatusInput').value;
+ const color = document.getElementById('newStatusColor').value;
+ await fetch(`${API_URL}/statuses`, { method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` }, body: JSON.stringify({ name, color }) });
+ document.getElementById('newStatusInput').value = ""; loadStatusesConfig();
}
- async function deleteStatus(id) {
- if(!confirm("¿Borrar estado?")) return;
- try {
- const res = await fetch(`${API_URL}/statuses/${id}`, { method: 'DELETE', headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
- if(res.ok) { showToast("Estado eliminado"); loadStatusesConfig(); }
- else { const j = await res.json(); showToast(j.error || "Error", true); }
- } catch(e) { showToast("Error de conexión", true); }
- }
+ async function deleteStatus(id) { if(confirm("Borrar?")) { await fetch(`${API_URL}/statuses/${id}`, { method: 'DELETE', headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } }); loadStatusesConfig(); } }
+
- // ==========================================
- // LÓGICA PROVEEDORES CREDENCIALES
- // ==========================================
async function loadProviderCredentials() {
- try {
- const res = await fetch(`${API_URL}/providers/credentials`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
- const data = await res.json();
- if(data.ok) {
- data.credentials.forEach(c => {
- const userInp = document.getElementById(`user_${c.provider.toLowerCase()}`);
- if(userInp) userInp.value = c.username;
- });
- }
- } catch(e) { console.error("Error creds"); }
- }
-
- // ==========================================
- // LÓGICA PORTAL CLIENTE
- // ==========================================
- async function loadPortalConfig() {
- try {
- const res = await fetch(`${API_URL}/config/company`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
- const data = await res.json();
- if (data.ok && data.config) {
- document.getElementById('confCompanyName').value = data.config.full_name || "";
- if (data.config.company_logo) {
- document.getElementById('confLogoBase64').value = data.config.company_logo;
- document.getElementById('logoPreview').innerHTML = ``;
- }
- if (data.config.portal_settings) {
- const s = data.config.portal_settings;
- if(s.m_start) document.getElementById('mStart').value = s.m_start;
- if(s.m_end) document.getElementById('mEnd').value = s.m_end;
- if(s.a_start) document.getElementById('aStart').value = s.a_start;
- if(s.a_end) document.getElementById('aEnd').value = s.a_end;
- }
- }
- } catch (e) { console.error("Error portal"); }
- }
-
- function encodeLogo(input) {
- const file = input.files[0];
- if (!file || file.size > 1024 * 1024) { alert("Máximo 1MB"); return; }
- const reader = new FileReader();
- reader.onload = (e) => {
- document.getElementById('confLogoBase64').value = e.target.result;
- document.getElementById('logoPreview').innerHTML = ``;
- };
- reader.readAsDataURL(file);
- }
-
- async function savePortalConfig() {
- const btn = document.getElementById('btnSavePortal'), original = btn.innerHTML;
- btn.innerHTML = ' Guardando...';
- lucide.createIcons();
- const payload = {
- company_name: document.getElementById('confCompanyName').value,
- company_logo: document.getElementById('confLogoBase64').value,
- portal_settings: {
- m_start: document.getElementById('mStart').value, m_end: document.getElementById('mEnd').value,
- a_start: document.getElementById('aStart').value, a_end: document.getElementById('aEnd').value
- }
- };
- try {
- const res = await fetch(`${API_URL}/config/company`, {
- method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` },
- body: JSON.stringify(payload)
- });
- if (res.ok) showToast("Configuración del Portal guardada");
- } catch (e) { showToast("Error conexión", true); }
- finally { btn.innerHTML = original; lucide.createIcons(); }
+ const res = await fetch(`${API_URL}/providers/credentials`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
+ const data = await res.json();
+ data.credentials.forEach(c => {
+ const inp = document.getElementById(`user_${c.provider.toLowerCase()}`);
+ if(inp) inp.value = c.username;
+ });
}
function showToast(msg, isError = false) {
const t = document.getElementById('toast'), m = document.getElementById('toastMsg');
- t.className = `fixed bottom-5 right-5 px-6 py-3 rounded-lg shadow-xl transition-all duration-300 z-50 flex items-center gap-3 ${isError ? 'bg-red-600' : 'bg-slate-800'} text-white font-medium`;
- m.innerText = msg; t.classList.remove('translate-y-20', 'opacity-0');
- setTimeout(() => t.classList.add('translate-y-20', 'opacity-0'), 3000);
+ t.className = `fixed bottom-5 right-5 px-6 py-3 rounded-lg shadow-xl transition-all duration-300 z-50 flex items-center gap-3 ${isError ? 'bg-red-600' : 'bg-slate-800'} text-white font-medium opacity-100 translate-y-0`;
+ m.innerText = msg;
+ setTimeout(() => t.className += " opacity-0 translate-y-20", 3000);
}
+
+ function logout() { localStorage.clear(); window.location.href = "index.html"; }
Verificando instancia...
`;
- lucide.createIcons();
+ container.innerHTML = ``;
try {
const res = await fetch(`${API_URL}/whatsapp/status`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
const data = await res.json();
- if (!data.ok) throw new Error(data.error || "Error desconocido");
- if (data.state === "open") {
- container.innerHTML = `Conectado
Instancia: ${data.instanceName}
Esperando escaneo...
Iniciando... intenta de nuevo en unos segundos.
`; } - } catch(e) { - container.innerHTML = `Error de conexión
${e.message}
Conectado
`;
+ else if (data.qr) container.innerHTML = `Iniciando...
`; + lucide.createIcons(); + } catch(e) { container.innerHTML = `Error servidor
`; } } - // ========================================== - // LÓGICA PLANTILLAS - // ========================================== async function loadTemplates() { try { const res = await fetch(`${API_URL}/templates`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } }); const data = await res.json(); - if(data.ok) { - data.templates.forEach(t => { cachedTemplates[t.type] = t.content; }); - if (!currentTemplateType) { const firstBtn = document.querySelector('.tpl-btn'); if(firstBtn) firstBtn.click(); } - } - } catch(e) { console.error("Error templates"); } + if(data.ok) { data.templates.forEach(t => { cachedTemplates[t.type] = t.content; }); if (!currentTemplateType) document.querySelector('.tpl-btn').click(); } + } catch(e) {} } function selectTemplate(type, btn) { currentTemplateType = type; - document.querySelectorAll('.tpl-btn').forEach(b => { - b.classList.remove('bg-blue-50', 'ring-1', 'ring-blue-200'); - const s = b.querySelector('span'); - if(s.classList.contains('bg-blue-600')) s.classList.replace('bg-blue-600', 'bg-blue-100'), s.classList.replace('text-white', 'text-blue-600'); - if(s.classList.contains('bg-orange-600')) s.classList.replace('bg-orange-600', 'bg-orange-100'), s.classList.replace('text-white', 'text-orange-600'); - }); + document.querySelectorAll('.tpl-btn').forEach(b => b.classList.remove('bg-blue-50', 'ring-1', 'ring-blue-200')); btn.classList.add('bg-blue-50', 'ring-1', 'ring-blue-200'); - const span = btn.querySelector('span'); - if (span.classList.contains('bg-blue-100')) span.classList.replace('bg-blue-100', 'bg-blue-600'), span.classList.replace('text-blue-600', 'text-white'); - else if (span.classList.contains('bg-orange-100')) span.classList.replace('bg-orange-100', 'bg-orange-600'), span.classList.replace('text-orange-600', 'text-white'); document.getElementById('editorTitle').innerText = btn.innerText.trim(); document.getElementById('tplContent').value = cachedTemplates[type] || ""; } function insertVar(text) { const textarea = document.getElementById('tplContent'); - if (!textarea) return; const start = textarea.selectionStart, end = textarea.selectionEnd, val = textarea.value; textarea.value = val.substring(0, start) + text + val.substring(end); textarea.focus(); - textarea.selectionStart = textarea.selectionEnd = start + text.length; } async function saveTemplate() { - if(!currentTemplateType) { showToast("Selecciona plantilla", true); return; } const content = document.getElementById('tplContent').value; - try { - const res = await fetch(`${API_URL}/templates`, { - method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` }, - body: JSON.stringify({ type: currentTemplateType, content: content }) - }); - if(res.ok) { cachedTemplates[currentTemplateType] = content; showToast("Guardado"); } else { showToast("Error", true); } - } catch(e) { showToast("Error", true); } + await fetch(`${API_URL}/templates`, { method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` }, body: JSON.stringify({ type: currentTemplateType, content: content }) }); + cachedTemplates[currentTemplateType] = content; + showToast("Guardado"); } - // ========================================== - // LÓGICA OTROS (COMPAÑÍAS Y ESTADOS) - // ========================================== async function loadCompanies() { - const list = document.getElementById('listCompanies'); - list.innerHTML = 'Cargando...
'; - try { - const res = await fetch(`${API_URL}/companies`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } }); - const data = await res.json(); - list.innerHTML = ""; - if(data.companies.length === 0) { list.innerHTML = 'Sin compañías.
'; return; } - data.companies.forEach(c => { - const div = document.createElement('div'); - div.className = "p-3 border border-gray-100 rounded-lg bg-gray-50 flex justify-between items-center group hover:border-blue-200 transition-colors"; - div.innerHTML = `${c.name}`; - list.appendChild(div); - }); - lucide.createIcons(); - } catch(e) { list.innerHTML = 'Error
'; } + const res = await fetch(`${API_URL}/companies`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } }); + const data = await res.json(); + const list = document.getElementById('listCompanies'); list.innerHTML = ""; + data.companies.forEach(c => { list.innerHTML += `${c.name}
`; });
+ lucide.createIcons();
}
async function addCompany() {
- const input = document.getElementById('newCompanyInput'), name = input.value.trim();
- if(!name) return;
- try {
- const res = await fetch(`${API_URL}/companies`, { method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` }, body: JSON.stringify({ name: name }) });
- if(res.ok) { showToast("Añadido"); input.value = ""; loadCompanies(); }
- } catch(e) { showToast("Error", true); }
+ const name = document.getElementById('newCompanyInput').value;
+ await fetch(`${API_URL}/companies`, { method: 'POST', headers: { "Content-Type": "application/json", "Authorization": `Bearer ${localStorage.getItem("token")}` }, body: JSON.stringify({ name }) });
+ document.getElementById('newCompanyInput').value = ""; loadCompanies();
}
- async function deleteCompany(id) {
- if(!confirm("¿Borrar?")) return;
- await fetch(`${API_URL}/companies/${id}`, { method: 'DELETE', headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
- loadCompanies();
- }
+ async function deleteCompany(id) { if(confirm("Borrar?")) { await fetch(`${API_URL}/companies/${id}`, { method: 'DELETE', headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } }); loadCompanies(); } }
async function loadStatusesConfig() {
- const list = document.getElementById('listStatuses');
- list.innerHTML = 'Cargando...
'; - try { - const res = await fetch(`${API_URL}/statuses`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } }); - const data = await res.json(); - list.innerHTML = ""; - data.statuses.forEach(s => { - const div = document.createElement('div'); - div.className = "p-3 border border-gray-100 rounded-lg bg-gray-50 flex justify-between items-center group hover:border-blue-200 transition-colors"; - const actionBtn = s.is_system ? `` : ``; - div.innerHTML = `${s.name}
${actionBtn}`;
- list.appendChild(div);
- });
- lucide.createIcons();
- } catch(e) { list.innerHTML = 'Error
'; } + const res = await fetch(`${API_URL}/statuses`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } }); + const data = await res.json(); + const list = document.getElementById('listStatuses'); list.innerHTML = ""; + data.statuses.forEach(s => { list.innerHTML += `${s.name}
${s.is_system ? '' : ``}