86 lines
2.6 KiB
HTML
86 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{{ _p.page_title }} - {{ _p.app_name }}</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="/assets/css/bootstrap.css" rel="stylesheet" crossorigin="anonymous"/>
|
|
|
|
<link rel="stylesheet" href="/assets/css/base_settings_page.css">
|
|
</head>
|
|
<body>
|
|
<div class="d-flex flex-column flex-shrink-0 p-3 bg-light" style="width: 280px;">
|
|
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
|
|
<span class="fs-4">{{ _p.app_name }}</span>
|
|
</a>
|
|
<hr>
|
|
<ul class="nav nav-pills flex-column mb-auto">
|
|
<li class="nav-item">
|
|
<a href="/settings" class="nav-link link-dark">
|
|
Account details
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/settings/change_password" class="nav-link link-dark">
|
|
Change password
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/settings/two_factors" class="nav-link link-dark">
|
|
Two-factor authentication
|
|
</a>
|
|
</li>
|
|
|
|
{% if _p.is_admin %}
|
|
<hr/>
|
|
<li>
|
|
<a href="/admin/clients" class="nav-link link-dark">
|
|
Clients
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/admin/users" class="nav-link link-dark">
|
|
Users
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
<hr>
|
|
<div class="dropdown">
|
|
<a href="#" class="d-flex align-items-center link-dark text-decoration-none dropdown-toggle" id="dropdownUser"
|
|
data-bs-toggle="dropdown" aria-expanded="false">
|
|
<img src="/assets/img/account.png" alt="" width="32" height="32" class="rounded-circle me-2">
|
|
<strong>{{ _p.user_name }}</strong>
|
|
</a>
|
|
<ul class="dropdown-menu text-small shadow" aria-labelledby="dropdownUser">
|
|
<li><a class="dropdown-item" href="/logout">Sign out</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page_body" style="flex: 1">
|
|
{% if let Some(msg) = _p.danger_message %}
|
|
<div class="alert alert-danger">{{ msg }}</div>
|
|
{% endif %}
|
|
{% if let Some(msg) = _p.success_message %}
|
|
<div class="alert alert-success">{{ msg }}</div>
|
|
{% endif %}
|
|
|
|
<h2 class="bd-title mt-0" style="margin-bottom: 40px;">{{ _p.page_title }}</h2>
|
|
|
|
{% block content %}
|
|
TO_REPLACE
|
|
{% endblock content %}
|
|
</div>
|
|
|
|
<script src="/assets/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
document.querySelectorAll(".nav-link").forEach(el => {
|
|
if(el.href === location.href) el.classList.add("active");
|
|
else el.classList.remove("active")
|
|
})
|
|
|
|
</script>
|
|
</body>
|
|
</html> |