Display account details

2022-04-04 17:39:23 +02:00
parent a4de6a01af
commit e1eb64f27c
14 changed files with 231 additions and 3 deletions
--- a/templates/settings/base_settings_page.html
+++ b/templates/settings/base_settings_page.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>{{ page_title }} - {{ 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">{{ app_name }}</span>
+    </a>
+    <hr>
+    <ul class="nav nav-pills flex-column mb-auto">
+      <li class="nav-item">
+        <a href="/settings" class="nav-link active" aria-current="page">
+          Account details
+        </a>
+      </li>
+      <li>
+        <a href="/settings/change_password" class="nav-link link-dark">
+          Change password
+        </a>
+      </li>
+      
+      <hr />
+      {% if is_admin %}
+      <li>
+        <a href="/admin/apps" class="nav-link link-dark">
+          Applications
+        </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>{{ 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) = danger_message %}<div class="alert alert-danger">{{ msg }}</div>{% endif %}
+    {% if let Some(msg) = success_message %}<div class="alert alert-success">{{ msg }}</div>{% endif %}
+
+    <h2 class="bd-title mt-0" style="margin-bottom: 40px;">{{ page_title }}</h2>
+
+    {% block content %}
+    TO_REPLACE
+    {% endblock content %}
+  </div>
+
+<script src="/assets/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>