feature #19 add navigation bar and disable turbo InstantLink

rushlow-development · Mar 26, 2024 · c941dfa · c941dfa
1 parent 3d7c267
commit c941dfa
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 2 deletions.
diff --git a/assets/app.js b/assets/app.js
@@ -7,3 +7,6 @@ import './bootstrap.js';
  */
 import 'bootstrap/dist/css/bootstrap.min.css';
 import './styles/app.css';
+
+// Required for the navbar
+import { Collapse } from 'bootstrap';
diff --git a/templates/base.html.twig b/templates/base.html.twig
@@ -12,8 +12,29 @@
             {% block importmap %}{{ importmap('app') }}{% endblock %}
         {% endblock %}
     </head>
-    <body>
-        <div class="container py-3 mb-5">
+    <body data-turbo-prefetch="false">
+        <div class="container pb-3 mb-5">
+            <div class="row">
+                <nav class="navbar navbar-expand-lg pb-3">
+                    <div class="container-fluid">
+                        <a class="navbar-brand" href="{{ path('app_main_index') }}">BigDesk</a>
+                        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navBarItems" aria-controls="navBarItems" aria-expanded="false" aria-label="Toggle navigation">
+                            <span class="navbar-toggler-icon"></span>
+                        </button>
+                        <div class="collapse navbar-collapse" id="navBarItems">
+                            <div class="navbar-nav">
+                                {% if is_granted('IS_AUTHENTICATED') %}
+                                    <a href="{{ path('app_profile_me') }}" class="nav-link">Profile</a>
+                                    <a href="{{ path('app_logout') }}" class="nav-link">Logout</a>
+                                {% else %}
+                                    <a href="{{ path('app_login') }}" class="nav-link">Login</a>
+                                    <a href="{{ path('app_register') }}" class="nav-link">Register</a>
+                                {% endif %}
+                            </div>
+                        </div>
+                    </div>
+                </nav>
+            </div>
             {% for label, messages in app.flashes %}
                 {% for message in messages %}
                     <div class="alert alert-{{ label }}" role="alert">{{ message }}</div>