front (bc17a40d) · Commits · Victor Friboulet / nautilus

public/css/app.css

+25 −0

Original line number	Diff line number	Diff line
		@@ -76,6 +76,31 @@ .clickableRed:hover{
		color: var(--white)
		}


		.clickableBlue{
		background-color: #909aef;
		color: var(--black);
		transition: all 0.4s ease-out;
		}

		.clickableBlue:hover{
		color: var(--white);
		cursor: pointer;
		background-color: #515dcc;
		}

		.clickablePink{
		background-color: #e882e1;
		color: var(--black);
		transition: all 0.4s ease-out;
		}

		.clickablePink:hover{
		color: var(--white);
		cursor: pointer;
		background-color: rgb(207, 96, 199);
		}

		.aligne{
		display: flex;
		align-items: center;

resources/views/dives.blade.php

+49 −23

Original line number	Diff line number	Diff line
		@@ -7,14 +7,19 @@
		<div class="container">
		<input type="checkbox" id="toggle" unchecked />
		<label class="button" for="toggle">
		<svg class="change-my-color" xmlns="http://www.w3.org/2000/svg" height="19" width="19" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z"/></svg>
		<svg class="change-my-color" xmlns="http://www.w3.org/2000/svg" height="19" width="19"
		viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
		<path
		d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z" />
		</svg>
		<div class="nav">
		<form action="{{ route('dives_filter') }}" method="POST">
		@csrf
		<ul>
		<li>
		<label for="location_filter" class="sr-only">Choisir un lieux</label>
		<select id="location_filter" name="location_filter" class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent appearance-none focus:outline-none focus:ring-0 focus:border-orange-600 peer">
		<select id="location_filter" name="location_filter"
		class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent appearance-none focus:outline-none focus:ring-0 focus:border-orange-600 peer">
		<option selected value="default">Lieux</option>
		@foreach ($locations as $dive)
		<option value="{{ $dive->DL_NAME }}">{{ $dive->DL_NAME }}</option>
		@@ -23,7 +28,8 @@
		</li>
		<li>
		<label for="creneau_filter" class="sr-only">Choisir un créneau</label>
		<select id="creneau_filter" name="creneau_filter" class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent appearance-none focus:outline-none focus:ring-0 focus:border-orange-600 peer">
		<select id="creneau_filter" name="creneau_filter"
		class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent appearance-none focus:outline-none focus:ring-0 focus:border-orange-600 peer">
		<option selected value="default">Créneau</option>
		<option value="matin">Matin</option>
		<option value="apres-midi">Après-midi</option>
		@@ -32,7 +38,8 @@
		</li>
		<li>
		<label for="level_filter" class="sr-only">Choisir un niveau</label>
		<select id="level_filter" name="level_filter" class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent appearance-none focus:outline-none focus:ring-0 focus:border-orange-600 peer">
		<select id="level_filter" name="level_filter"
		class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent appearance-none focus:outline-none focus:ring-0 focus:border-orange-600 peer">
		<option selected value="default">Niveau</option>
		@foreach ($levels as $level)
		<option value="{{ $level->PRE_MAX_DEPTH }}">{{ $level->PRE_MAX_DEPTH }}</option>
		@@ -53,7 +60,8 @@
		</select>
		</li>-->
		<li class="hover:bg-transparent bg-transparent">
		<button type="submit" class="w-full py-2.5 px-4 text-sm bg-gray-300 rounded-md focus:outline-none focus:bg-gray-400">
		<button type="submit"
		class="w-full py-2.5 px-4 text-sm bg-gray-300 rounded-md focus:outline-none focus:bg-gray-400">
		Rechercher
		</button>
		</li>
		@@ -98,16 +106,22 @@
		<td class="px-12 py-4">{{ $dive->DL_NAME }}</td>
		<td class="px-12 py-4 flex">
		{{ $dive->DS_DIVERS_COUNT }}/{{ $dive->DS_MAX_DIVERS }}
		<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z"/></svg>
		</td>
		<td class="px-12 py-4">
		<x-button diveId="dropdownButton-{{ $dive->DS_CODE }}">
		<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
		xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
		<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20"
		viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
		<path
		d="M14 2a3.963 3.963 0 0 0-1.4.267 6.439 6.439 0 0 1-1.331 6.638A4 4 0 1 0 14 2Zm1 9h-1.264A6.957 6.957 0 0 1 15 15v2a2.97 2.97 0 0 1-.184 1H19a1 1 0 0 0 1-1v-1a5.006 5.006 0 0 0-5-5ZM6.5 9a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 10H5a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-2a5.006 5.006 0 0 0-5-5Z"/>
		d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z" />
		</svg>
		</x-button>
		</td>
		<td class="px-12 py-4">
		<div class="Line">
		<a href="/modificationdives/members/{{ $dive['DS_CODE'] }}">
		<button diveId="dropdownButton-{{ $dive->DS_CODE }}"
		style="margin-right: 5px;background-color: var(--yellow);font-size: 35px;"
		class="clickable aligne m-1 bg-gray-400 hover:bg-gray-500
		text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">
		<i class="fa-solid fa-users"></i>
		</button>
		</a>
		@if (in_array($user, $participants))
		<a href='/unsubscribe/{{ $dive->DS_CODE }}'>
		<x-button color="bg-red-700" colorHover="hover:bg-red-800">
		@@ -121,19 +135,30 @@
		</a>
		@else
		@if ($userPre->PRE_MAX_DEPTH > $dive->DS_MAX_DEPTH)
		<a href='/dives/{{ $dive->DS_CODE }}'>
		<x-button color="bg-green-700" colorHover="hover:bg-green-800">
		<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
		xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">
		<path stroke="currentColor" stroke-linecap="round"
		stroke-linejoin="round" stroke-width="2"
		d="M1 5.917 5.724 10.5 15 1.5" />
		</svg>
		</x-button>
		<a href="/dives/{{ $dive->DS_CODE }}">
		<button diveId="dropdownButton-{{ $dive->DS_CODE }}"
		style="margin-right: 5px;font-size: 35px;"
		class="clickableGreen aligne m-1 bg-gray-400 hover:bg-gray-500
		text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">
		<i class="fa-solid fa-check"></i>
		</button>
		</a>
		@endif
		@endif
		</a>
		@if ($userPre->PRE_MAX_DEPTH <= $dive->DS_MAX_DEPTH)
		<a href="/dives/{{ $dive->DS_CODE }}">
		<button disabled diveId="dropdownButton-{{ $dive->DS_CODE }}"
		style="background-color: #4fad67;margin-right: 5px;font-size: 35px;"
		class="aligne m-1 bg-gray-400 hover:bg-gray-500
		text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">
		<i class="fa-solid fa-check"></i>
		</button>
		</a>
		@endif

		</div>

		@if ($userPre->PRE_MAX_DEPTH <= $dive->DS_MAX_DEPTH)
		<div class="text-red-400">
		<p>Vous n'avez pas le niveau requis</p>
		@@ -159,7 +184,8 @@

		<div class="drop-down">
		@foreach ($participants as $user)
		<p class = "drop-down-items">{{ $user->US_NAME }} {{ $user->US_FIRST_NAME }} <span class = "text-gray-500">- {{ $user->PRE_CODE }}</span></p>
		<p class = "drop-down-items">{{ $user->US_NAME }} {{ $user->US_FIRST_NAME }} <span
		class = "text-gray-500">- {{ $user->PRE_CODE }}</span></p>
		@endforeach
		</div>
		</x-drop-down>

resources/views/dives_list_management.blade.php

+24 −20

Original line number	Diff line number	Diff line
		@@ -28,34 +28,38 @@
		<td class="px-6 py-4">{{ $dive->DL_NAME }}</td>
		<td class="px-12 py-4 flex">
		{{ $dive->DS_DIVERS_COUNT }}/{{ $dive->DS_MAX_DIVERS }}
		<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z"/></svg>
		<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20"
		viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
		<path
		d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464H398.7c-8.9-63.3-63.3-112-129-112H178.3c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3z" />
		</svg>
		</td>
		<td class="px-8 py-4">
		<div class="Line">
		<a href="{{ route('dives_show', ['id' => $dive->DS_CODE]) }}">
		<x-button>
		<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
		<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
		</svg>
		</x-button>
		<button style="margin-right: 5px;font-size: 35px;"
		class="clickableBlue aligne m-1 bg-gray-400 hover:bg-gray-500
		text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">
		<i class="fa-solid fa-clipboard-list" aria-hidden="true"></i>
		</button>
		</a>
		<a href="/modificationdives/members/{{ $dive['DS_CODE'] }}">
		<x-button diveId="dropdownButton-{{$dive->DS_CODE}}">
		<svg class="w-6 h-6 text-gray-800 text-white" aria-hidden="true"
		xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
		<path
		d="M14 2a3.963 3.963 0 0 0-1.4.267 6.439 6.439 0 0 1-1.331 6.638A4 4 0 1 0 14 2Zm1 9h-1.264A6.957 6.957 0 0 1 15 15v2a2.97 2.97 0 0 1-.184 1H19a1 1 0 0 0 1-1v-1a5.006 5.006 0 0 0-5-5ZM6.5 9a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 10H5a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-2a5.006 5.006 0 0 0-5-5Z"/>
		</svg>
		</x-button>
		<button diveId="dropdownButton-{{ $dive->DS_CODE }}"
		style="margin-right: 5px;background-color: var(--yellow);font-size: 35px;"
		class="clickable aligne m-1 bg-gray-400 hover:bg-gray-500
		text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">
		<i class="fa-solid fa-users"></i>
		</button>
		</a>
		<a href="/dive/update/{{ $dive['DS_CODE'] }}">
		<x-button diveId="dropdownButton-{{$dive->DS_CODE}}">
		<svg class="w-6 h-6 text-gray-800 text-white" aria-hidden="true"
		xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
		<path
		d="M14 2a3.963 3.963 0 0 0-1.4.267 6.439 6.439 0 0 1-1.331 6.638A4 4 0 1 0 14 2Zm1 9h-1.264A6.957 6.957 0 0 1 15 15v2a2.97 2.97 0 0 1-.184 1H19a1 1 0 0 0 1-1v-1a5.006 5.006 0 0 0-5-5ZM6.5 9a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 10H5a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-2a5.006 5.006 0 0 0-5-5Z"/>
		</svg>
		</x-button>
		<button diveId="dropdownButton-{{ $dive->DS_CODE }}"
		style="margin-right: 5px;font-size: 35px;"
		class="clickablePink aligne m-1 bg-gray-400 hover:bg-gray-500
		text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">
		<i class="fa-regular fa-pen-to-square"></i>
		</button>
		</a>
		</div>
		</td>
		</tr>
		@endforeach