Merge pull request #6 from ZeroHost-Code/beta

Beta

Author: ddrayko

README.md

@@ -8,7 +8,7 @@ dotenv.config({ path: resolve(__dirname, '..', '.env') });
 
 const pool = mariadb.createPool({
   host: process.env.DB_HOST,
-  port: parseInt(process.env.DB_PORT || '3306'),
+  port: parseInt(process.env.DB_PORT || '3306', 10),
   user: process.env.DB_USER,
   password: process.env.DB_PASSWORD,
   database: process.env.DB_NAME,

config/db.js

@@ -16,3 +16,5 @@ export const FEATURE_LIMITS = {
 };
 
 export const DEPLOY_LOCATIONS = [1];
+
+export const NEST_IDS = [5, 6, 7];

config/pterodactyl.js config/pyrodactyl.jsconfig/pterodactyl.js renamed to config/pyrodactyl.js

@@ -1,11 +1,11 @@
 {
   "name": "zerohost-dashboard",
-  "version": "0.9.7",
+  "version": "0.9.8",
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "npm i && node server.js",
-    "dev": "npm i && node --watch server.js"
+    "start": "node server.js",
+    "dev": "node --watch server.js"
   },
   "dependencies": {
     "argon2": "^0.41.1",

package.json

@@ -360,6 +360,12 @@ cap-widget {
   box-shadow: 0 4px 20px rgba(239, 68, 68, 0.3);
 }
 
+.btn-danger:hover {
+  color: #fff;
+  transform: translateY(-2px);
+  box-shadow: 0 8px 32px rgba(239, 68, 68, 0.45);
+}
+
 .btn-warning {
   background: linear-gradient(135deg, #f59e0b, #d97706);
   color: #fff;
@@ -461,6 +467,96 @@ cap-widget {
   transition: transform var(--transition);
 }
 
+.sidebar.resizing {
+  transition: none;
+}
+
+.sidebar-resizer {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 5px;
+  cursor: col-resize;
+  z-index: 10;
+  background: transparent;
+  transition: background 0.15s;
+}
+
+.sidebar-resizer:hover,
+.sidebar.resizing .sidebar-resizer {
+  background: var(--accent-1);
+}
+
+.sidebar.collapsed {
+  width: 60px;
+}
+
+.sidebar.collapsed .sidebar-resizer {
+  display: none;
+}
+
+.sidebar.collapsed .sidebar-logo {
+  justify-content: center;
+}
+
+.sidebar.collapsed .sidebar-logo-text {
+  display: none;
+}
+
+.sidebar.collapsed .sidebar-header {
+  padding: 16px 12px;
+  justify-content: center;
+}
+
+.sidebar.collapsed .sidebar-nav {
+  padding: 12px 8px;
+}
+
+.sidebar.collapsed .nav-section-label {
+  display: none;
+}
+
+.sidebar.collapsed .nav-item {
+  font-size: 0;
+  justify-content: center;
+  padding: 10px 0;
+  gap: 0;
+}
+
+.sidebar.collapsed .nav-item svg {
+  font-size: 1rem;
+  width: 20px;
+  height: 20px;
+}
+
+.sidebar.collapsed .sidebar-footer {
+  border-top: none;
+  padding: 0;
+}
+
+.sidebar.collapsed #logout-btn {
+  display: none !important;
+}
+
+.sidebar.collapsed .user-info {
+  justify-content: center;
+  padding: 4px 0;
+}
+
+.sidebar.collapsed .user-name,
+.sidebar.collapsed .user-email {
+  display: none;
+}
+
+.sidebar.collapsed .sidebar-footer > div:not(.user-info) {
+  display: none;
+}
+
+.sidebar.collapsed ~ .main-content {
+  margin-left: 60px;
+}
+
 .main-content {
   position: relative;
   z-index: 1;
@@ -771,6 +867,11 @@ cap-widget {
   color: var(--accent-orange);
 }
 
+.status-offline {
+  background: rgba(107, 114, 128, 0.12);
+  color: #9ca3af;
+}
+
 .server-card-details {
   display: flex;
   flex-wrap: wrap;
@@ -1071,6 +1172,10 @@ tbody tr:hover {
     transform: translateX(0);
   }
 
+  .sidebar-resizer {
+    display: none;
+  }
+
   .main-content {
     margin-left: 0;
     padding: 20px;
@@ -1112,7 +1217,7 @@ tbody tr:hover {
   }
 }
 
-/* ===== PTERODACTYL PAGE ===== */
+/* ===== PYRODACTYL PAGE ===== */
 .ptero-grid {
   max-width: 640px;
 }
@@ -1309,10 +1414,10 @@ tbody tr:hover {
   justify-content: space-between;
   gap: 20px;
   flex-wrap: wrap;
-  animation: slideUp 0.4s ease;
+  animation: slideUpFromBelow 0.4s ease;
 }
 
-@keyframes slideUp {
+@keyframes slideUpFromBelow {
   from { transform: translateY(100%); opacity: 0; }
   to { transform: translateY(0); opacity: 1; }
 }
@@ -1559,6 +1664,53 @@ tbody tr:hover {
   font-size: 0.88rem;
 }
 
+.activity-list-truncated {
+  position: relative;
+}
+
+.activity-list-truncated::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: -24px;
+  right: -24px;
+  height: 100px;
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+  mask-image: linear-gradient(transparent, #000 80%);
+  -webkit-mask-image: linear-gradient(transparent, #000 80%);
+  pointer-events: none;
+}
+
+.activity-more-overlay {
+  position: absolute;
+  bottom: 8px;
+  left: 0;
+  right: 0;
+  text-align: center;
+  z-index: 2;
+}
+
+/* ===== LOG PAGE ===== */
+.log-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 16px 0;
+}
+
+.log-pagination-info {
+  font-size: 0.82rem;
+  color: var(--text-muted);
+}
+
+.log-pagination .btn-ghost[disabled] {
+  opacity: 0.4;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
 /* ===== SEARCH & FILTERS ===== */
 .servers-toolbar {
   display: flex;

public/css/style.css

@@ -9,8 +9,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="/css/style.css" />
-  <script src="https://cdn.jsdelivr.net/npm/cap-widget@latest"></script>
-  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3435983595130644" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/cap-widget@0.1.56"></script>
 </head>
 <body>