Mercurial > libervia-templates
annotate sat_templates/templates/bulma/calendar/daily.html @ 400:140690a18b63
call: group call design:
Design for group call (which is used for both group call and A/V conferences) has been
improved to:
- have a working fullscreen button;
- have a better display of peer users in grid, with responsive design;
- have a nicer design for peer user, and adding avatar/nickname as overlay on the bottom
of the video stream;
- add a way to (un)pin a peer user, which make is appear on the whole width on top of the
grid.
rel 448
HG<S-Insert>: changed sat_templates/templates/bulma/call/group_peer.html
author | Goffi <goffi@goffi.org> |
---|---|
date | Tue, 06 Aug 2024 23:50:17 +0200 |
parents | 271b38ccd217 |
children |
rev | line source |
---|---|
358
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
1 {# daily calendar view |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
2 @variable events(list[dict]): events to display |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
3 @variable calendar_start(float): calendar start timestamp |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
4 @variable calendar_end(float): calendar end timestamp |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
5 #} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
6 |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
7 {% if not embedded %}{% extends 'base/base.html' %}{% endif %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
8 {% import 'components/block.html' as block with context %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
9 |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
10 {% block body %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
11 {{ icon_defs('calendar') }} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
12 |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
13 <section class="section"> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
14 |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
15 <div class="content has-items-centered is-flex"> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
16 {{ component.action_button(url_event_new) }} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
17 </div> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
18 |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
19 |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
20 <h1 class="title has-text-centered">{{ calendar_start|date_fmt('full', date_only=True) }}</h1> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
21 <div class="columns"> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
22 <div class="column"> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
23 <div class="time-and-events"> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
24 <div class="time-rows" aria-hidden="true"> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
25 {% for hour in range(calendar_start|timestamp_to_hour, calendar_end|timestamp_to_hour + 1) %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
26 {% for minute in [0, 30] %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
27 <div class="time-row {% if minute == 0 %}hour-row{% else %}half-hour-row{% endif %}"> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
28 <span class="time-text" >{{ "%02d:%02d"|format(hour, minute) }}</span> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
29 <div class="line"></div> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
30 </div> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
31 {% endfor %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
32 {% endfor %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
33 </div> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
34 {% if events %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
35 {% for event in events %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
36 {% if event.end > calendar_start and event.start < calendar_end %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
37 {% set event_start = event.start|date_fmt(tz_name=tz_name) %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
38 {% set event_end = event.end|date_fmt(tz_name=tz_name) %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
39 {% set event_duration = event.start|delta_to_human(event.end) %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
40 {% set ns = namespace(event_classes = []) %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
41 {% if event.start < calendar_start %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
42 {% set ns.event_classes = ns.event_classes + ['already-started'] %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
43 {% endif %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
44 {% if event.end > calendar_end %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
45 {% set ns.event_classes = ns.event_classes + ['not-finished'] %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
46 {% endif %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
47 {% for other_event in events %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
48 {% if event != other_event and event.start < other_event.end and event.end > other_event.start %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
49 {% set ns.event_classes = ns.event_classes + ['is-conflicting'] %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
50 {% endif %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
51 {% endfor %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
52 {% set event_top = [(((event.start - calendar_start) / 1800 * 30) + 15), 0]|max|int %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
53 {% set event_height = [((event.end - event.start) / 1800 * 30), ]|min|int %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
54 <div class="event-box {{ ns.event_classes|join(' ') }}" style="top: {{ event_top }}px; height: {{ event_height }}px; max-height: calc(100% - {{event_top}}px);"> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
55 <span class="event-name">{{ event.name[""] }}</span> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
56 <br> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
57 {{ event_start }} - {{ event_end }} ({{ event_duration }}) |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
58 </div> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
59 {% endif %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
60 {% endfor %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
61 {% endif %} |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
62 <div id="current-time-line" aria-hidden="true" hidden></div> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
63 </div> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
64 </div> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
65 </div> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
66 |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
67 |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
68 </section> |
271b38ccd217
bulma (calendar): calendar and its daily view, first draft
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
69 {% endblock body %} |