~alcinnz/bureaucromancy

ref: 34609eabb4afdbcc219c0bd461891e5ed83e73ba bureaucromancy/tpl/gregorian.html -rw-r--r-- 2.6 KiB
34609eab — Adrian Cochrane Add timezone selector! 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
34609eab 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>
        <a href="zone/{{Q}}">{{ T.zone }}</a>
        <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 -%}