refactor: using word depot in rear instead of admin

2024-07-20 09:34:51 +02:00
parent a26e17a064
commit 966291dbd9
38 changed files with 1112 additions and 72 deletions
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="{{ language_code|none('en-us') }}" dir="{{ LANGUAGE_BIDI|yesno('rtl,ltr,auto') }}">
+
+<head>
+  <title>{% block title %}{{ title|none('Admiral') }}{% endblock %}</title>
+
+  {% include "fomantic.html" %}
+
+  <link rel="stylesheet" type="text/css" href="/static/rear/depot.css">
+
+  {% block extrastyle %}{% endblock %}
+  {% block extrahead %}{% endblock %}
+
+  {% block responsive %}
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  {% endblock %}
+
+  {% block blockbots %}
+  <meta name="robots" content="NONE,NOARCHIVE">
+  {% endblock %}
+</head>
+
+<body>
+  {% block body %}
+
+  {% block header %}
+  <header id="header" class="ui small inverted top fixed main menu">
+    <a class="launch icon item">
+      <i class="content icon"></i>
+    </a>
+
+    <div class="item" id="branding">
+      {% block branding %}Miniweb{% endblock %}
+    </div>
+
+
+
+    <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="/static/rear/teddy_bear.png">
+          Person
+          <div class="detail">Admiral</div>
+        </a>
+      </div>
+
+      <div class="icon item">
+        <form id="logout-form" method="post" action="{{ url('depot:logout') }}">
+          <i class="power link icon" style="float: none;"></i>
+        </form>
+
+      </div>
+    </div>
+
+  </header>
+  {% endblock %}
+
+  {% block sidebar %}
+  <div class="ui vertical sidebar left visible overlay" id="main_sidemenu">
+    <div class="ui vertical inverted fluid menu">
+      <div class="item"><a href="{{depot_url}}">
+          <i class="big d20 dice icon" style="float: none;"></i>
+          <b>Administration</b>
+        </a>
+      </div>
+
+      <div class="item">
+        <div class="ui hidden right aligned search input" id="search">
+          <div class="ui inverted transparent icon input">
+            <input class="prompt" type="text" placeholder="Filter...">
+            <i class="search link icon" data-content="Search UI"></i>
+          </div>
+          <div class="results"></div>
+        </div>
+      </div>
+
+      <div class="item">
+        <div class="header">General</div>
+        <div class="menu">
+
+          <a class="item" href="#">
+            Introduction
+          </a>
+
+          <a class="item" href="#">
+            Status
+          </a>
+
+          <a class="item" href="#">
+            Settings
+          </a>
+
+        </div>
+      </div>
+
+      {% if sections %}
+      {% for section in sections %}
+      <div class="item">
+        <i class="cog link icon" href="{{ section.section_url }}"></i>
+        <div class="header">{{ section.name }} </div>
+        <div class="menu">
+          {% for model in section.models %}
+          <div
+            class="item model-{{ model.key }}{% if model.admin_url in request.path|urlencode %} current-model{% endif %}">
+            {% if model.model_url %}
+            <a href="{{ model.model_url }}" hx-get="{{ model.model_url }}" hx-target="#main" hx-push-url="true" {% if
+              model.admin_url in request.path|urlencode %} aria-current="page" {% endif %}>{{ model.name }}</a>
+            {% else %}
+            <span>{{ model.name }}</span>
+            {% endif %}
+
+            {% if model.add_url %}<i class="plus link icon" hx-get="{{ model.add_url }}" hx-target="#main"
+              hx-push-url="true">
+              {% if captions %}<a href="{{ model.add_url }}" class="addlink">{{ translate( 'Add') }}</a>{% endif %}</i>
+            {% endif %}
+            {% endfor %}
+            </table>
+          </div>
+        </div>
+      </div>
+      {% endfor %}
+      {% endif %}
+
+    </div>
+  </div>
+  {% endblock sidebar %}
+
+  <div class="pusher pushover" id="main_content">
+    <main id="main">
+      {% block content %}
+      {% endblock content %}
+    </main>
+  </div>
+
+  {% endblock body %}
+  {% block bodyjs %}
+  <script src="/static/htmx/htmx.min.js"></script>
+  <script src="/static/hyperscript/hyperscript.min.js"></script>
+
+
+  <script type="text/javascript">
+    $(document).ready(function () {
+      $('#main_sidemenu').sidebar({
+        transition: 'overlay',
+        dimPage: false,
+        closable: false,
+        onHide: function () {
+          $('#main_content').removeClass('pushover');
+        },
+        onShow: function () {
+          // This function is called when the sidebar is visible
+          $('#main_content').addClass('pushover');
+        }
+      }).sidebar('attach events', '.launch.icon.item').sidebar("show");
+    });
+  </script>
+  {% endblock bodyjs %}
+</body>
+
+</html>