Lunaresk
b705f82ecb
Everything kinda changed. Huge refactoring. Website now has sidebar instead of top navigation. Database got huge changes. More forms!
93 lines
5.2 KiB
HTML
93 lines
5.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
|
<link rel="stylesheet" href={{ url_for('static', filename="sidebars.css")}}>
|
|
{% if title %}
|
|
<title>{{ title }}</title>
|
|
{% else %}
|
|
<title>Scan2Kasse</title>
|
|
{% endif %}
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="flex-shrink-0 p-3 bg-white" style="width: 280px;">
|
|
<a href="/" class="d-flex align-items-center pb-3 mb-3 link-dark text-decoration-none border-bottom">
|
|
<svg class="bi me-2" width="30" height="24"><use xlink:href="#bootstrap"></use></svg>
|
|
<span class="fs-5 fw-semibold">Scan2Kasse</span>
|
|
</a>
|
|
<ul class="list-unstyled ps-0">
|
|
<li class="mb-1">
|
|
<button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#home-collapse" aria-expanded="true">
|
|
Home
|
|
</button>
|
|
<div class="collapse show" id="home-collapse">
|
|
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
|
|
<li><a href="#" class="link-dark rounded">Übersicht</a></li>
|
|
<li><a href="#" class="link-dark rounded">Updates</a></li>
|
|
<li><a href="#" class="link-dark rounded">Reports</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mb-1">
|
|
<button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#dashboard-collapse" aria-expanded="false">
|
|
Dashboard
|
|
</button>
|
|
<div class="collapse" id="dashboard-collapse">
|
|
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
|
|
<li><a href="#" class="link-dark rounded">Overview</a></li>
|
|
<li><a href="#" class="link-dark rounded">Weekly</a></li>
|
|
<li><a href="#" class="link-dark rounded">Monthly</a></li>
|
|
<li><a href="#" class="link-dark rounded">Annually</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<!-- <li class="mb-1">
|
|
<button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#orders-collapse" aria-expanded="false">
|
|
Orders
|
|
</button>
|
|
<div class="collapse" id="orders-collapse">
|
|
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
|
|
<li><a href="#" class="link-dark rounded">New</a></li>
|
|
<li><a href="#" class="link-dark rounded">Processed</a></li>
|
|
<li><a href="#" class="link-dark rounded">Shipped</a></li>
|
|
<li><a href="#" class="link-dark rounded">Returned</a></li>
|
|
</ul>
|
|
</div>
|
|
</li> -->
|
|
<li class="border-top my-3"></li>
|
|
<li class="mb-1">
|
|
<button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#account-collapse" aria-expanded="false">
|
|
Account
|
|
</button>
|
|
<div class="collapse" id="account-collapse" style="">
|
|
<ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
|
|
<li><a href="#" class="link-dark rounded">New...</a></li>
|
|
<li><a href="#" class="link-dark rounded">Profile</a></li>
|
|
<li><a href="#" class="link-dark rounded">Settings</a></li>
|
|
<li><a href="#" class="link-dark rounded">Sign out</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{% with messages = get_flashed_messages() %}
|
|
{% if messages %}
|
|
<ul>
|
|
{% for message in messages %}
|
|
<li>{{ message }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
{% endwith %}
|
|
<div class="container">
|
|
<div class="row-md-3">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html> |