alumnos_ti/LauckCycles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Agregue modo dark al calendar y al la vista del turno

Browse Source
This commit is contained in:
Coassolo-Lucas
2026-04-04 18:14:11 -03:00
parent c1921b7372
commit 8c22563cc1
3 changed files with 37 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/agenda.blade.php
+15 -9
View File
@@ -11,7 +11,7 @@
</div> </div>
<a href="{{ route('taller.index') }}" <a href="{{ route('taller.index') }}"
class="px-5 py-2.5 bg-neon-lime text-neutral-900 font-bold rounded-lg hover:bg-[#b3e600] uppercase tracking-wide text-xs flex items-center gap-2"> class="px-5 py-2.5 bg-neutral-900 text-white hover:bg-neutral-700 dark:bg-neon-lime dark:text-neutral-900 dark:hover:bg-[#b3e600] font-bold rounded-lg uppercase tracking-wide text-xs flex items-center gap-2">
Volver a Taller Volver a Taller
</a> </a>
@@ -21,32 +21,38 @@
window.appointments = @json($appointments); window.appointments = @json($appointments);
</script> </script>
<script> <script>
window.appointmentShowTemplate = "{{ route('appointments.show', ':id') }}"; window.appointmentShowTemplate = "{{ route('appointments.show', ':id') }}";
</script> </script>
<div id="calendar" class="w-full border-2 rounded-xl py-3 px-3 bg-neutral-900/50 border border-neutral-800"></div> <div id="calendar" class="w-full rounded-xl py-3 px-3 bg-white border border-neutral-200 shadow-sm dark:bg-neutral-900/50 dark:border-neutral-800 dark:shadow-none"></div>
</x-layout> </x-layout>
<div id="eventModal" <div id="eventModal"
class="hidden fixed inset-0 z-50 flex items-center justify-center"> class="hidden fixed inset-0 z-50 flex items-center justify-center">
<div class="relative text-white p-6 rounded-xl w-96 shadow-2xl border-2 bg-neutral-900 border border-neutral-800"> <div class="relative p-6 rounded-xl w-96 shadow-2xl border
bg-white border-neutral-200 text-neutral-900
dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
<h2 id="modalTitle" class="text-xl font-bold mb-2"></h2> <h2 id="modalTitle" class="text-xl font-bold mb-2 text-neutral-900 dark:text-white"></h2>
<p id="modalDate" class="text-gray-300 mb-4"></p> <p id="modalDate" class="mb-4 text-neutral-500 dark:text-gray-300"></p>
<div class="flex justify-end gap-2"> <div class="flex justify-end gap-2">
<button id="closeModal" <button id="closeModal"
class="px-4 py-2 bg-gray-600 hover:bg-gray-500 rounded-lg"> class="px-4 py-2 rounded-lg
bg-neutral-100 hover:bg-neutral-200 text-neutral-700
dark:bg-gray-600 dark:hover:bg-gray-500 dark:text-white">
Cerrar Cerrar
</button> </button>
<a id="viewEventBtn" <a id="viewEventBtn"
class="px-4 py-2 bg-neon-lime hover:bg-[#b3e600] text-neutral-900 font-bold rounded-lg"> class="px-4 py-2 font-bold rounded-lg
bg-neutral-900 hover:bg-neutral-700 text-white
dark:bg-neon-lime dark:hover:bg-[#b3e600] dark:text-neutral-900">
Ver turno Ver turno
</a> </a>
</div> </div>
</div> </div>
</div> </div>
resources/views/appointments/show.blade.php
+22 -19
View File
@@ -4,12 +4,16 @@
<div class="flex justify-end mb-6"> <div class="flex justify-end mb-6">
<a href="{{ route('agenda') }}" <a href="{{ route('agenda') }}"
class="px-5 py-2.5 bg-neon-lime text-neutral-900 font-bold rounded-lg hover:bg-[#b3e600] uppercase tracking-wide text-xs flex items-center gap-2"> class="px-5 py-2.5 font-bold rounded-lg uppercase tracking-wide text-xs flex items-center gap-2
bg-neutral-900 text-white hover:bg-neutral-700
dark:bg-neon-lime dark:text-neutral-900 dark:hover:bg-[#b3e600]">
← Volver a Agenda ← Volver a Agenda
</a> </a>
</div> </div>
<div class="rounded-2xl shadow-lg p-8 space-y-6 bg-neutral-900/50 border-neutral-800 border-2"> <div class="rounded-2xl shadow-lg p-8 space-y-6
bg-white border border-neutral-300
dark:bg-neutral-900/50 dark:border-neutral-700 dark:border-2">
@php @php
$statusMap = [ $statusMap = [
@@ -31,12 +35,11 @@
]; ];
$color = $colorMap[$appointment->status] ?? '#3b82f6'; $color = $colorMap[$appointment->status] ?? '#3b82f6';
@endphp @endphp
{{-- Estado --}} {{-- Estado --}}
<div class="text-center"> <div class="text-center">
<span class="text-lg uppercase font-bold text-gray-400 tracking-wide"> <span class="text-lg uppercase font-bold tracking-wide text-neutral-500 dark:text-gray-400">
Estado Estado
</span> </span>
@@ -52,50 +55,50 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div> <div>
<p class="text-lg uppercase font-bold text-gray-400">Cliente</p> <p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Cliente</p>
<p class="text-lg font-semibold text-white"> <p class="text-lg font-semibold text-neutral-900 dark:text-white">
{{ $appointment->client->name }} {{ $appointment->client->name }}
</p> </p>
</div> </div>
<div> <div>
<p class="text-lg uppercase font-bold text-gray-400">Teléfono</p> <p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Teléfono</p>
<p class="text-white"> <p class="text-neutral-900 dark:text-white">
{{ $appointment->contact_phone ?? '-' }} {{ $appointment->contact_phone ?? '-' }}
</p> </p>
</div> </div>
<div> <div>
<p class="text-lg uppercase font-bold text-gray-400">Fecha pactada de entrega</p> <p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Fecha pactada de entrega</p>
<p class="text-white"> <p class="text-neutral-900 dark:text-white">
{{ $appointment->scheduled_at->format('d/m/Y') }} {{ $appointment->scheduled_at->format('d/m/Y') }}
</p> </p>
</div> </div>
<div> <div>
<p class="text-lg uppercase font-bold text-gray-400">Hora</p> <p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Hora</p>
<p class="text-white"> <p class="text-neutral-900 dark:text-white">
{{ $appointment->scheduled_at->format('H:i') }} {{ $appointment->scheduled_at->format('H:i') }}
</p> </p>
</div> </div>
<div class="md:col-span-2"> <div class="md:col-span-2">
<p class="text-lg uppercase font-bold text-gray-400">Modelo de Bicicleta</p> <p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Modelo de Bicicleta</p>
<p class="text-white"> <p class="text-neutral-900 dark:text-white">
{{ $appointment->bike_model ?? '-' }} {{ $appointment->bike_model ?? '-' }}
</p> </p>
</div> </div>
<div class="md:col-span-2"> <div class="md:col-span-2">
<p class="text-lg uppercase font-bold text-gray-400">Problema Reportado</p> <p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Problema Reportado</p>
<p class="text-white"> <p class="text-neutral-900 dark:text-white">
{{ $appointment->problem_description }} {{ $appointment->problem_description }}
</p> </p>
</div> </div>
<div class="md:col-span-2"> <div class="md:col-span-2">
<p class="text-lg uppercase font-bold text-gray-400">Notas</p> <p class="text-lg uppercase font-bold text-neutral-500 dark:text-gray-400">Notas</p>
<p class="text-white"> <p class="text-neutral-900 dark:text-white">
{{ $appointment->notes ?? '-' }} {{ $appointment->notes ?? '-' }}
</p> </p>
</div> </div>
@@ -104,4 +107,4 @@
</div> </div>
</x-layout> </x-layout>
resources/views/login.blade.php
-2
View File
@@ -6,8 +6,6 @@
title="Bicicletería " title="Bicicletería "
highlight="Lauck" highlight="Lauck"
/> />
-->
<div class="bg-panel-bg p-8 rounded-xl shadow-lg w-full max-w-md border border-neutral-700"> <div class="bg-panel-bg p-8 rounded-xl shadow-lg w-full max-w-md border border-neutral-700">
<form action="{{ route('login.attempt') }}" method="POST" class="space-y-5"> <form action="{{ route('login.attempt') }}" method="POST" class="space-y-5">
@csrf @csrf