refactor: adding a little bit more polish to the admin dashboard, so it can be presented

2024-01-15 22:38:07 +01:00
parent 7f3602233c
commit f83ae7be09
3 changed files with 45 additions and 8 deletions
@@ -1,11 +1,9 @@
 <!DOCTYPE html>
-{% set is_nav_sidebar_enabled = true %}
 <html lang="{{ language_code|none('en-us') }}" dir="{{ LANGUAGE_BIDI|yesno('rtl,ltr,auto') }}">

 <head>
  <title>{% block title %}{{ title|none('Admiral') }}{% endblock %}</title>

-
  <!-- You MUST include jQuery 3.4+ before Fomantic -->
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.9.3/dist/semantic.min.css">
@@ -13,7 +11,6 @@

  <link rel="stylesheet" type="text/css" href="/static/admin/admin.css">

-  {% block dark_mode_vars %}<!-- would contain css for dark mode in django. -->{% endblock %}
  {% block extrastyle %}{% endblock %}
  {% block extrahead %}{% endblock %}

@@ -35,24 +32,30 @@
      <i class="content icon"></i>
    </a>

-    <div class="item active" id="branding">
+    <div class="item" id="branding">
      {% block branding %}Miniweb{% endblock %}
    </div>

-    {% block usertools %}
-    {% endblock usertools %}
+

    <div class="right menu">
+      {% block usertools %}
+      <div class="item">Documentation</div>
+      <div class="icon item"><i class="tools link icon"></i></div>
+      {% endblock usertools %}
      <div class="item">
        <a class="ui blue image label">
-          <img src="/images/avatar/small/person.jpg">
+          <img src="/static/admin/teddy_bear.png">
          Person
          <div class="detail">Admin</div>
        </a>
      </div>

      <div class="icon item">
-        <i class="power icon" style="float: none;"></i>
+        <form id="logout-form" method="post" action="{{ url('admin:logout') }}">
+          <i class="power link icon" style="float: none;"></i>
+        </form>
+
      </div>
    </div>