front update (27283beb) · Commits · Victor Friboulet / nautilus

app/Http/Controllers/DiveSessionUpdate.php

+0 −2

Original line number	Diff line number	Diff line
		@@ -17,8 +17,6 @@ public static function update($request, $id)
		$dv->BO_ID = $request->boat;
		$dv->US_ID_CAR_SECURE = $request->security;
		$dv->US_ID_CAR_DIRECT = $request->manager;
		$dv->DS_DATE = $request->day;
		$dv->CAR_SCHEDULE = $request->hour;
		$dv->DS_MAX_DEPTH = $request->maxDepth;
		$dv->DS_ACTIVE = 1;
		$dv->DS_MAX_DIVERS = $request->max;

public/css/create_div.css

+15 −0

Original line number	Diff line number	Diff line
		@@ -77,3 +77,18 @@ .inputTime{
		padding: 7px;
		width: 60% !important;
		}

		.clickableDelete{
		width: auto !important;
		height: auto !important;
		background-color: var(--bad) !important;
		color: var(--black) !important;
		transition: all 0.4s ease-out;
		}


		.clickableDelete:hover{
		cursor: pointer;
		background-color: var(--badDarker) !important;
		color: var(--white) !important;
		}
		No newline at end of file

public/js/create_div.js

+13 −0

Original line number	Diff line number	Diff line
		if(document.querySelector('.clickableDelete')){
		var deleteButton = document.querySelector('.clickableDelete');
		function checkHistoryLines() {
		var historyLines = document.querySelectorAll('.historyLine');
		var Historique = document.getElementById("Historique");
		if (historyLines.length > 0) {
		Historique.style.display = 'table';
		} else {
		Historique.style.display = 'none';
		}
		}
		deleteButton.addEventListener('click', checkHistoryLines);
		}
		No newline at end of file

resources/views/create_dive.blade.php

+3 −7

Original line number	Diff line number	Diff line
		@@ -4,8 +4,7 @@
		<link rel="stylesheet" href="{{ asset('/css/create_div.css') }}">

		<div style="display : flex; flex-direction: row">
		<div
		style="width: 50%; margin-right: 50px;display:flex; align-items: center; flex-direction: column;overflow: auto;">
		<div style="width: 50%; margin-right: 50px;display:flex; align-items: center; flex-direction: column;overflow: auto;" id="Historique">
		@if (!isset($previousDives))
		<img src="{{ asset('/images/Diver1.png') }}" alt="Diver illustration">
		@else
		@@ -13,10 +12,10 @@
		<hr style="height: 3px;background-color: black;margin-left: 10%;margin-bottom: 15px;margin-top: 5px; width : 80%">
		<table class="arrayhistory">
		<tr class="history">
		<th>Date et heure</th>
		<th>Date</th>
		<th class="thresize">Max personnes</th>
		<th style="width: 25%;">Site</th>
		<th>Niveau requis</th>
		<th>Niveau</th>
		<th>Actions</th>
		</tr>
		@foreach ($previousDives as $dive)
		@@ -99,12 +98,9 @@
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 60%">
		<div class="aligne">
		<div class="divideFlexSmall Column">
		<label for="minInput">Minimum :</label>
		<label for="maxInput">Maximum :</label>
		</div>
		<div class="divideFlexBig Column">
		<input required type="number" name="min" id="minInput" min="0" placeholder="0"
		style="width: 20%;-moz-appearance: textfield;text-align: center;">
		@if (isset($precedent))
		<input required type="number" name="max" id="maxInput" min="0" placeholder="0"
		style="width: 20%;-moz-appearance: textfield;text-align: center;"

resources/views/update_dive.blade.php

+91 −53

