Aplikacja Magico Pracownik

2026-05-28 12:56:03 +02:00
parent 9b3c3848a7
commit 83c055cc09
10 changed files with 1248 additions and 0 deletions
@@ -0,0 +1,106 @@
+<?php
+$enablePrototypeComments = true;
+include 'header.php';
+?>
+
+<!-- Główny Topbar (taki sam jak w home.php) -->
+<div class="app-topbar">
+    <div class="d-flex align-items-center">
+        <div class="d-flex justify-content-center align-items-center bg-primary-custom rounded-circle me-2" style="width: 32px; height: 32px;">
+            <i class='bx bx-cube-alt text-white'></i>
+        </div>
+        <h1 class="app-title">Acme Corp</h1>
+    </div>
+    <div class="user-avatar shadow-sm">
+        <i class='bx bx-user'></i>
+    </div>
+</div>
+
+<!-- Pasek tytułowy sekcji -->
+<div class="container pt-4">
+    <div class="d-flex justify-content-between align-items-center pb-3 mb-4" style="border-bottom: 1px solid var(--border-color);">
+        <div class="d-flex align-items-center">
+            <a href="home.php" class="text-dark me-2 d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; background: rgba(0,0,0,0.05); border-radius: 50%;">
+                <i class='bx bx-arrow-back fs-4'></i>
+            </a>
+            <h2 class="fw-bold mb-0" style="font-size: 1.25rem;">Mój Grafik</h2>
+        </div>
+        <a href="schedule-calendar.php" class="text-primary-custom d-flex align-items-center justify-content-center" style="width: 36px; height: 36px; background: rgba(105, 108, 255, 0.1); border-radius: 8px;">
+            <i class='bx bx-calendar fs-4'></i>
+        </a>
+    </div>
+</div>
+
+<div class="container pb-4">
+    <!-- Dzień: Poniedziałek -->
+    <div class="schedule-day mb-3">
+        <h6 class="fw-bold mb-2 text-muted text-uppercase" style="font-size: 0.7rem;">Poniedziałek, 12 Sierpnia</h6>
+        
+        <div class="card-custom shift-card" style="border-left: 4px solid var(--primary-color);">
+            <div class="p-2 px-3">
+                <div class="d-flex justify-content-between align-items-center">
+                    <div>
+                        <h5 class="fw-bold mb-0" style="font-size: 1.1rem;">08:00 - 16:00</h5>
+                        <span class="text-primary-custom fw-semibold" style="font-size: 0.75rem;">Specjalista ds. Obsługi</span>
+                    </div>
+                    <span class="badge bg-label-primary">8h</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Dzień: Wtorek -->
+    <div class="schedule-day mb-3">
+        <h6 class="fw-bold mb-2 text-muted text-uppercase" style="font-size: 0.7rem;">Wtorek, 13 Sierpnia</h6>
+        
+        <div class="card-custom shift-card" style="border-left: 4px solid #71dd37;">
+            <div class="p-2 px-3">
+                <div class="d-flex justify-content-between align-items-center mb-2">
+                    <div>
+                        <h5 class="fw-bold mb-0" style="font-size: 1.1rem;">10:00 - 18:00</h5>
+                        <span class="text-success fw-semibold" style="font-size: 0.75rem;">Zastępca Kierownika</span>
+                    </div>
+                    <span class="badge bg-label-success" style="background: rgba(113, 221, 55, 0.1); color: #71dd37;">8h</span>
+                </div>
+                
+                <!-- Notatka od managera (bardzo kompaktowa) -->
+                <div class="bg-light p-2 rounded text-muted d-flex align-items-start gap-2" style="font-size: 0.75rem;">
+                    <i class='bx bx-message-square-detail text-warning mt-1'></i>
+                    <div>
+                        <strong class="text-dark">Anna M.:</strong> Pamiętaj o odbiorze dużej dostawy przed południem.
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Dzień: Środa -->
+    <div class="schedule-day mb-3">
+        <h6 class="fw-bold mb-2 text-muted text-uppercase" style="font-size: 0.7rem;">Środa, 14 Sierpnia</h6>
+        
+        <div class="card-custom bg-transparent border border-dashed border-secondary opacity-50" style="box-shadow: none;">
+            <div class="p-2 text-center">
+                <span class="text-muted fw-semibold" style="font-size: 0.8rem;">Dzień wolny</span>
+            </div>
+        </div>
+    </div>
+
+    <!-- Dzień: Czwartek -->
+    <div class="schedule-day mb-3">
+        <h6 class="fw-bold mb-2 text-muted text-uppercase" style="font-size: 0.7rem;">Czwartek, 15 Sierpnia</h6>
+        
+        <div class="card-custom shift-card" style="border-left: 4px solid var(--primary-color);">
+            <div class="p-2 px-3">
+                <div class="d-flex justify-content-between align-items-center">
+                    <div>
+                        <h5 class="fw-bold mb-0" style="font-size: 1.1rem;">08:00 - 16:00</h5>
+                        <span class="text-primary-custom fw-semibold" style="font-size: 0.75rem;">Specjalista ds. Obsługi</span>
+                    </div>
+                    <span class="badge bg-label-primary">8h</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<?php include 'footer.php'; ?>