kowalski
/
Kufrik
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Kufrik/app/UI/@layout.latte

196 lines
7.7 KiB
Plaintext
Raw Blame History

<!DOCTYPE html>
<html lang="cs" xml:lang="cs" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kufřík</title>
<!-- Bootstrap 5 CSS & Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css" rel="stylesheet">
{* jquery *}
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous">
</script>
{* naše vlastní styly *}
<link href="{$basePath}/css/layout.css?v={$appVersion ?? '1.0'}" rel="stylesheet">
</head>
<body>
<!-- 1. HORNÍ LIŠTA -->
<nav class="navbar navbar-expand-lg navbar-dark app-header">
<div class="container-fluid">
<a class="navbar-brand" href="#"><i class="bi bi-briefcase-fill me-2"></i>Kufřík</a>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mainNavbar">
<!-- Hlavní kategorie -->
<ul class="navbar-nav me-auto nav nav-tabs" id="mainCategoryTabs" role="tablist">
<li class="nav-item">
<button class="nav-link active" id="cat-invoices-tab" data-bs-toggle="tab" data-bs-target="#toolbar-invoices" type="button" role="tab">
<i class="bi bi-file-earmark-text me-1"></i> Faktury
</button>
</li>
<li class="nav-item">
<button class="nav-link" id="cat-customers-tab" data-bs-toggle="tab" data-bs-target="#toolbar-customers" type="button" role="tab">
<i class="bi bi-people me-1"></i> Zákazníci
</button>
</li>
<li class="nav-item">
<button class="nav-link" id="cat-profile-tab" data-bs-toggle="tab" data-bs-target="#toolbar-profile" type="button" role="tab">
<i class="bi bi-building me-1"></i> Moje OSVČ
</button>
</li>
<li class="nav-item">
<button class="nav-link" id="cat-briefcase-tab" data-bs-toggle="tab" data-bs-target="#toolbar-briefcase" type="button" role="tab">
<i class="bi bi-box me-1"></i> Kufřík
</button>
</li>
</ul>
<!-- Uživatel a Odhlášení -->
<div class="user-panel">
<span class="text-white d-none d-sm-inline">
<i class="bi bi-person-circle me-1"></i> Jan Novák
</span>
<a href="#" class="btn btn-sm btn-outline-light" title="Odhlásit se">
<i class="bi bi-box-arrow-right me-1"></i> Odhlásit
</a>
</div>
</div>
</div>
</nav>
<!-- 2. AKČNÍ LIŠTA (PODKATEGORIE) -->
<div class="action-toolbar">
<div class="container-fluid">
<!-- Tlačítko pro mobilní rozbalení -->
<div class="d-lg-none d-flex justify-content-between align-items-center">
<span class="fw-bold text-muted small">Nástroje</span>
<button class="btn btn-outline-secondary btn-sm" type="button" data-bs-toggle="collapse" data-bs-target="#actionToolbarCollapse">
<i class="bi bi-three-dots-vertical"></i> Podkategorie
</button>
</div>
<div class="collapse d-lg-block mt-2 mt-lg-0" id="actionToolbarCollapse">
<div class="tab-content" id="actionToolbarContent">
<!-- FAKTURY -->
<div class="tab-pane fade show active" id="toolbar-invoices" role="tabpanel">
<div class="toolbar-group">
<div class="action-buttons">
<a href="#" class="btn btn-outline-primary btn-action">
<i class="bi bi-folder-fill"></i>
<span>Seznam faktur</span>
</a>
<a href="#" class="btn btn-success btn-action">
<i class="bi bi-plus-square-fill"></i>
<span>Přidat fakturu</span>
</a>
<a href="#" class="btn btn-outline-secondary btn-action">
<i class="bi bi-printer-fill"></i>
<span>Tisk</span>
</a>
<div class="v-divider d-none d-sm-block"></div>
<a href="#" class="btn btn-outline-secondary btn-action">
<i class="bi bi-bar-chart-line-fill text-warning"></i>
<span>Grafy</span>
</a>
<a href="#" class="btn btn-outline-secondary btn-action">
<i class="bi bi-file-earmark-pdf-fill text-danger"></i>
<span>Tiskové sestavy</span>
</a>
</div>
<!-- Filtr pro Faktury -->
<form class="filter-panel ms-auto ms-lg-0">
<i class="bi bi-funnel-fill text-muted fs-5 ms-1"></i>
<select class="form-select form-select-sm" style="width: 85px;">
<option selected>2026</option>
<option>2025</option>
</select>
<select class="form-select form-select-sm" style="width: 140px;">
<option selected>(všechny měsíce)</option>
<option>Leden</option>
<option>Únor</option>
</select>
</form>
</div>
</div>
<!-- ZÁKAZNÍCI -->
<div class="tab-pane fade" id="toolbar-customers" role="tabpanel">
<div class="action-buttons">
<a href="#" class="btn btn-outline-primary btn-action">
<i class="bi bi-people-fill"></i>
<span>Seznam</span>
</a>
<a href="#" class="btn btn-success btn-action">
<i class="bi bi-person-plus-fill"></i>
<span>Přidat zákazníka</span>
</a>
</div>
</div>
<!-- MOJE OSVČ -->
<div class="tab-pane fade" id="toolbar-profile" role="tabpanel">
<div class="action-buttons">
<a href="#" class="btn btn-outline-primary btn-action">
<i class="bi bi-pencil-square"></i>
<span>Upravit moje OSVČ</span>
</a>
<a href="#" class="btn btn-outline-secondary btn-action">
<i class="bi bi-gear-fill"></i>
<span>Nastavení</span>
</a>
</div>
</div>
<!-- KUFŘÍK -->
<div class="tab-pane fade" id="toolbar-briefcase" role="tabpanel">
<div class="action-buttons">
<a href="#" class="btn btn-outline-info btn-action">
<i class="bi bi-question-circle-fill"></i>
<span>Nápověda</span>
</a>
<a href="https://facebook.com" target="_blank" class="btn btn-outline-primary btn-action">
<i class="bi bi-facebook"></i>
<span>Stránky - FB</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 3. HLAVNÍ OBSAH -->
<main class="main-content">
<div class="content-card">
{include content}
</div>
</main>
<!-- 4. PATKA -->
<footer class="app-footer">
<div class="d-flex align-items-center gap-2">
<span class="spinner-grow spinner-grow-sm text-success" style="width: 8px; height: 8px;" role="status"></span>
<span>Kufřík v{$appVersion ?? '1.0'}</span>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink