Commit 65eec2fc authored by cyprien's avatar cyprien
Browse files

front header

parent c6cfeb18

public/js/pop-up-psw-changer.js

+17 −0
Original line number Diff line number Diff line 
function openForm() {

    document.getElementById("popupForm").style.display = "block";

    document.getElementById("popupForm").style.zIndex = "100000000";

   



    if(!document.getElementById('fullPageDiv')){

        const fullPageDiv = document.createElement('div');

        fullPageDiv.id = 'fullPageDiv';

        fullPageDiv.style.width = "100vw";

        fullPageDiv.style.zIndex = "1000001";

        fullPageDiv.style.position = "absolute";

        fullPageDiv.style.height = "100vh";

        fullPageDiv.style.backgroundColor = "rgba(0, 0, 0, 0.4)";

        document.body.appendChild(fullPageDiv);

    }

}



function closeForm() {

    if(document.getElementById('fullPageDiv')){

        document.body.removeChild(document.getElementById('fullPageDiv'));

    }



    document.getElementById("popupForm").style.display = "none";

}
 
 No newline at end of file

resources/views/components/header.blade.php

+25 −10
Original line number Diff line number Diff line
@@ -2,6 +2,14 @@ 


<nav class="border-gray-200 bg-[#002550]">

    <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">

        <a href="javascript:history. back()">

            <button diveId="#"

                style="background-color: transparent;color: var(--yellow);margin-right: 5px;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-circle-arrow-left"></i>

            </button>

        </a>        

        <a href="{{ route('homepage') }}" class="flex items-center space-x-3 rtl:space-x-reverse">

            <img src="{{ asset("/images/logo_allonge.png") }}" class="h-14" alt="Nautilus Logo"/>

        </a>
@@ -18,7 +26,7 @@ class="flex text-sm bg-blue-500 rounded-full md:me-0 focus:ring-4 focus:ring-blu 
                        id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown"

                        data-dropdown-placement="bottom">

                    <span

                        class="w-8 h-8 rounded-full py-2 font-bold text-white">{{ substr(session('user')->US_FIRST_NAME, 0, 1) . substr(session('user')->US_NAME, 0, 1) }}</span>

                        class="aligne w-8 h-8 rounded-full py-2 font-bold text-white">{{ substr(session('user')->US_FIRST_NAME, 0, 1) . substr(session('user')->US_NAME, 0, 1) }}</span>

                </button>

                <!-- Dropdown menu -->

                <div class="z-50 hidden my-4 text-base list-none divide-y rounded-lg shadow bg-blue-700 divide-blue-500"
@@ -59,18 +67,18 @@ class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-5 
            <ul class="flex flex-col font-medium p-4 md:p-0 mt-4 rounded-lg md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 bg-[#063E7B] md:bg-[#002550]">

                <li class="py-2 @if(request()->routeIs('homepage')) md:border-b md:border-b-[#FFBE55] border-b-0 @endif">

                    <a href="{{ route('homepage') }}"

                       @if(request()->routeIs('homepage')) class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500"

                       @if(request()->routeIs('homepage')) class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-[var(--yellow)]"

                       aria-current="page"

                       @else class="block py-2 px-3 rounded hover:bg-blue-700 md:p-0 text-white md:hover:text-blue-500 hover:text-white md:hover:bg-transparent border-gray-700" @endif>

                       @else class="block py-2 px-3 rounded hover:bg-blue-700 md:p-0 text-white md:hover:text-[var(--yellow)] hover:text-white md:hover:bg-transparent border-gray-700" @endif>

                        Tableau de bord

                    </a>

                </li>

                @if (session()->has('user'))

                <li class="py-2 @if(request()->routeIs('dives'))border-b border-b-[#FFBE55]@endif">

                    <a href="{{ route('dives') }}"

                       @if(request()->routeIs('dives')) class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500"

                       @if(request()->routeIs('dives')) class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-[var(--yellow)]"

                       aria-current="page"

                       @else class="block py-2 px-3 rounded hover:bg-blue-700 md:p-0 text-white md:hover:text-blue-500 hover:text-white md:hover:bg-transparent border-gray-700" @endif>Inscription

                       @else class="block py-2 px-3 rounded hover:bg-blue-700 md:p-0 text-white md:hover:text-[var(--yellow)] hover:text-white md:hover:bg-transparent border-gray-700" @endif>Inscription

                        aux plongées</a>

                </li>

                @endif
@@ -81,13 +89,20 @@ class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-5 




<link rel="stylesheet" href="/css/pop-up-psw-changer.css">

    <div class="form-popup" id="popupForm">

    <div class="form-popup" id="popupForm" style="border-radius: 15px;overflow: hidden;">

      <form action="/modification/password-changer" class="form-container" method="post">

        @csrf

        <button onclick="closeForm()" type="button" class=" w-full flex items-center justify-center w-1/2 px-5 py-2 text-sm text-gray-700 transition-colors duration-200 border rounded-full gap-x-2 sm:w-auto dark:hover:bg-[#002550] dark:bg-[#002550] hover:bg-[#002550] dark:text-gray-200 dark:border-gray-700">

            <svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="#ffffff" d="M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z"/></svg>

        <div>

            <button onclick="closeForm()" type="button" 

            class="clickableRed w-full flex items-center justify-center w-1/2 px-5 

            py-2 text-sm text-gray-700 transition-colors duration-200 border rounded-full gap-x-2 sm:w-auto dark:hover:bg-[#002550] 

            dark:bg-[#002550] hover:bg-[#002550] dark:text-gray-200 dark:border-gray-700"

            style="border: none;width: 30px;font-size: 20px;left: 94%;position: relative;bottom: 5%;">

                <i class="fa-solid fa-xmark"></i>

            </button>

        <x-page-title >Changement de mot de passe</x-page-title>

        </div>

        <h2 style="font-size: 30px">Changement de mot de passe</h2>

        <hr style="height: 3px;background-color: black;margin-bottom: 15px;margin-top: 5px; width : 100%">

        <label for="OldPassword">

           <h2>votre ancien mot de passe</h2>

        </label>
@@ -96,7 +111,7 @@ class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-5 
            <h2>votre nouveau mot de passe</h2>

        </label>

        <input type="password" value="" id="NewPassword" placeholder="Votre Mot de passe" name="NewPassword" required />

        <button type="submit" class="btn">Changer votre mot de passe</button>

        <button type="submit" class="clickable" style="padding: 10px; width: 100%">Changer votre mot de passe</button>

      </form>

    </div>

<script type="text/javascript" src="/js/pop-up-psw-changer.js"></script>
 
 No newline at end of file

resources/views/dives_list_management.blade.php

+1 −0
Original line number Diff line number Diff line 
<x-layout>

    <link rel="stylesheet" href="{{ asset('/css/app.css') }}">

    <x-page-title>Gestion de mes plongées en tant que directeur</x-page-title>

    

    <div class="shadow-md max-w-full rounded-lg overflow-hidden border-2">

        <table class="text-sm text-left text-gray-500 w-full">

            <thead class="text-xs text-gray-700 uppercase bg-gray-50">

resources/views/dives.blade.php

+1 −1

File changed.

Contains only whitespace changes.