laterite-admin 0.9.21

Laterite CMF admin surface: the Axum router, session middleware, and login shell
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

{% extends "base.html" %}
{% block title %}{{ shell.t("Dashboard") }} - {{ shell.brand }}{% endblock %}
{% block content %}
<div class="lat-toolbar">
  <h1>{{ shell.t("Dashboard") }}</h1>
  <div class="lat-toolbar__actions" style="margin-left:auto">
    <button type="button" class="lat-btn lat-btn--secondary lat-btn--sm" data-lat-dialog="dashboard-manage">{{ shell.icon("sliders-horizontal")|safe }}<span>{{ shell.t("Manage widgets") }}</span></button>
  </div>
</div>
{% if widgets.is_empty() %}
<div class="lat-card"><p style="color:var(--text-muted);margin:0">{{ shell.t("No widgets are shown. Choose some under Manage widgets.") }}</p></div>
{% else %}
<div class="lat-dash">
  {% for w in widgets %}{{ w|safe }}{% endfor %}
</div>
{% endif %}
<dialog class="lat-dialog" id="dashboard-manage">
  {% let dialog_title = shell.t("Manage widgets") %}
  {% include "_dialog_head.html" %}
  <form method="post" action="{{ shell.base }}/dashboard/layout" data-lat-widget="dashlist">
    <input type="hidden" name="_csrf" value="{{ shell.csrf_token() }}">
    <div class="lat-dialog__body">
      <p class="lat-field__help" style="margin:0 0 12px">{{ shell.t("Tick the widgets you want, set their width, and move them with the arrows. Only you see this dashboard.") }}</p>
      <ul class="lat-dashlist">
        {% for a in available %}
        <li class="lat-dashlist__row" data-code="{{ a.code }}">
          <label class="lat-check"><input type="checkbox" name="widget" value="{{ a.code }}"{% if a.shown %} checked{% endif %}></label>
          <div class="lat-dashlist__label">{{ a.label }}{% if !a.description.is_empty() %}<span>{{ a.description }}</span>{% endif %}</div>
          <select class="lat-input lat-select lat-dashlist__size" name="size:{{ a.code }}" aria-label='{{ shell.t("Width") }}'>
            <option value="third"{% if a.size == "third" %} selected{% endif %}>{{ shell.t("Third") }}</option>
            <option value="half"{% if a.size == "half" %} selected{% endif %}>{{ shell.t("Half") }}</option>
            <option value="full"{% if a.size == "full" %} selected{% endif %}>{{ shell.t("Full") }}</option>
          </select>
          <span class="lat-dashlist__move">
            <button type="button" class="lat-btn lat-btn--ghost lat-btn--sm" data-move="up" aria-label='{{ shell.t("Move up") }}'>&uarr;</button>
            <button type="button" class="lat-btn lat-btn--ghost lat-btn--sm" data-move="down" aria-label='{{ shell.t("Move down") }}'>&darr;</button>
          </span>
        </li>
        {% endfor %}
      </ul>
    </div>
    <div class="lat-dialog__actions">
      <button type="submit" class="lat-btn lat-btn--ghost" formaction="{{ shell.base }}/dashboard/layout/reset">{{ shell.t("Reset to default") }}</button>
      <span style="flex:1"></span>
      <button type="button" class="lat-btn lat-btn--ghost" data-lat-dialog-close>{{ shell.t("Cancel") }}</button>
      <button type="submit" class="lat-btn lat-btn--primary">{{ shell.t("Save") }}</button>
    </div>
  </form>
</dialog>
{% endblock %}