feat: Implement initial application structure with network view and SVG editor

- Added network-view.js for visualizing network topology with devices and connections.
- Introduced svg-editor.js for managing ports on device types with drag-and-drop functionality.
- Created bootstrap.php for application initialization, including configuration and database connection.
- Established config.php for centralized configuration settings.
- Developed index.php as the main entry point with module-based routing.
- Integrated _sql.php for database abstraction.
- Added auth.php for single-user authentication handling.
- Included helpers.php for utility functions.
- Created modules for managing connections, device types, devices, and floors.
- Implemented database schema in init.sql for locations, buildings, floors, rooms, network outlets, devices, and connections.
- Added Docker support with docker-compose.yml for web and database services.
- Documented database structure and UI/UX concepts in respective markdown files.
This commit is contained in:
Troy Grunt
2026-02-05 23:41:54 +01:00
parent 13995695db
commit 5066262fca
39 changed files with 1829 additions and 0 deletions

19
app/templates/footer.php Normal file
View File

@@ -0,0 +1,19 @@
<?php
/**
* footer.php
*
* HTML-Footer, Scripts, evtl. Modale oder Notifications
* Wird am Ende jeder Seite eingebunden
*/
?>
</main>
<footer>
<p>&copy; <?php echo date('Y'); ?> Meine Firma - Netzwerk Dokumentation</p>
<!-- TODO: Optional: Statusanzeige, Debug-Info, Session-Hinweis -->
</footer>
<!-- TODO: evtl. JS für modale Fenster oder Flash Messages -->
</body>
</html>

33
app/templates/header.php Normal file
View File

@@ -0,0 +1,33 @@
<?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">
<!-- 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>
<h1>Netzwerk-Dokumentation</h1>
<!-- TODO: Navigation einfügen -->
<!-- Beispiel: Links zu Dashboard, Gerätetypen, Geräte, Racks, Floors, Connections -->
</header>
<main>

28
app/templates/layout.php Normal file
View File

@@ -0,0 +1,28 @@
<?php
/**
* layout.php
*
* Grundlayout: Header + Content + Footer
* Kann als Basis-Template dienen, falls Module HTML ausgeben
*
* Beispiel-Aufruf in Modul:
* include __DIR__ . '/../templates/layout.php';
*
* TODO: In Zukunft: zentrales Template-System (z.B. mit $content)
*/
?>
<?php include __DIR__ . '/header.php'; ?>
<div class="content-wrapper">
<!-- TODO: Dynamischen Content hier einfügen -->
<?php
if (isset($content)) {
echo $content;
} else {
echo "<p>Inhalt fehlt</p>";
}
?>
</div>
<?php include __DIR__ . '/footer.php'; ?>