66 lines
1.7 KiB
PHP
66 lines
1.7 KiB
PHP
<?php
|
|
/**
|
|
* header.php
|
|
*
|
|
* HTML-Kopf, CSS / JS einbinden, Navigation
|
|
* Wird am Anfang jeder Seite eingebunden
|
|
*/
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Netzwerk-Dokumentation</title>
|
|
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="/assets/css/app.css">
|
|
<link rel="stylesheet" href="/assets/css/device-type-edit.css">
|
|
|
|
<!-- JS -->
|
|
<script src="/assets/js/app.js" defer></script>
|
|
<script src="/assets/js/svg-editor.js" defer></script>
|
|
<script src="/assets/js/network-view.js" defer></script>
|
|
|
|
<!-- TODO: Meta-Tags, Favicon -->
|
|
</head>
|
|
<body>
|
|
<header class="app-header">
|
|
<div class="app-header__brand">
|
|
<span class="app-header__eyebrow">Netzwerk</span>
|
|
<h1 class="app-header__title">Dokumentation</h1>
|
|
</div>
|
|
|
|
<?php
|
|
$currentModule = $_GET['module'] ?? 'dashboard';
|
|
|
|
$navItems = [
|
|
'dashboard' => 'Dashboard',
|
|
'locations' => 'Standorte',
|
|
'buildings' => 'Gebäude',
|
|
'device_types' => 'Gerätetypen',
|
|
'port_types' => 'Porttypen',
|
|
'devices' => 'Geräte',
|
|
'racks' => 'Racks',
|
|
'floors' => 'Stockwerke',
|
|
'connections' => 'Verbindungen',
|
|
];
|
|
?>
|
|
|
|
<nav class="main-nav">
|
|
<ul class="main-nav__list">
|
|
<?php foreach ($navItems as $navModule => $label): ?>
|
|
<?php
|
|
$active = ($currentModule === $navModule) ? 'active' : '';
|
|
?>
|
|
<li class="main-nav__item <?= $active ?>">
|
|
<a href="?module=<?= $navModule ?>&action=list" class="main-nav__link">
|
|
<?= $label ?>
|
|
</a>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|