marsalva/App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualizar calendario.html

Browse Source
This commit is contained in:
marsalva
2026-03-28 21:45:13 +00:00
parent 4af91e43c6
commit 5d32568a62
1 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
calendario.html
View File

@@ -312,28 +312,29 @@
</div>
</div>
<div class="bg-white p-5 rounded-3xl shadow-sm border border-slate-200 space-y-4 text-left">
<p class="text-[10px] font-black text-slate-400 uppercase tracking-widest flex items-center gap-1.5"><i data-lucide="calendar" class="w-4 h-4 text-emerald-500"></i> Cita y Avería</p>
<div class="grid grid-cols-2 gap-3">
<div>
<div class="bg-white p-5 rounded-3xl shadow-sm border border-slate-200 space-y-5 text-left flex flex-col w-full">
<p class="text-[10px] font-black text-slate-400 uppercase tracking-widest flex items-center gap-1.5 w-full"><i data-lucide="calendar" class="w-4 h-4 text-emerald-500"></i> Cita y Avería</p>
<div class="grid grid-cols-2 gap-3 w-full">
<div class="w-full">
<label class="label-modern">Día</label>
<input type="date" id="nsDate" onchange="renderNewServiceAgenda()" class="input-modern" required>
<input type="date" id="nsDate" onchange="renderNewServiceAgenda()" class="input-modern w-full" required>
</div>
<div>
<div class="w-full">
<label class="label-modern">Hora</label>
<input type="time" id="nsTime" class="input-modern" required>
<input type="time" id="nsTime" class="input-modern w-full" required>
</div>
</div>
<div id="nsAgendaContainer" class="hidden mt-1 text-left bg-blue-50/50 border border-blue-100 rounded-xl p-3">
<p class="text-[9px] font-black text-blue-500 uppercase tracking-widest mb-2 flex items-center gap-1.5"><i data-lucide="map" class="w-3 h-3"></i> Tu ruta para este día</p>
<div id="nsAgendaList" class="flex flex-col gap-2"></div>
<div id="nsAgendaContainer" class="hidden mt-2 text-left bg-blue-50/50 border border-blue-100 rounded-xl p-4 w-full">
<p class="text-[9px] font-black text-blue-500 uppercase tracking-widest mb-3 flex items-center gap-1.5"><i data-lucide="map" class="w-4 h-4"></i> Tu ruta para este día</p>
<div id="nsAgendaList" class="flex flex-col gap-2 w-full"></div>
</div>
<div>
<div class="w-full">
<label class="label-modern">Tiempo Estimado</label>
<div class="relative">
<select id="nsDuration" class="input-modern appearance-none pr-8 cursor-pointer">
<div class="relative w-full">
<select id="nsDuration" class="input-modern w-full appearance-none pr-8 cursor-pointer">
<option value="15">15 min</option>
<option value="30">30 min</option>
<option value="45">45 min</option>
@@ -343,12 +344,13 @@
<option value="180">3 h</option>
<option value="240">4 h</option>
</select>
<i data-lucide="chevron-down" class="w-4 h-4 absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none"></i>
<i data-lucide="chevron-down" class="w-5 h-5 absolute right-4 top-1/2 -translate-y-1/2 text-slate-400 pointer-events-none"></i>
</div>
</div>
<div>
<div class="w-full">
<label class="label-modern">Descripción del Trabajo</label>
<textarea id="nsDesc" rows="3" placeholder="Detalle de la avería..." class="input-modern resize-none" required></textarea>
<textarea id="nsDesc" rows="4" placeholder="Detalle de la avería..." class="input-modern w-full resize-none leading-relaxed" required></textarea>
</div>
</div>