This commit is contained in:
Lizandro Guarnizo
2026-05-19 13:09:06 -05:00
parent b1aa437bbd
commit 762ebc2afc
7 changed files with 143 additions and 5 deletions
+34 -3
View File
@@ -111,6 +111,32 @@
<div><label class="label">Notas</label><textarea x-model="form.notas" class="input-field w-full" rows="2"></textarea></div>
<div><label class="label">Chat ID de Telegram</label><input x-model="form.telegram_chat_id" class="input-field w-full font-mono" placeholder="Ej: 123456789"><p class="text-xs text-slate-400 mt-1">Se usa para enviar notificaciones al usuario vía Telegram.</p></div>
<div><label class="label">Sitio Web</label><input x-model="form.sitio_web" class="input-field w-full" type="url" placeholder="https://ejemplo.com"><p class="text-xs text-slate-400 mt-1">Sitio web del partner o cliente.</p></div>
<!-- Contacto -->
<div>
<label class="label">Teléfono</label>
<div class="flex gap-2">
<select x-model="form.indicativo" class="input-field w-28">
<option value="">Indicativo</option>
<option value="+57">🇨🇴 +57</option>
<option value="+1">🇺🇸 +1</option>
<option value="+52">🇲🇽 +52</option>
<option value="+54">🇦🇷 +54</option>
<option value="+56">🇨🇱 +56</option>
<option value="+51">🇵🇪 +51</option>
<option value="+58">🇻🇪 +58</option>
<option value="+593">🇪🇨 +593</option>
<option value="+34">🇪🇸 +34</option>
<option value="+55">🇧🇷 +55</option>
<option value="+44">🇬🇧 +44</option>
<option value="+1-other">Otro +1</option>
</select>
<input x-model="form.telefono" type="tel" class="input-field flex-1" placeholder="Número de teléfono">
</div>
</div>
<div class="grid grid-cols-2 gap-3">
<div><label class="label">País</label><input x-model="form.pais" class="input-field w-full" placeholder="Ej: Colombia"></div>
<div><label class="label">Ciudad</label><input x-model="form.ciudad" class="input-field w-full" placeholder="Ej: Bogotá"></div>
</div>
</div>
<p x-show="error" x-text="error" class="text-red-500 text-sm mt-3"></p>
<div class="flex justify-end gap-3 mt-5">
@@ -241,6 +267,11 @@
<p class="text-sm" :class="detailUser?.pais ? 'text-slate-700' : 'text-slate-300'"
x-text="detailUser?.pais || '—'"></p>
</div>
<div>
<p class="label">Ciudad</p>
<p class="text-sm" :class="detailUser?.ciudad ? 'text-slate-700' : 'text-slate-300'"
x-text="detailUser?.ciudad || '—'"></p>
</div>
<div>
<p class="label">Sitio Web</p>
<template x-if="detailUser?.sitio_web">
@@ -353,7 +384,7 @@ function portalUsuariosApp() {
editId: null, deleteId: null, error: '',
accesoUserId: null, accesoClienteId: '',
showCredModal: false, credUserId: null, credNombre: '', credEmail: '', credPassword: '', credSending: false, credMsg: '', credOk: false,
form: { nombre:'', email:'', password:'', rol:'cliente', cliente_id:'', activo:true, notas:'', telegram_chat_id:'', sitio_web:'' },
form: { nombre:'', email:'', password:'', rol:'cliente', cliente_id:'', activo:true, notas:'', telegram_chat_id:'', sitio_web:'', telefono:'', indicativo:'', pais:'', ciudad:'' },
async init() { await this.load(); },
@@ -382,12 +413,12 @@ function portalUsuariosApp() {
openCreate() {
this.editId=null; this.error='';
this.form={nombre:'',email:'',password:'',rol:'cliente',cliente_id:'',activo:true,notas:'',telegram_chat_id:'',sitio_web:''};
this.form={nombre:'',email:'',password:'',rol:'cliente',cliente_id:'',activo:true,notas:'',telegram_chat_id:'',sitio_web:'',telefono:'',indicativo:'',pais:'',ciudad:''};
this.showModal=true;
},
openEdit(u) {
this.editId=u.ID; this.error='';
this.form={nombre:u.nombre,email:u.email,password:'',rol:u.rol,cliente_id:u.cliente_id||'',activo:u.activo,notas:u.notas||'',telegram_chat_id:u.telegram_chat_id||'',sitio_web:u.sitio_web||''};
this.form={nombre:u.nombre,email:u.email,password:'',rol:u.rol,cliente_id:u.cliente_id||'',activo:u.activo,notas:u.notas||'',telegram_chat_id:u.telegram_chat_id||'',sitio_web:u.sitio_web||'',telefono:u.telefono||'',indicativo:u.indicativo||'',pais:u.pais||'',ciudad:u.ciudad||''};
this.showModal=true;
},
async save() {