Move navbar to separate template file

ImperialCollegeLondon · Oct 4, 2024 · 97ef845 · 97ef845 · jamesturner246 · Oct 9, 2024
1 parent 6539087
commit 97ef845
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 21 deletions.
diff --git a/main/templates/main/base.html b/main/templates/main/base.html
@@ -17,27 +17,7 @@
     {% endblock extra_css %}
   </head>
   <body>
-    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
-      <div class="container">
-        <a class="navbar-brand" href="{% url 'main:index' %}">DUNE Process Manager</a>
-        <button class="navbar-toggler"
-                type="button"
-                data-bs-toggle="collapse"
-                data-bs-target="#navbarNav"
-                aria-controls="navbarNav"
-                aria-expanded="false"
-                aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarLinks">
-          <ul class="navbar-nav me-auto">
-            <li class="nav-item">
-              <a class="nav-link" href="{% url 'controller:index' %}">Controller</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </nav>
+    {% include "main/navbar.html" %}
     <div class="container py-3">
       {% block content %}
       {% endblock content %}

diff --git a/main/templates/main/navbar.html b/main/templates/main/navbar.html
@@ -0,0 +1,21 @@
+<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+  <div class="container">
+    <a class="navbar-brand" href="{% url 'main:index' %}">DUNE Process Manager</a>
+    <button class="navbar-toggler"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#navbarNav"
+            aria-controls="navbarNav"
+            aria-expanded="false"
+            aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarLinks">
+      <ul class="navbar-nav me-auto">
+        <li class="nav-item">
+          <a class="nav-link" href="{% url 'controller:index' %}">Controller</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>