feat: add menu bar to filters (be300f3d) · Commits · Victor Friboulet / nautilus

app/Http/Controllers/FilterDivesByDateController.php

0 → 100644

+18 −0

Original line number	Diff line number	Diff line
		<?php

		namespace App\Http\Controllers;

		use App\Models\DivingSession;
		use Illuminate\View\View;

		class DivesByDateList extends Controller
		{
		public function index($date): View
		{
		$divesByDate = DivingSession::select('DS_CODE', 'car_diving_session.DL_ID', 'DS_DATE', 'DL_DEPTH', 'CAR_SCHEDULE', 'DL_NAME')
		->join('car_diving_location', 'car_diving_session.DL_ID', '=', 'car_diving_location.DL_ID')
		->where('DS_DATE', $date)
		->get();
		return view('divesByDate', ['divesByDate' => $divesByDate]);
		}
		}
		No newline at end of file

app/Http/Controllers/FilterDivesByDiverController.php

0 → 100644

+21 −0

Original line number	Diff line number	Diff line
		<?php

		namespace App\Http\Controllers;

		use App\Models\DivingSession;
		use Illuminate\View\View;

		class DivesByDiverList extends Controller
		{
		public function index($diver_name, $diver_firstname): View
		{
		$divesByDiver = DivingSession::select('DS_CODE', 'car_diving_session.DL_ID', 'DS_DATE', 'DL_DEPTH', 'CAR_SCHEDULE', 'DL_NAME')
		->join('car_diving_location', 'car_diving_session.DL_ID', '=', 'car_diving_location.DL_ID')
		->join('car_registration', 'car_diving_session.DS_CODE', '=', 'car_registration.DS_CODE')
		->join('car_user', 'car_diving_session.US_ID', '=', 'car_user.US_ID')
		->where('US_NAME', $diver_name)
		->where('US_FIRST_NAME', $diver_firstname)
		->get();
		return view('divesByDiver', ['divesByDiver' => $divesByDiver]);
		}
		}
		No newline at end of file

app/Http/Controllers/FilterDivesBySiteController.php

0 → 100644

+18 −0

Original line number	Diff line number	Diff line
		<?php

		namespace App\Http\Controllers;

		use App\Models\DivingSession;
		use Illuminate\View\View;

		class DivesBySiteList extends Controller
		{
		public function index($site): View
		{
		$divesBySite = DivingSession::select('DS_CODE', 'car_diving_session.DL_ID', 'DS_DATE', 'DL_DEPTH', 'CAR_SCHEDULE', 'DL_NAME')
		->join('car_diving_location', 'car_diving_session.DL_ID', '=', 'car_diving_location.DL_ID')
		->where('DL_NAME', $site)
		->get();
		return view('divesBySite', ['divesBySite' => $divesBySite]);
		}
		}
		No newline at end of file

app/Http/Controllers/FilterDivesByStageController.php

0 → 100644

+18 −0

Original line number	Diff line number	Diff line
		<?php

		namespace App\Http\Controllers;

		use App\Models\DivingSession;
		use Illuminate\View\View;

		class DivesByStageList extends Controller
		{
		public function index($stage): View
		{
		$divesByStage = DivingSession::select('DS_CODE', 'car_diving_session.DL_ID', 'DS_DATE', 'DL_DEPTH', 'CAR_SCHEDULE', 'DL_NAME')
		->join('car_diving_location', 'car_diving_session.DL_ID', '=', 'car_diving_location.DL_ID')
		->where('DL_DEPTH', $stage)
		->get();
		return view('divesByStage', ['divesByStage' => $divesByStage]);
		}
		}
		No newline at end of file

public/css/button-filter.css

0 → 100644

+126 −0

Original line number	Diff line number	Diff line
		.container {
		width:50%;
		display: flex;
		justify-content: left;
		align-items: center;
		position: relative;
		}

		.change-my-color {
		fill: #1d4ed8;
		}

		input{
		background-color: #002550;
		color: white;
		}

		input:hover{
		color: #fff;
		background: #1d4ed8;
		border-radius: 15px;
		}

		.button {
		width: 1200px;
		height: 65px;
		background: #002550;
		border-radius: 15px;
		cursor: pointer;
		display: flex;
		justify-content: left;
		align-items: center;
		padding: 0 24px;
		overflow: hidden;
		transition: width 300ms linear;
		margin-bottom: 30px;
		}

		.nav {
		opacity: 1;
		transition: all 0.5s ease-in-out;
		background: #002550;
		width: 100%;
		border-radius: 5px;
		transform: translateX(10%);
		padding: 10px;

		ul {
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: row;
		}
		li {
		opacity: 0;
		list-style: none;
		&:nth-child(1) {
		transform-origin: bottom;
		animation: itop 300ms 300ms linear forwards;
		}
		&:nth-child(2) {
		transform-origin: bottom;
		animation: itop 300ms 400ms linear forwards;
		}
		&:nth-child(3) {
		transform-origin: bottom;
		animation: itop 300ms 500ms linear forwards;
		}
		&:nth-child(4) {
		transform-origin: bottom;
		animation: itop 300ms 600ms linear forwards;
		}
		}
		li {
		transition: all 0.5s linear;
		text-decoration: none;
		color: grey;
		font-size: 20px;
		width: fit-content;
		padding: 10px;
		height: 52px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 10px 0 0;
		border-radius: 15px;

		&:hover {
		color: #fff;
		background: #1d4ed8;
		border-radius: 15px;
		}
		}
		}

		#toggle:checked ~ label .nav {
		display: none;
		opacity: 0;
		transform: translateX(0);
		}

		#toggle:checked ~ .button {
		width: 70px;
		transition: all 0.1s linear;
		}

		@media (max-width: 640px) {
		.container {
		width: 100%;
		}
		}

		@keyframes itop {
		0% {
		opacity: 0;
		transform: translateY(60px);
		}
		100% {
		opacity: 1;
		transform: translateY(0);
		}
		}

		#toggle {
		-webkit-appearance: none;
		}
		No newline at end of file