feat(webUI): implemented a simple navbar for the tool

Closes: #45
Decision-Driven-Development · Aug 3, 2024 · bdcf2e9 · bdcf2e9
1 parent 5e45d68
commit bdcf2e9
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/src/main/resources/templates/layout.html b/src/main/resources/templates/layout.html
@@ -35,9 +35,35 @@
           rel="stylesheet"
           integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
           crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+            crossorigin="anonymous"></script>
     <link rel="stylesheet" href="static/main.css">
 </head>
 <body class="container">
+<nav class="navbar navbar-expand-lg bg-body-tertiary">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="#">Logic Checker</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                data-bs-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 me-auto mb-2 mb-lg-0">
+                <li class="nav-item">
+                    <a class="nav-link" aria-current="page" href="/">Config</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" aria-current="page" href="/test">Test Runner</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" aria-current="page" href="/state">State Simulator</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
 {{ content }}
 </body>
 </html>