Aplikacja Magico Pracownik
This commit is contained in:
@@ -0,0 +1,126 @@
|
||||
<?php
|
||||
$enablePrototypeComments = true;
|
||||
include 'header.php';
|
||||
?>
|
||||
|
||||
<!-- Główny Topbar -->
|
||||
<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>
|
||||
<!-- Zmieniona ikona na widok listy -->
|
||||
<a href="schedule.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-list-ul fs-4'></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container pb-4">
|
||||
<!-- Przełącznik miesiąca -->
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<button class="btn btn-sm btn-link text-dark text-decoration-none"><i class='bx bx-chevron-left fs-4'></i></button>
|
||||
<span class="fw-bold">Sierpień 2026</span>
|
||||
<button class="btn btn-sm btn-link text-dark text-decoration-none"><i class='bx bx-chevron-right fs-4'></i></button>
|
||||
</div>
|
||||
|
||||
<!-- Siatka Kalendarza -->
|
||||
<div class="calendar-grid">
|
||||
<div class="calendar-header-day">Pn</div>
|
||||
<div class="calendar-header-day">Wt</div>
|
||||
<div class="calendar-header-day">Śr</div>
|
||||
<div class="calendar-header-day">Cz</div>
|
||||
<div class="calendar-header-day">Pt</div>
|
||||
<div class="calendar-header-day">So</div>
|
||||
<div class="calendar-header-day">Nd</div>
|
||||
|
||||
<!-- Tydzień 1 (zaczynamy od pustych dni) -->
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">1</div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">2</div>
|
||||
|
||||
<!-- Tydzień 2 -->
|
||||
<div class="calendar-day">3<div class="shift-dot blue"></div></div>
|
||||
<div class="calendar-day">4<div class="shift-dot green"></div></div>
|
||||
<div class="calendar-day">5</div>
|
||||
<div class="calendar-day">6<div class="shift-dot blue"></div></div>
|
||||
<div class="calendar-day">7<div class="shift-dot blue"></div></div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">8</div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">9</div>
|
||||
|
||||
<!-- Tydzień 3 (Aktywny tydzień) -->
|
||||
<div class="calendar-day">10</div>
|
||||
<div class="calendar-day">11<div class="shift-dot green"></div></div>
|
||||
<div class="calendar-day active shadow-md">12<div class="shift-dot blue"></div></div>
|
||||
<div class="calendar-day">13<div class="shift-dot green"></div></div>
|
||||
<div class="calendar-day">14</div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">15</div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">16</div>
|
||||
|
||||
<!-- Tydzień 4 -->
|
||||
<div class="calendar-day">17<div class="shift-dot blue"></div></div>
|
||||
<div class="calendar-day">18<div class="shift-dot blue"></div></div>
|
||||
<div class="calendar-day">19<div class="shift-dot green"></div></div>
|
||||
<div class="calendar-day">20</div>
|
||||
<div class="calendar-day">21<div class="shift-dot blue"></div></div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">22</div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">23</div>
|
||||
|
||||
<!-- Tydzień 5 -->
|
||||
<div class="calendar-day">24</div>
|
||||
<div class="calendar-day">25<div class="shift-dot blue"></div></div>
|
||||
<div class="calendar-day">26<div class="shift-dot green"></div></div>
|
||||
<div class="calendar-day">27<div class="shift-dot green"></div></div>
|
||||
<div class="calendar-day">28</div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">29</div>
|
||||
<div class="calendar-day text-muted" style="opacity: 0.5;">30</div>
|
||||
|
||||
<!-- Ostatni dzień -->
|
||||
<div class="calendar-day">31<div class="shift-dot blue"></div></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
<div class="calendar-day empty"></div>
|
||||
</div>
|
||||
|
||||
<!-- Szczegóły dla wybranego dnia -->
|
||||
<div class="mt-4">
|
||||
<h6 class="fw-bold mb-3 text-muted text-uppercase small">Wybrany dzień: 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 mb-2">
|
||||
<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'; ?>
|
||||
Reference in New Issue
Block a user