~alcinnz/bureaucromancy

ref: 55731532baec4591f2055502054bc72407c65466 bureaucromancy/tpl/gregorian.html -rw-r--r-- 2.5 KiB
55731532 — Adrian Cochrane Get datepicker control working. 1 year, 1 month ago
                                                                                
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
55731532 Adrian Cochrane
e55c9337 Adrian Cochrane
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
{% extends "base.html" %}

{%- block control -%}<section>
    <style>
      .multi { display: flex }
      ul.control, .multi > ul {
        display: grid;
        gap: 5px;
        grid-template-columns: repeat(3, min-content);
        list-style-type: none;
      }
    </style>

    <p><a href="-year{{Q}}" title="Past year"></a>
        <a href="year/{{Q}}" title="Edit year">{{ T.year }}</a>
        <a href="+year{{Q}}" title="Next year"></a>

        <a href="-month{{Q}}" title="Past month"></a>
        {{ T.month }}
        <a href="+month{{Q}}" title="Next month"></a>

        <a href="-date{{Q}}" title="Past day"></a>
        {{ T.date }}
        <a href="+date{{Q}}" title="Next day"></a>

        <a href="-hour{{Q}}" title="Past hour"></a>
        {{ T.hour|pad2 }}
        <a href="+hour{{Q}}" title="Next hour"></a>
        :
        <a href="-minute{{Q}}" title="Past minute"></a>
        {{ T.minute|pad2 }}
        <a href="+minute{{Q}}" title="Next minute"></a>
        <a href="meridiem{{Q}}" title="Toggle AM/PM">{{ T.meridiem }}</a>

        <a href="-zone{{Q}}" title="Previous timezone"></a>
        {{ T.zone }}
        <a href="+zone{{Q}}" title="Next zone"></a></p>
    <p><a href="now{{Q}}" title="Select current date & time">Now</a></a>

    <div class="multi">
      <ul>
        <li><a href="month=0{{Q}}">January</a></li>
        <li><a href="month=1{{Q}}">Febuary</a></li>
        <li><a href="month=2{{Q}}">March</a></li>
        <li><a href="month=3{{Q}}">April</a></li>
        <li><a href="month=4{{Q}}">May</a></li>
        <li><a href="month=5{{Q}}">June</a></li>
        <li><a href="month=6{{Q}}">July</a></li>
        <li><a href="month=7{{Q}}">August</a></li>
        <li><a href="month=8{{Q}}">September</a></li>
        <li><a href="month=9{{Q}}">October</a></li>
        <li><a href="month=10{{Q}}">November</a></li>
        <li><a href="month=11{{Q}}">December</a></li>
      </ul>

      <ul style="grid-template-columns: repeat(7, min-content)">
        {% for i in 1|seqTo(T.daysInMonth) %}
          <li {% if i == 1 %}style="grid-column: {{ T.monthStart }}"{% endif %}>
            <a href="date={{ i }}{{Q}}">{{ i }}</a>
          </li>
        {% endfor %}
      </ul>

      <ul>{% for i in 1|seqTo(12) %}
        <li><a href="hour={{ i }}{{Q}}">{{ i|pad2 }}:{{ T.minute|pad2 }}</a></li>
      {% endfor %}</ul>
      <ul>{% for i in 0|seqTo(5, 55) %}
        <li><a href="minute={{ i }}{{Q}}">{{ T.hour|pad2 }}:{{ i|pad2 }}</a></li>
      {% endfor %}</ul>
    </div>
</section>{%- endblock -%}