neu sortiert

inc/menu.php

@@ -1,66 +1,86 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
     <div class="container-fluid">
-
+        <a class="navbar-brand d-flex align-items-center" href="index.php">
-        <a class="navbar-brand d-flex align-items-center" href="../index.php">
+            <img src="img/icon-192.png" alt="Logo" width="32" height="32" class="me-2">
-            <img src="../img/icon-192.png" alt="Logo" width="32" height="32" class="me-2">
             DoMiLi
         </a>
 
-
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
+
         <div class="collapse navbar-collapse" id="navbarNav">
             <ul class="navbar-nav">
                 <li class="nav-item">
-                    <a class="nav-link d-flex" href="../history.php"><span class="material-icons md-18 me-1">calendar_month</span>History</a>
+                    <a class="nav-link d-flex align-items-center" href="history.php">
+                        <span class="material-icons md-18 me-2">calendar_month</span> History
+                    </a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link d-flex" href="../kasse.php"><span class="material-icons md-18 me-1">euro</span>Kasse</a>
+                    <a class="nav-link d-flex align-items-center" href="kasse.php">
+                        <span class="material-icons md-18 me-2">euro</span> Kasse
+                    </a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link d-flex" href="../stats.php"><span class="material-icons md-18 me-1">bar_chart</span>Auswertung</a>
+                    <a class="nav-link d-flex align-items-center" href="stats.php">
-                </li>
+                        <span class="material-icons md-18 me-2">bar_chart</span> Auswertung
-                <!-- <li class="nav-item">
+                    </a>
-                    <a class="nav-link d-flex" href="#"><span class="material-icons md-18 me-1">menu_book</span>Anleitung</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link d-flex" href="#"><span class="material-icons md-18 me-1">message</span>Kontakt</a>
+                    <a class="nav-link d-flex align-items-center" href="vacation.php">
-                </li> -->
+                        <span class="material-icons md-18 me-2" style="width: 24px;">beach_access</span> Abwesenheiten
+                    </a>
+                </li>
                 <li class="nav-item dropdown">
-                    <a class="nav-link d-flex align-items-center dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"><span class="material-icons md-18 me-1">settings</span>Settings</a>
+                    <a class="nav-link d-flex align-items-center dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
+                        <span class="material-icons md-18 me-2">settings</span> Settings
+                    </a>
                     <ul class="dropdown-menu">
-                        <li><a class="dropdown-item" href="../colors.php">Farben</a></li>
+                        <li><a class="dropdown-item d-flex align-items-center" href="colors.php"><span class="material-icons text-secondary me-2">palette</span>Farben</a></li>
+                        <li><a class="dropdown-item d-flex align-items-center" href="planning.php"><span class="material-icons text-secondary me-2">event</span>Terminplanung</a></li>
+                        <li><a class="dropdown-item d-flex align-items-center" href="users.php"><span class="material-icons text-secondary me-2">group</span>Benutzer</a></li>
+                        <li><a class="dropdown-item d-flex align-items-center" href="info.php"><span class="material-icons text-secondary me-2">info</span>Release Notes</a></li>
                     </ul>
                 </li>
-                <?php
-                if (isset($_SESSION['role']) && $_SESSION['role'] == 'admin') {
-                ?>
-                    <li class="nav-item dropdown">
-                        <a class="nav-link d-flex align-items-center dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"><span class="material-icons md-18 me-1">admin_panel_settings</span>Admin</a>
-                        <ul class="dropdown-menu">
-                            <li><a class="dropdown-item" href="../admin/planning.php">Terminplanung</a></li>
-                            <li><a class="dropdown-item" href="../admin/users.php">Benutzer</a></li>
-                            <li><a class="dropdown-item" href="../admin/check_session.php">Session prüfen</a></li>
             </ul>
-                    </li>
-                <?php
-                }
-                ?>
 
-            </ul>
             <ul class="navbar-nav ms-auto">
-                <li><a class="dropdown-item" href="#"><span class="material-icons align-baseline md-18 me-1">help</span></a></li>
                 <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"><span class="material-symbols-outlined align-text-bottom md-18 me-1">person</span><?php echo $_SESSION['username']; ?></a>
+                    <a class="nav-link dropdown-toggle d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown">
+                        <span class="material-symbols-outlined align-middle md-18 me-2">person</span>
+                        <?= htmlspecialchars($_SESSION['username'] ?? 'Benutzer'); ?>
+                    </a>
                     <ul class="dropdown-menu dropdown-menu-end">
-                        <li><a class="dropdown-item" href="../profil.php"><span class="material-icons text-secondary align-middle md-18 me-1">person</span>Profil</a></li>
-                        <li><a class="dropdown-item" href="../change_password.php"><span class="material-icons text-secondary align-middle md-18 me-1">lock</span>Passwort ändern</a></li>
-                        <li><a class="dropdown-item" href="../vacation.php"><span class="material-icons text-secondary align-middle md-18 me-1">beach_access</span>Abwesenheiten</a></li>
                         <li>
-                            <div class="dropdown-divider"></div>
+                            <a class="dropdown-item d-flex align-items-center" href="profil.php">
+                                <span class="material-icons text-secondary" style="width: 24px;">person</span>
+                                Profil
+                            </a>
+                        </li>
+                        <li>
+                            <a class="dropdown-item d-flex align-items-center" href="change_password.php">
+                                <span class="material-icons text-secondary" style="width: 24px;">lock</span>
+                                Passwort ändern
+                            </a>
+                        </li>
+
+                        <?php if (isset($_SESSION['role']) && $_SESSION['role'] === 'admin'): ?>
+                            <li>
+                                <a class="dropdown-item d-flex align-items-center" href="check_session.php">
+                                    <span class="material-icons text-secondary" style="width: 24px;">check_small</span>
+                                    Session prüfen
+                                </a>
+                            </li>
+                        <?php endif; ?>
+                        <li>
+                            <hr class="dropdown-divider">
+                        </li>
+                        <li>
+                            <a class="dropdown-item d-flex align-items-center" href="logout.php">
+                                <span class="material-icons text-secondary" style="width: 24px;">logout</span>
+                                Log Out
+                            </a>
                         </li>
-                        <li><a class="dropdown-item" href="../logout.php"><span class="material-icons align-middle md-18 me-1">logout</span>Log Out</a></li>
                     </ul>
                 </li>
             </ul>