lizandrogd/soft_usite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

up

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/portal/proyecto.html
+38 -1
View File
@@ -24,7 +24,7 @@
<!-- Tabs -->
<div class="flex border-b border-slate-200 mb-6 gap-0 overflow-x-auto">
<template x-for="tab in ['Roadmap','Avances','Entregables','Tickets','Facturas']" :key="tab">
<template x-for="tab in ['Roadmap','Avances','Entregables','Documentos','Tickets','Facturas']" :key="tab">
<button @click="activeTab=tab; if(tab==='Tickets') marcarTicketsPendientesLeidos(); if(tab==='Facturas') marcarFacturasLeidas()" class="relative px-4 py-2 text-sm whitespace-nowrap border-b-2 -mb-px transition-colors"
:class="activeTab===tab ? 'font-semibold border-[#8eb02f] text-[#8eb02f]' : 'border-transparent text-slate-500 hover:text-slate-700'">
<span x-text="tab"></span>
@@ -142,6 +142,41 @@
</div>
</div>
<!-- ─── DOCUMENTOS ─────────────────────────────────────────────────────────── -->
<div x-show="activeTab==='Documentos'" x-cloak>
<div class="space-y-3">
<template x-if="documentos.length === 0">
<p class="text-slate-400 text-sm text-center py-10">Sin documentos disponibles.</p>
</template>
<template x-for="d in documentos" :key="d.ID">
<div class="bg-white rounded-xl border border-slate-200 p-4 flex items-center gap-4">
<!-- Icono por tipo -->
<div class="w-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0"
:class="d.tipo==='contrato' ? 'bg-blue-50' : d.tipo==='orden_servicio' ? 'bg-amber-50' : 'bg-slate-100'">
<svg x-show="d.tipo==='contrato'" class="w-5 h-5 text-blue-500" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
<svg x-show="d.tipo==='orden_servicio'" class="w-5 h-5 text-amber-500" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/></svg>
<svg x-show="d.tipo!=='contrato' && d.tipo!=='orden_servicio'" class="w-5 h-5 text-slate-400" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"/></svg>
</div>
<!-- Info -->
<div class="flex-1 min-w-0">
<p class="font-semibold text-sm text-slate-800 truncate" x-text="d.nombre"></p>
<div class="flex items-center gap-2 mt-0.5">
<span class="text-xs px-2 py-0.5 rounded-full font-medium capitalize"
:class="d.tipo==='contrato' ? 'bg-blue-100 text-blue-700' : d.tipo==='orden_servicio' ? 'bg-amber-100 text-amber-700' : 'bg-slate-100 text-slate-500'"
x-text="d.tipo?.replace('_',' ')"></span>
<span x-show="d.descripcion" class="text-xs text-slate-400 truncate" x-text="d.descripcion"></span>
</div>
</div>
<!-- Descarga -->
<a :href="`/portal/documentos/${d.ID}/download`"
class="flex-shrink-0 text-[#8eb02f] hover:text-[#6d8c24]" title="Descargar">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg>
</a>
</div>
</template>
</div>
</div>
<!-- ─── TICKETS ───────────────────────────────────────────────────────────── -->
<div x-show="activeTab==='Tickets'" x-cloak>
<!-- Crear ticket -->
@@ -259,6 +294,7 @@ function portalProyecto() {
ticketForm: { titulo:'', descripcion:'', prioridad:'media' },
facturas: [],
facturasNoLeidas: 0,
documentos: [],
async init() {
const params = new URLSearchParams(window.location.search);
@@ -299,6 +335,7 @@ function portalProyecto() {
...f,
_nuevo: this.facturasNoLeidas > 0,
}));
this.documentos = r.data.documentos || [];
} catch(e){} finally { this.loadingTickets=false; }
},