Actualizar usuarios.html

This commit is contained in:
2026-02-15 16:39:01 +00:00
parent e7d386cb80
commit 7e8c2f1c33

View File

@@ -186,80 +186,46 @@
loader.classList.remove('hidden');
try {
// Llamada a tu propio endpoint del server
async function fetchMunicipios(provName) {
const selMun = document.getElementById('selMunicipio');
const loader = document.getElementById('loaderMun');
selMun.innerHTML = '<option value="">-- Cargando... --</option>';
selMun.disabled = true;
if(!provName) return;
if (loader) loader.classList.remove('hidden');
try {
// Llamamos a tu propia base de datos a través del servidor
const res = await fetch(`${API_URL}/api/geo/municipios/${provName}`, {
headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` }
});
const data = await res.json();
if (data.ok) {
if (data.ok && data.municipios.length > 0) {
selMun.innerHTML = '<option value="">-- Selecciona Pueblo --</option>';
data.municipios.forEach(m => {
const opt = document.createElement('option');
opt.value = m.municipio;
opt.dataset.cp = m.codigo_postal;
opt.innerText = m.municipio.toUpperCase();
opt.innerText = `${m.municipio.toUpperCase()} (${m.codigo_postal})`;
selMun.appendChild(opt);
});
// Opción de respaldo manual
selMun.innerHTML += '<option value="OTRO">-- NO ESTÁ EN LA LISTA (MANUAL) --</option>';
selMun.disabled = false;
} else {
// Si la provincia no tiene datos aún en la DB, mostramos la opción manual
selMun.innerHTML = '<option value="OTRO">-- ESCRIBIR MANUALMENTE --</option>';
selMun.disabled = false;
}
} catch (e) { showToast("Error al cargar municipios desde la DB local", true); }
finally { loader.classList.add('hidden'); lucide.createIcons(); }
}
function autoFillCP(munName) {
const sel = document.getElementById('selMunicipio');
const selectedOpt = sel.options[sel.selectedIndex];
if (munName === "OTRO") {
const customMun = prompt("Nombre del Municipio:");
if (customMun) {
const newOpt = document.createElement('option');
newOpt.value = customMun.toUpperCase();
newOpt.innerText = customMun.toUpperCase();
newOpt.selected = true;
sel.appendChild(newOpt);
document.getElementById('cpInput').focus();
}
return;
}
if(selectedOpt && selectedOpt.dataset.cp) {
document.getElementById('cpInput').value = selectedOpt.dataset.cp;
}
}
function addZoneToUser() {
const prov = document.getElementById('selProvince').value;
const mun = document.getElementById('selMunicipio').value;
const cp = document.getElementById('cpInput').value.trim();
if (!prov || !mun || !cp || mun === "OTRO") { showToast("Completa los datos de zona", true); return; }
if (tempUserZones.some(z => z.city === mun && z.cps === cp)) {
showToast("Esta zona ya está añadida", true); return;
}
tempUserZones.push({ province: prov, city: mun, cps: cp });
renderTempZones();
document.getElementById('cpInput').value = "";
}
function removeTempZone(idx) {
tempUserZones.splice(idx, 1);
renderTempZones();
}
function renderTempZones() {
const area = document.getElementById('userZonesArea');
area.innerHTML = tempUserZones.length === 0 ? '<p class="text-[10px] text-gray-300 italic p-1">Sin zonas añadidas...</p>' : "";
tempUserZones.forEach((z, i) => {
area.innerHTML += `
<span class="bg-blue-100 text-blue-700 px-3 py-1.5 rounded-lg text-[10px] font-black border border-blue-200 flex items-center gap-2">
${z.city} (${z.cps})
<button type="button" onclick="removeTempZone(${i})" class="text-blue-400 hover:text-red-500"><i data-lucide="x" class="w-3 h-3"></i></button>
</span>`;
});
} catch (e) {
console.error("Error de conexión con la DB geográfica");
} finally {
if (loader) loader.classList.add('hidden');
lucide.createIcons();
}
}
async function fetchGuilds() {
try {