From 2d7844cce5c5088926f01c034b5ad5bb92d32639 Mon Sep 17 00:00:00 2001
From: tracer <tracer@24unix.net>
Date: Thu, 10 Jun 2021 19:16:30 +0200
Subject: [PATCH] after dropdown working

---
 templates/_header.html.twig | 150 ++++++------------------------------
 1 file changed, 24 insertions(+), 126 deletions(-)

diff --git a/templates/_header.html.twig b/templates/_header.html.twig
index f439c42..e6e35f6 100644
--- a/templates/_header.html.twig
+++ b/templates/_header.html.twig
@@ -1,8 +1,7 @@
-xxxx
 <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top navbar-top">
 
-    <a class="navbar-brand" href="/">
-        <img src="/build/images/24unix/24_logo_bg_64x64.png" alt="24unix.net" id="site-logo">
+    <a class="navbar-brand" href="{{ path('blogs') }}">
+        <img src="{{ asset('build/images/24unix/24_logo_bg_64x64.png') }}" alt="24unix.net" id="site-logo">
     </a>
 
     <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#CollapsingNavbar">
@@ -12,146 +11,45 @@ xxxx
     <div class="collapse navbar-collapse" id="CollapsingNavbar">
         <ul class="navbar-nav ml-auto">
             <li class="nav-item dropdown my-2 my-lg-0">
-                <button type="button" id="navbar-dropdown" data-toggle="dropdown"
+                <button type="button" id="navbar-dropdown" data-bs-target="#dropdown-menu" data-bs-toggle="dropdown"
                         class="btn btn-primary dropdown-toggle ml-auto button-login">
-                    tracer
+                    {{ app.user.username }}
                 </button>
 
-                <div class="dropdown-menu dropdown-menu-right" id="dropdown-menu" aria-labelledby="navbar-dropdown">
-                    <a class="dropdown-item" href="/spookie/profile">
+                {% if is_granted('ROLE_USER') %}
+                <div class="dropdown-menu dropdown-menu-dark dropdown-menu-end" id="dropdown-menu" aria-labelledby="navbar-dropdown">
+                    <a class="dropdown-item" href="{{ path('user') }}">
                         <span class="fas fa-user" aria-hidden="true"></span>
                         Profile</a>
                     <a class="dropdown-item" href="#">
                         <span class="fas fa-cog" aria-hidden="true"></span>
                         Settings</a>
                     <div class="dropdown-divider"></div>
-                    <a class="dropdown-item" href="/admin/">
-                        <span class="fas fa-cog" aria-hidden="true"></span>
-                        Administration
-                    </a>
-                    <div class="dropdown-divider"></div>
+                    {% if is_granted('ROLE_ADMIN') %}
+                        <a class="dropdown-item" href="{{ path('admin') }}">
+                            <span class="fas fa-cog" aria-hidden="true"></span>
+                            Administration
+                        </a>
+                        <div class="dropdown-divider"></div>
+                    {% endif %}
 
-                    <a class="dropdown-item" href="/spookie/logout">
+                    <a class="dropdown-item" href="{{ path('app_logout') }}">
                         <span class="fas fa-sign-out-alt" aria-hidden="true"></span>
                         Logout
                     </a>
                 </div>
             </li>
+            {% else %}
+                <li class="nav-item">
+                    <a class="btn btn-primary button-login" href="{{ path('app_login') }}" role="button"
+                       id="buttonLogin">
+                        Login
+                    </a>
+                </li>
+            {% endif %}
+
         </ul>
     </div>
 
 </nav>
 
-yyyy
-
-
-
-<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-    <a class="navbar-brand" href="#">Navbar</a>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-    </button>
-
-    <div class="collapse navbar-collapse" id="navbarSupportedContent">
-        <ul class="navbar-nav mr-auto">
-            <li class="nav-item active">
-                <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link" href="#">Link</a>
-            </li>
-            <li class="nav-item dropdown">
-                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    Dropdown
-                </a>
-                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-                    <a class="dropdown-item" href="#">Action</a>
-                    <a class="dropdown-item" href="#">Another action</a>
-                    <div class="dropdown-divider"></div>
-                    <a class="dropdown-item" href="#">Something else here</a>
-                </div>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link disabled" href="#">Disabled</a>
-            </li>
-        </ul>
-        <form class="form-inline my-2 my-lg-0">
-            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
-            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
-        </form>
-    </div>
-</nav>
-
-
-
-<!--
-<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top navbar-top">
-
-    <div class="container-fluid">
-
-        <a class="navbar-brand" href="{{ path('blogs') }}">
-            <img src="{{ asset('build/images/24unix/24_logo_bg_64x64.png') }}" alt="24unix.net" id="site-logo">
-        </a>
-
-        <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-target="#CollapsingNavbar">
-            &#9776;
-        </button>
-
-        <div class="collapse navbar-collapse" id="CollapsingNavbar">
-            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="{{ path('app_register') }}">Register</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" href="{{ path('user') }}">User</a>
-                </li>
-                {% if is_granted('ROLE_USER') %}
-                <div class="d-flex justify-content-end">
-
-                <li class="nav-item dropdown my-2 my-lg-0">
-                    <li class="nav-item dropdown my-2 my-lg-0">
-
-                    <button type="button" id="navbar-dropdown" data-bs-target="#dropdown-menu" data-bs-toggle="collapse"
-                                class="btn btn-primary dropdown-toggle ml-auto button-login">
-                            {{ app.user.username }}
-                        </button>
-                        <div class="dropdown-menu dropdown-menu-right" id="dropdown-menu" aria-labelledby="navbar-dropdown">
-                            <a class="dropdown-item" href="{{ path('blogs') }}">
-                                <span class="fas fa-user" aria-hidden="true"></span>
-                                Profile</a>
-                            <a class="dropdown-item" href="#">
-                                <span class="fas fa-cog" aria-hidden="true"></span>
-                                Settings</a>
-                            <div class="dropdown-divider"></div>
-                            {% if is_granted('ROLE_ADMIN') %}
-                                <a class="dropdown-item" href="{{ path('admin') }}">
-                                    <span class="fas fa-cog" aria-hidden="true"></span>
-                                    Administration
-                                </a>
-                                <div class="dropdown-divider"></div>
-                            {% endif %}
-
-                            <a class="dropdown-item" href="{{ path('app_logout') }}">
-                                <span class="fas fa-sign-out-alt" aria-hidden="true"></span>
-                                Logout
-                            </a>
-                        </div>
-                    </li>
-                {% else %}
-                    <li class="nav-item">
-                        <a class="btn btn-primary button-login" href="{{ path('app_login') }}" role="button" id="buttonLogin">
-                            Login
-                        </a>
-                    </li>
-                {% endif %}
-                </div>
-
-            </ul>
-        </div>
-
-
-    </div>
-
-
-</nav>
--->
\ No newline at end of file