wavefunk-ui 0.1.5

Askama and htmx UI component base for Wave Funk Rust applications.
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

{% if landmark %}
<nav class="wf-sidenav"{% for attr in attrs %} {{ attr.name }}="{{ attr.value }}"{% endfor %}>
{% else %}
<div class="wf-sidenav"{% for attr in attrs %} {{ attr.name }}="{{ attr.value }}"{% endfor %}>
{% endif %}
  {%- for section in sections %}
  <section class="wf-sidenav-section">
    <div class="wf-sidenav-heading">{{ section.label }}</div>
    <div class="wf-sidenav-list">
      {%- for item in section.items %}
      {%- if item.disabled %}
      <span class="{{ item.class_name() }}" aria-disabled="true"{% for attr in item.attrs %} {{ attr.name }}="{{ attr.value }}"{% endfor %}>
        <span class="wf-sidenav-label">{{ item.label }}</span>
        {%- match item.badge -%}
        {%- when Some with (text) -%}
        <span class="wf-sidenav-badge">{{ text }}</span>
        {%- when None -%}
        {%- endmatch -%}
        {%- match item.coming_soon -%}
        {%- when Some with (text) -%}
        <span class="wf-sidenav-soon">{{ text }}</span>
        {%- when None -%}
        {%- endmatch -%}
      </span>
      {%- else %}
      <a class="{{ item.class_name() }}" href="{{ item.href }}"{% if item.active %} aria-current="page"{% endif %}{% for attr in item.attrs %} {{ attr.name }}="{{ attr.value }}"{% endfor %}>
        <span class="wf-sidenav-label">{{ item.label }}</span>
        {%- match item.badge -%}
        {%- when Some with (text) -%}
        <span class="wf-sidenav-badge">{{ text }}</span>
        {%- when None -%}
        {%- endmatch -%}
        {%- match item.coming_soon -%}
        {%- when Some with (text) -%}
        <span class="wf-sidenav-soon">{{ text }}</span>
        {%- when None -%}
        {%- endmatch -%}
      </a>
      {%- endif %}
      {%- endfor %}
    </div>
  </section>
  {%- endfor %}
{% if landmark %}
</nav>
{% else %}
</div>
{% endif %}