auth module (breeze) + styled components

2025-05-20 17:38:29 +02:00
parent 96d2496853
commit b4081a38db
138 changed files with 5837 additions and 34 deletions
--- a/laravel/resources/views/layout.blade.php
+++ b/laravel/resources/views/layout.blade.php
@@ -4,13 +4,23 @@
    <meta charset="UTF-8" />
    <!--link rel="stylesheet" href="style.css" /-->
    <link rel="stylesheet" href="{{ URL::asset('style.css') }}" />
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
    <title>Mon Blog</title>
 </head>
 <body>
 <div id="global">
    <header>
-        <a href="{{ route('billets.index') }}"><h1 id="titreBlog">Mon Blog</h1></a>
+        <div id="organizer">
+            <div></div>
+            <a href="{{ route('billets.index') }}"><h1 id="titreBlog">Mon Blog</h1></a>
+            <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();" id="logout-button">Se déconnecter</a>
+        </div>
+
        <p>Je vous souhaite la bienvenue sur ce modeste blog.</p>
+
+        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
+            @csrf
+        </form>
    </header>
    <div id="contenu">
        @yield('contenu')
@@ -19,5 +29,19 @@
        Blog réalisé avec PHP, HTML5 et CSS.
    </footer>
 </div> <!-- #global -->
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
+@auth
+<script type="text/javascript">
+    Toastify({
+        text: "Bienvenue, {{ Auth::user()->name }}",
+        duration: 3000,
+        position: "left",
+        newWindow: true,
+        style : {
+            background: "linear-gradient(to right, #00b09b, #96c93d)",
+        }
+    }).showToast();
+</script>
+@endauth
 </body>
 </html>