Dev

CHANGELOG.md

@@ -4,6 +4,16 @@ All notable changes to this project will be documented in this file.
 
 ---
 
+## [v1.0.4] - 2025-12-18 20:46
+
+### Added
+- Simple Login
+- Windows support
+- Discord alerts
+- New server page (graphs, ecc)
+- New servers page (delete option)
+---
+
 ## [v1.0.3] - 2025-12-18 20:46
 
 ### Added

README.md

@@ -123,12 +123,14 @@ Your setup consists of the following components:
 ## Latest Release
 
 <!-- CHANGELOG:START -->
-## [v1.0.3] - 2025-12-18 20:46
+## [v1.0.4] - 2025-12-18 20:46
 
 ### Added
-- Automatic URL for installation
-- 1 Layer for Security db dir
-
+- Simple Login
+- Windows support
+- Discord alerts
+- New server page (graphs, ecc)
+- New servers page (delete option)
 ---
 
 <!-- CHANGELOG:END -->

php/public/index.php

@@ -55,33 +55,97 @@
   <script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>
   <script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js"></script>
 
-  <!-- minimal admin polish -->
   <style>
     body {
       background-color: var(--bs-body-bg);
     }
 
+    /* SIDEBAR */
     .sidebar {
       width: 260px;
       border-end: 1px solid var(--bs-border-color);
+      background: linear-gradient(180deg,
+          var(--bs-body-tertiary),
+          var(--bs-body-bg));
     }
 
+    .sidebar .brand {
+      font-size: 0.95rem;
+      letter-spacing: 0.03em;
+    }
+
+    /* LINKS */
     .sidebar .nav-link {
-      border-radius: .5rem;
-      padding: .55rem .75rem;
+      position: relative;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      border-radius: 0.6rem;
+      padding: 0.55rem 0.9rem;
+      color: var(--bs-secondary-color);
+      transition: background-color .15s ease, color .15s ease;
     }
 
     .sidebar .nav-link i {
       width: 18px;
       text-align: center;
-      margin-right: 6px;
+      opacity: .85;
+    }
+
+    .sidebar .nav-link:hover {
+      background-color: rgba(255, 255, 255, 0.05);
+      color: var(--bs-body-color);
+    }
+
+    /* ACTIVE STATE */
+    .sidebar .nav-link.active {
+      background-color: rgba(13, 110, 253, 0.15);
+      color: #fff;
+      font-weight: 500;
     }
 
+    .sidebar .nav-link.active::before {
+      content: "";
+      position: absolute;
+      left: -12px;
+      top: 6px;
+      bottom: 6px;
+      width: 4px;
+      border-radius: 4px;
+      background: var(--bs-primary);
+    }
+
+    /* SUBMENU */
     .submenu {
-      margin-left: 1.75rem;
+      margin-left: 1.1rem;
       padding-left: .75rem;
       border-left: 1px solid var(--bs-border-color);
     }
+
+    .submenu .nav-link {
+      font-size: .85rem;
+      padding: .45rem .75rem;
+      color: var(--bs-secondary-color);
+    }
+
+    .submenu .nav-link.active {
+      background-color: transparent;
+      color: var(--bs-primary);
+      font-weight: 600;
+    }
+
+    .submenu .nav-link.active::before {
+      display: none;
+    }
+
+    /* LOGOUT */
+    .sidebar .logout-btn {
+      opacity: .85;
+    }
+
+    .sidebar .logout-btn:hover {
+      opacity: 1;
+    }
   </style>
 </head>
 
@@ -110,15 +174,6 @@
           Servers
         </a>
 
-        <?php if ($isServers): ?>
-          <div class="submenu mt-1">
-            <a class="nav-link small <?= $page === 'servers' ? 'active' : '' ?>" href="/?page=servers">
-              <i class="fa-solid fa-list"></i>
-              All Servers
-            </a>
-          </div>
-        <?php endif; ?>
-
         <a class="nav-link <?= $isAlerts ? 'active' : '' ?>" href="/?page=alerts-general">
           <i class="fa-solid fa-bell"></i>
           Alerts

php/public/pages/dashboard.php

@@ -76,11 +76,16 @@
 
 <!-- INSTALL AGENT -->
 <div class="card">
-  <div class="card-header">
+  <div class="card-header d-flex justify-content-between align-items-center">
     <strong>
       <i class="fa-solid fa-terminal me-1"></i>
       Install monitoring agent
     </strong>
+
+    <a href="https://github.com/DemOnJR/ServersMonitoring/" target="_blank" class="btn btn-sm btn-outline-secondary">
+      <i class="fa-brands fa-github"></i>
+      GitHub
+    </a>
   </div>
 
   <div class="card-body">
@@ -123,5 +128,13 @@
       The agent runs every minute and starts automatically after reboot.
     </div>
 
+    <div class="text-muted small mt-3">
+      <i class="fa-brands fa-github me-1"></i>
+      Source code, documentation & issues:
+      <a href="https://github.com/DemOnJR/ServersMonitoring/" target="_blank" class="text-decoration-none">
+        github.com/DemOnJR/ServersMonitoring
+      </a>
+    </div>
+
   </div>
-</div>
+</div>