90 lines
3.6 KiB
HTML
90 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pl" data-bs-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}{{ config.APP_NAME }}{% endblock %}</title>
|
|
|
|
<link href="{{ config.BOOTSTRAP_CSS_CDN }}" rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ config.FONTAWESOME_CDN }}">
|
|
|
|
{% if config.ENABLE_CHARTS %}
|
|
<script src="{{ config.CHARTJS_CDN }}"></script>
|
|
{% endif %}
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
{% block extra_head %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="/">
|
|
<i class="fas fa-shield-alt me-2"></i>
|
|
<strong>{{ config.APP_NAME }}</strong>
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
|
<i class="fas fa-building me-1"></i> Vendors
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end" id="vendorDropdown">
|
|
<li><div class="text-center py-2"><div class="spinner-border spinner-border-sm"></div></div></li>
|
|
</ul>
|
|
</li>
|
|
|
|
{% if config.ENABLE_DARK_MODE %}
|
|
<li class="nav-item">
|
|
<button class="btn btn-sm btn-outline-light ms-2" id="darkModeToggle" title="Toggle theme">
|
|
<i class="fas fa-moon"></i>
|
|
</button>
|
|
</li>
|
|
{% endif %}
|
|
|
|
<li class="nav-item">
|
|
<span class="navbar-text ms-3 small text-muted" id="lastUpdate">
|
|
<i class="fas fa-clock me-1"></i>Loading...
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container-fluid mt-4">
|
|
<div class="row">
|
|
<div class="col-md-3 col-lg-2 d-md-block sidebar">
|
|
<div class="position-sticky pt-3">
|
|
<h6 class="sidebar-heading px-3 mt-3 mb-2 text-muted text-uppercase">
|
|
<span>Vendors</span>
|
|
</h6>
|
|
<ul class="nav flex-column" id="vendorList">
|
|
<li class="nav-item">
|
|
<div class="text-center py-3">
|
|
<div class="spinner-border spinner-border-sm text-primary"></div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
{% block modals %}{% endblock %}
|
|
|
|
<script src="{{ config.BOOTSTRAP_JS_CDN }}"></script>
|
|
<script src="{{ url_for('static', filename='js/app.js') }}"></script>
|
|
{% block extra_scripts %}{% endblock %}
|
|
</body>
|
|
</html>
|