Heavily customized version of smokesignal - https://whtwnd.com/kayrozen.com/3lpwe4ymowg2t
kayrozen.com
1<div class="timeline">
2 {% if events %}
3 {% for bookmarked_event in events %}
4 <div class="timeline-item" id="bookmark-{{ bookmarked_event.bookmark.id }}">
5 <div class="box">
6 <div class="level">
7 <div class="level-left">
8 <div class="level-item">
9 <div>
10 <h4 class="title is-5">
11 <a href="/{{ bookmarked_event.event.handle }}/{{ bookmarked_event.event.rkey }}">
12 {{ bookmarked_event.event.name }}
13 </a>
14 </h4>
15 <p class="subtitle is-6">
16 {{ t("bookmarked-on", date=bookmarked_event.bookmark.created_at|date) }}
17 </p>
18 </div>
19 </div>
20 </div>
21 <div class="level-right">
22 <div class="level-item">
23 <button class="button is-danger is-small"
24 hx-delete="/bookmarks/{{ bookmarked_event.bookmark.bookmark_aturi|urlencode }}"
25 hx-target="#bookmark-{{ bookmarked_event.bookmark.id }}"
26 hx-swap="outerHTML"
27 hx-confirm="{{ t('confirm-remove-bookmark') }}">
28 {{ t("remove-bookmark") }}
29 </button>
30 </div>
31 </div>
32 </div>
33
34 <!-- Détails de l'événement -->
35 {% if bookmarked_event.event.start_time %}
36 <p class="has-text-grey">
37 <i class="fas fa-clock"></i>
38 {{ bookmarked_event.event.start_time|date }}
39 {% if bookmarked_event.event.end_time %}
40 - {{ t("ends-at", time=bookmarked_event.event.end_time|time) }}
41 {% endif %}
42 </p>
43 {% endif %}
44
45 {% if bookmarked_event.event.location %}
46 <p class="has-text-grey">
47 <i class="fas fa-map-marker-alt"></i>
48 {{ bookmarked_event.event.location }}
49 </p>
50 {% endif %}
51
52 <!-- Étiquettes -->
53 {% if bookmarked_event.bookmark.tags %}
54 <div class="tags">
55 {% for tag in bookmarked_event.bookmark.tags %}
56 <span class="tag is-light">{{ tag }}</span>
57 {% endfor %}
58 </div>
59 {% endif %}
60
61 <!-- Statut RSVP si disponible -->
62 {% if bookmarked_event.event.user_rsvp_status %}
63 <div class="tags">
64 <span class="tag is-primary">
65 {{ t("rsvp-status-" + bookmarked_event.event.user_rsvp_status) }}
66 </span>
67 </div>
68 {% endif %}
69 </div>
70 </div>
71 {% endfor %}
72
73 <!-- Pagination -->
74 {% if has_more %}
75 <div class="has-text-centered">
76 <button class="button is-primary"
77 hx-get="/bookmarks?offset={{ current_offset + events|length }}&view={{ view_mode }}"
78 hx-target="#timeline-content"
79 hx-swap="beforeend">
80 {{ t("load-more") }}
81 </button>
82 </div>
83 {% endif %}
84 {% else %}
85 <div class="notification is-info">
86 <p>{{ t("no-bookmarked-events") }}</p>
87 </div>
88 {% endif %}
89</div>