header.ejs 2.36 KB
<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><%= title || 'PXE Dashboard' %> - Lab Server</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/lib/codemirror.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/codemirror@5.65.16/theme/dracula.css">
  <link rel="stylesheet" href="/css/style.css">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark" id="main-navbar">
  <div class="container-fluid">
    <a class="navbar-brand fw-bold" href="/">
      <i class="bi bi-hdd-network-fill me-2 text-warning"></i>PXE Dashboard
    </a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navMenu">
      <ul class="navbar-nav me-auto">
        <li class="nav-item">
          <a class="nav-link <%= page === 'dashboard' ? 'active' : '' %>" href="/">
            <i class="bi bi-speedometer2 me-1"></i>Dashboard
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link <%= page === 'boot-editor' ? 'active' : '' %>" href="/boot-editor">
            <i class="bi bi-file-code me-1"></i>Edit boot.ipxe
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link <%= page === 'upload' ? 'active' : '' %>" href="/upload">
            <i class="bi bi-cloud-upload me-1"></i>Upload File
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link <%= page === 'logs' ? 'active' : '' %>" href="/logs">
            <i class="bi bi-journal-text me-1"></i>Log Aktivitas
          </a>
        </li>
      </ul>
      <div class="d-flex align-items-center gap-3">
        <span class="text-light opacity-75">
          <i class="bi bi-person-circle me-1"></i><%= username %>
        </span>
        <a href="/logout" class="btn btn-outline-warning btn-sm">
          <i class="bi bi-box-arrow-right me-1"></i>Logout
        </a>
      </div>
    </div>
  </div>
</nav>

<div class="container-fluid py-4 px-4">