Added the menu in the top bar

diff --git a/frontend/aliases.html b/frontend/aliases.html
index c3ac1a1b68494588412e7f68d0f3a8df42ee0562..82c377f2883c7170e9d6f68c0bc28ea3f64d8c1e 100644 (file)
--- a/frontend/aliases.html
+++ b/frontend/aliases.html
@@ -36,7 +36,23 @@
                 <span>Network Manager</span>
             </div>
 
-            <button id="logoutBtn" class="btn btn-primary">Logout</button>
+            <!-- Spacer -->
+            <div class="col d-none d-md-block"></div>
+
+            <nav class="navbar navbar-expand-md px-3">
+                <!-- Bottone hamburger -->
+                <button class="navbar-toggler bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#menuNav">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <!-- Menu -->
+                <div class="collapse navbar-collapse" id="menuNav">
+                    <div class="navbar-nav ms-auto gap-2">
+                        <a href="/hosts"   id="hostsBtn"   class="btn btn-primary active" aria-current="page">Hostname</a>
+                        <a href="/aliases" id="aliasesBtn" class="btn btn-primary"        aria-current="page">Alias</a>
+                        <button id="logoutBtn" class="btn btn-primary">Logout</button>
+                    </div>
+                </div>
+            </nav>
         </div>
     </header>
 
@@ -65,8 +81,8 @@
                         <input
                             type="text"
                             id="searchInput"
-                            placeholder="Ricerca..."
-                            class="form-control form-control-sm"
+                            placeholder="Search..."
+                            class="form-control form-control-sm placeholder-italic"
                             aria-label="Search alias"
                         >
                     </div>

diff --git a/frontend/hosts.html b/frontend/hosts.html
index 9874bf229e0845b2a445bf54db8b541a05c51e52..bf7dfab520915072d3c35dac95d506fbad49b3c4 100644 (file)
--- a/frontend/hosts.html
+++ b/frontend/hosts.html
@@ -36,7 +36,23 @@
                 <span>Network Manager</span>
             </div>
 
-            <button id="logoutBtn" class="btn btn-primary">Logout</button>
+            <!-- Spacer -->
+            <div class="col d-none d-md-block"></div>
+
+            <nav class="navbar navbar-expand-md px-3">
+                <!-- Bottone hamburger -->
+                <button class="navbar-toggler bg-light" type="button" data-bs-toggle="collapse" data-bs-target="#menuNav">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <!-- Menu -->
+                <div class="collapse navbar-collapse" id="menuNav">
+                    <div class="navbar-nav ms-auto gap-2">
+                        <a href="/hosts"   id="hostsBtn"   class="btn btn-primary active" aria-current="page">Hostname</a>
+                        <a href="/aliases" id="aliasesBtn" class="btn btn-primary"        aria-current="page">Alias</a>
+                        <button id="logoutBtn" class="btn btn-primary">Logout</button>
+                    </div>
+                </div>
+            </nav>
         </div>
     </header>
 
@@ -65,8 +81,8 @@
                         <input
                             type="text"
                             id="searchInput"
-                            placeholder="Ricerca..."
-                            class="form-control form-control-sm"
+                            placeholder="Search..."
+                            class="form-control form-control-sm placeholder-italic"
                             aria-label="Search hosts"
                         >
                     </div>

diff --git a/frontend/login.html b/frontend/login.html
index 5f6e337060c250084cade18ab5cbc65056793f9e..253a22850e462bb307c3dad923df48d3f2438d54 100644 (file)
--- a/frontend/login.html
+++ b/frontend/login.html
@@ -41,12 +41,11 @@
 
             <form id="loginForm" novalidate>
                 <div class="mb-3">
-                    <!--<label for="username" class="form-label">Username</label>-->
                     <input
                         type="text"
                         id="username"
                         name="username"
-                        class="form-control"
+                        class="form-control placeholder-italic"
                         autocomplete="username"
                         placeholder="username"
                         required
@@ -55,12 +54,11 @@
                 </div>
 
                 <div class="mb-3">
-                    <!--<label for="password" class="form-label">Password</label>-->
                     <input
                         type="password"
                         id="password"
                         name="password"
-                        class="form-control"
+                        class="form-control placeholder-italic"
                         autocomplete="current-password"
                         placeholder="password"
                         required