laterite-admin 0.6.2

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

{# A list of rows. Each cell's control is rendered by its own field type, so a
   switch in a row behaves as a switch and a date as a date.

   Two layouts. Inline puts every field of every row on the page at once, which
   suits one narrow column. List collapses a row to the line that names it and
   opens one at a time, which is what a row of several fields needs: four
   columns side by side is a table nobody can read. `details` carries the open
   state, so the collapse works before any script runs. #}
<div class="lat-repeater{% if data.list %} lat-repeater--list{% endif %}" data-lat-widget="repeater">
  <div class="lat-repeater__rows{% if !data.rows.is_empty() %} lat-repeater__rows--filled{% endif %}">
    {% for row in data.rows %}
    {% if data.list %}
    <details class="lat-repeater__row">
      <summary class="lat-repeater__summary">
        <span class="lat-repeater__title">{% let text = data.summaries[loop.index0].clone() %}{% if text.is_empty() %}<span class="lat-repeater__untitled">Untitled</span>{% else %}{{ text }}{% endif %}</span>
        <button class="lat-btn lat-btn--ghost lat-btn--sm lat-repeater__remove" type="button">Remove</button>
      </summary>
      <div class="lat-repeater__fields">
        {% for cell in row %}
        <div class="lat-field">
          <span class="lat-field__label">{{ cell.label }}</span>
          {{ cell.control|safe }}
          {% if !cell.help.is_empty() %}<p class="lat-help">{{ cell.help }}</p>{% endif %}
        </div>
        {% endfor %}
      </div>
    </details>
    {% else %}
    <div class="lat-repeater__row">
      {% for cell in row %}
      <div class="lat-field">
        <span class="lat-field__label">{{ cell.label }}</span>
        {{ cell.control|safe }}
        {% if !cell.help.is_empty() %}<p class="lat-help">{{ cell.help }}</p>{% endif %}
      </div>
      {% endfor %}
      <button class="lat-btn lat-btn--ghost lat-btn--sm lat-repeater__remove" type="button">Remove</button>
    </div>
    {% endif %}
    {% endfor %}
  </div>
  {# Inert until cloned: a template's controls are not submitted and are not
     form-associated, so the placeholder index never reaches the server. A
     cloned list row is added open, since the operator just asked for it. #}
  <template class="lat-repeater__blank">
    {% if data.list %}
    <details class="lat-repeater__row" open>
      <summary class="lat-repeater__summary">
        <span class="lat-repeater__title"><span class="lat-repeater__untitled">Untitled</span></span>
        <button class="lat-btn lat-btn--ghost lat-btn--sm lat-repeater__remove" type="button">Remove</button>
      </summary>
      <div class="lat-repeater__fields">
        {% for cell in data.blank %}
        <div class="lat-field">
          <span class="lat-field__label">{{ cell.label }}</span>
          {{ cell.control|safe }}
          {% if !cell.help.is_empty() %}<p class="lat-help">{{ cell.help }}</p>{% endif %}
        </div>
        {% endfor %}
      </div>
    </details>
    {% else %}
    <div class="lat-repeater__row">
      {% for cell in data.blank %}
      <div class="lat-field">
        <span class="lat-field__label">{{ cell.label }}</span>
        {{ cell.control|safe }}
        {% if !cell.help.is_empty() %}<p class="lat-help">{{ cell.help }}</p>{% endif %}
      </div>
      {% endfor %}
      <button class="lat-btn lat-btn--ghost lat-btn--sm lat-repeater__remove" type="button">Remove</button>
    </div>
    {% endif %}
  </template>
  <button class="lat-btn lat-btn--secondary lat-btn--sm lat-repeater__add" type="button" data-lat-summary-index="{{ data.summary_index }}">+ Add</button>
</div>