Original line number	Diff line number	Diff line
		<x-layout>
		<link rel="stylesheet" href="../css/app.css">
		<link rel="stylesheet" href="{{ asset('/css/app.css') }}">
		<link rel="stylesheet" href="{{ asset('/css/create_div.css') }}">

		<div style="display : flex; flex-direction: row">
		<div style="width: 50%; margin-right: 50px; height: 100%; display:flex; align-items: center; flex-direction: column">
		<img src="{{ asset('/images/Diver1.png') }}" alt="Diver illustration">
		</div>
		<form action="/dive/update/{{$dive->DS_CODE}}" method="POST" style="width: 70%;font-size: 20px;">
		@csrf

		<form action="/dive/update/{{$dive->DS_CODE}}" method="POST" style="width: 70%;">
		<h1 class="text-4xl"
		style="font-family: 'Space Grotesk', sans-serif; font-weight: bold; margin-bottom: 30px;">Modification d'une
		plongée</h1>
		<div style="display: flex;">
		<div style="width: 58%; margin-bottom: 40px;margin-top: 40px;">
		<h2>Nombres d'inscrits</h2>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 50%">
		<div style="display: flex; margin-bottom: 15px">
		<div style="margin-right: 20px;">
		<label for="maxInput">Minimum : </label>
		<input type="number" name="max" id="maxInput" min="0" placeholder="0" value="0"
		style="width: 40px;border: 2px solid black;border-radius: 7px;-moz-appearance: textfield;text-align: center;">
		</div>
		<div>
		<label for="minInput">Maximum : </label>
		<input type="number" name="max" id="maxInput" min="0" placeholder="0" value="{{$dive->DS_MAX_DIVERS}}"
		style="width: 42px;border: 2px solid black;border-radius: 7px;-moz-appearance: textfield;text-align: center;">
		</div>
		</div>
		<label for="levelInput">Niveau requis : </label>
		<select name="level" id="levelInput" style="width: 230px; margin-bottom: 15px;">
		@foreach ($levels as $level)
		@if($level->PRE_CODE == $dive->PRE_CODE)
		<option value="{{ $level->PRE_CODE }}" selected>{{ $level->PRE_CODE }}</option>
		@else
		<option value="{{ $level->PRE_CODE }}">{{ $level->PRE_CODE }}</option>
		@endif
		@endforeach
		</select>
		<label for="maxDepth">Profondeur maximum : </label>
		<input type="number" name="maxDepth" min=1 id="maxDepth" style="width: 40px;border: 2px solid black;border-radius: 7px;-moz-appearance: textfield;text-align: center;" placeholder="0" value="{{$dive->DS_MAX_DEPTH}}">
		</div>
		<div style="width: 40%;margin-bottom: 40px;margin-top: 40px;">
		<div class="Line">
		<div class="divideFlex Column">
		<h2>Créneau</h2>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 100%">
		<div style="display: flex;flex-direction: column;">
		<div>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 40%">
		<div class="aligne">
		<div class="divideFlexSmall Column">
		<label for="dayInput">Jour : </label>
		<label for="hourInput">Heure de début :</label>
		</div>
		<div class="divideFlexBig Column">
		<div>
		<input disabled type="date" name="day" id="dayInput"
		style="border: 2px solid black;border-radius: 10px;padding: 7px;" value="{{$dive->DS_DATE}}">
		</div>
		<div style="margin-top: 15px;">
		<label for="hourInput">Heure de début</label>
		<select name="hour" id="hour" style="width: 100px; margin-bottom: 15px; margin-left: 20px;" disabled>
		<option value="Matin">Matin</option>
		<option value="Apres-midi">Après midi</option>
		@@ -59,10 +35,14 @@
		</div>
		</div>
		</div>
		<hr style="height: 3px;background-color: black;margin-bottom: 30px;margin-top: 5px; width : 50%;">
		<div style="display: flex; margin-bottom: 50px;">
		<div style="width: 50%">
		<div class="divideFlex Column">
		<h2>Lieu</h2>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 40%">
		<div class="aligne">
		<div class="divideFlexSmall Column">
		<label for="locationInput" style="margin-right: 20px;">Site :</label>
		</div>
		<div class="divideFlexBig Column">
		<select name="location" id="locationInput" style="width: 200px;">
		@foreach ($locations as $location)
		@if ($location->DL_ID == $dive->DL_ID)
		@@ -73,8 +53,39 @@
		@endforeach
		</select>
		</div>
		<div style="width: 50%">
		<label for="boatInput" style="margin-right: 20px;">Bateau : </label>
		</div>
		</div>
		</div>
		<div class="Line">
		<div class="divideFlex Column">
		<h2>Nombre de personnes</h2>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 60%">
		<div class="aligne">
		<div class="divideFlexSmall Column">
		<label for="maxInput">Maximum :</label>
		</div>
		<div class="divideFlexBig Column">
		@if (isset($precedent))
		<input required type="number" name="max" id="maxInput" min="0" placeholder="0"
		style="width: 20%;-moz-appearance: textfield;text-align: center;"
		value="{{ $precedent->DS_MAX_DIVERS }}">
		@else
		<input required type="number" name="max" id="maxInput" min="0"
		placeholder="0" value="{{$dive->DS_MAX_DIVERS}}"
		style="width: 20%;-moz-appearance: textfield;text-align: center;">
		@endif
		</div>
		</div>
		</div>
		<div class="divideFlex Column">
		<h2>Transport et niveau</h2>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 60%">
		<div class="aligne">
		<div class="divideFlexSmall Column">
		<label for="boatInput">Bateau :</label>
		<label for="levelInput">Niveau requis :</label>
		</div>
		<div class="divideFlexBig Column">
		<select name="boat" id="boatInput" style="width: 200px;">
		@foreach ($boats as $boat)
		@if ($boat->BO_ID == $dive->BO_ID)
		@@ -84,12 +95,25 @@
		@endif
		@endforeach
		</select>
		<select name="level" id="levelInput" style="width: 230px; margin-bottom: 15px;">
		@foreach ($levels as $level)
		@if($level->PRE_CODE == $dive->PRE_CODE)
		<option value="{{ $level->PRE_CODE }}" selected>{{ $level->PRE_CODE }}</option>
		@else
		<option value="{{ $level->PRE_CODE }}">{{ $level->PRE_CODE }}</option>
		@endif
		@endforeach
		</select>
		</div>
		</div>
		</div>
		<div style="display: flex;">
		<div style="display: flex;flex-direction: column;width: 30%; margin-right: 2%; margin-bottom: 30px;">
		<label for="securityInput">Sécurité de surface</label>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px;">
		</div>
		<div class="Line">
		<div class="divideFlex Column">
		<h2>Sécurité de Surface</h2>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 60%">
		<div class="aligne">
		<div class="divideFlexBig Column">
		<select name="security" id="securityInput">
		@foreach ($users as $user)
		@if ($user->hasRole('SEC'))
		@@ -102,9 +126,13 @@
		@endforeach
		</select>
		</div>
		<div style="display: flex;flex-direction: column;width: 30%; margin-right: 2%;">
		<label for="managerInput">Directeur</label>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px;">
		</div>
		</div>
		<div class="divideFlex Column">
		<h2>Directeur</h2>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 60%">
		<div class="aligne">
		<div class="divideFlexBig Column">
		<select name="manager" id="managerInput">
		@foreach ($users as $user)
		@if ($user->hasRole('DIR'))
		@@ -117,9 +145,13 @@
		@endforeach
		</select>
		</div>
		<div style="display: flex;flex-direction: column;width: 30%; margin-right: 2%;">
		<label for="pilotInput">Pilote</label>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px;">
		</div>
		</div>
		<div class="divideFlex Column">
		<h2>Pilote</h2>
		<hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 60%">
		<div class="aligne">
		<div class="divideFlexBig Column">
		<select name="pilot" id="pilotInput">
		@foreach ($users as $user)
		@if ($user->hasRole('PIL'))
		@@ -133,6 +165,9 @@
		</select>
		</div>
		</div>
		</div>
		</div>

		<div class="flex -mx-3" style="margin-top: 50px;">
		<div class="w-full px-3 mb-5">
		<input
		@@ -143,11 +178,14 @@ class="clickable block w-full max-w-xs mx-auto bg-yellow-400 hover:bg-yellow-500
		@csrf
		<div class="w-full px-3 mb-5">
		<input
		class="clickable block w-full max-w-xs mx-auto bg-red-400 hover:bg-red-500 focus:bg-red-500 text-black rounded-lg px-3 py-3 font-semibold"
		class="clickableDelete clickable block w-full max-w-xs mx-auto bg-red-400 hover:bg-red-500 focus:bg-red-500 text-black rounded-lg px-3 py-3 font-semibold"
		type="submit" value="Supprimer">
		</div>
		</form>
		</div>
		</form>
		</div>

		<script src="https://kit.fontawesome.com/8708952b61.js" crossorigin="anonymous"></script>
		<script src="{{ asset('/js/create_div.js') }}"></script>
		</x-layout>