From: Giorgio Ravera <giorgio.ravera@gmail.com>
Date: Tue, 10 Mar 2026 17:24:34 +0000 (+0100)
Subject: Added the menu in the top bar
X-Git-Url: http://git.giorgioravera.it/?a=commitdiff_plain;h=98ed66c5d31ca4408d15ef9d8234c0102087cd9b;p=network-manager.git

Added the menu in the top bar
---

diff --git a/frontend/aliases.html b/frontend/aliases.html
index c3ac1a1..82c377f 100644
--- 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 9874bf2..bf7dfab 100644
--- 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 5f6e337..253a228 100644
--- 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