173 lines
4.2 KiB
Plaintext
173 lines
4.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Datenbankverwaltung</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<link rel="stylesheet" href="/bootstrap-icons/bootstrap-icons.min.css">
|
|
<script src="/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
background: #f4f6f9;
|
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu;
|
|
}
|
|
|
|
.layout {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* Sidebar */
|
|
.sidebar {
|
|
width: 240px;
|
|
background: #111827;
|
|
color: white;
|
|
padding: 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.logo {
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
margin-bottom: 30px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
.nav-item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
padding: 12px 15px;
|
|
border-radius: 8px;
|
|
color: #cbd5e1;
|
|
text-decoration: none;
|
|
margin-bottom: 6px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.nav-item:hover {
|
|
background: #1f2937;
|
|
color: white;
|
|
}
|
|
|
|
.nav-item.active {
|
|
background: #2563eb;
|
|
color: white;
|
|
}
|
|
|
|
.sidebar .spacer {
|
|
flex: 1;
|
|
}
|
|
|
|
.nav-item.locked {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
.nav-item.locked:hover {
|
|
background: transparent;
|
|
color: #cbd5e1;
|
|
}
|
|
|
|
/* Main */
|
|
.main {
|
|
flex: 1;
|
|
padding: 24px;
|
|
overflow: auto;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="layout">
|
|
|
|
<!-- ✅ ADMIN SIDEBAR -->
|
|
<%- include("../partials/admin-sidebar", { user, active: "database" }) %>
|
|
|
|
<!-- ✅ MAIN CONTENT -->
|
|
<div class="main">
|
|
|
|
<nav class="navbar navbar-dark bg-dark position-relative px-3 rounded mb-4">
|
|
<div class="position-absolute top-50 start-50 translate-middle d-flex align-items-center gap-2 text-white">
|
|
<i class="bi bi-hdd-stack fs-4"></i>
|
|
<span class="fw-semibold fs-5">Datenbankverwaltung</span>
|
|
</div>
|
|
|
|
<div class="ms-auto">
|
|
<a href="/dashboard" class="btn btn-outline-light btn-sm">⬅️ Dashboard</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
<%- include("../partials/flash") %>
|
|
|
|
<div class="card shadow">
|
|
<div class="card-body">
|
|
|
|
<h4 class="mb-3">Datenbank Tools</h4>
|
|
|
|
<div class="alert alert-warning">
|
|
<b>Hinweis:</b> Diese Funktionen sind nur für <b>Admins</b> sichtbar und sollten mit Vorsicht benutzt werden.
|
|
</div>
|
|
|
|
<div class="row g-3">
|
|
|
|
<div class="col-md-6">
|
|
<div class="card border">
|
|
<div class="card-body">
|
|
<h5 class="card-title">📦 Backup</h5>
|
|
<p class="text-muted small mb-3">
|
|
Hier kannst du später ein Datenbank-Backup erstellen.
|
|
</p>
|
|
<button class="btn btn-outline-primary" disabled>
|
|
Backup erstellen (kommt später)
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="card border">
|
|
<div class="card-body">
|
|
<h5 class="card-title">♻️ Restore</h5>
|
|
<p class="text-muted small mb-3">
|
|
Hier kannst du später ein Backup wiederherstellen.
|
|
</p>
|
|
<button class="btn btn-outline-danger" disabled>
|
|
Restore starten (kommt später)
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
<div class="card border">
|
|
<div class="card-body">
|
|
<h5 class="card-title">🔍 Systeminfo</h5>
|
|
<p class="text-muted small mb-0">
|
|
In diesem Bereich kannst du später z.B. DB Version, Tabellenstatus, Speicherplatz etc. anzeigen.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|