kayrozen.com
forked from
smokesignal.events/smokesignal
i18n+filtering fork - fluent-templates v2
1{% if events %}
2{% for event in events %}
3<article class="media">
4 <div class="media-content">
5
6 <div class="level mb-1">
7 <div class="level-left">
8
9 {% if event.role %}
10 <span class="level-item tag is-info is-light">
11 <div class="icon-text">
12 <span class="icon">
13 <i class="
14 {%- if event.role == 'going' -%}
15 fas fa-star
16 {%- elif event.role == 'interested' -%}
17 fas fa-eye
18 {%- elif event.role == 'notgoing' -%}
19 fas fa-ban
20 {%- elif event.role == 'organizer' -%}
21 fas fa-calendar
22 {%- else -%}
23 fas fa-question
24 {%- endif -%}
25 "></i>
26 </span>
27 <span>
28 {%- if event.role == 'going' -%}
29 {{ t("status-going") }}
30 {%- elif event.role == 'interested' -%}
31 {{ t("status-interested") }}
32 {%- elif event.role == 'notgoing' -%}
33 {{ t("status-not-going") }}
34 {%- elif event.role == 'organizer' -%}
35 {{ t("status-organizer") }}
36 {%- else -%}
37 {{ t("status-unknown") }}
38 {%- endif -%}
39 </span>
40 </div>
41 </span>
42 {% endif %}
43
44 {% if event.collection != "community.lexicon.calendar.event" %}
45 <span class="level-item tag is-warning">{{ t("status-legacy") }}</span>
46 {% endif %}
47
48 <a class="level-item title has-text-link is-size-4 has-text-weight-semibold mb-0"
49 href="{{ base }}{{ event.site_url }}" hx-boost="true">
50 {% autoescape false %}{{ event.name }}{% endautoescape %}
51 </a>
52
53 </div>
54 </div>
55 <div class="level mb-1">
56 <div class="level-left">
57 {% if event.status == "planned" %}
58 <span class="level-item icon-text is-hidden-tablet" title="{{ t('event-status-planned-title') }}">
59 <span class="icon">
60 <i class="fas fa-calendar-days"></i>
61 </span>
62 <span>{{ t("event-status-planned") }}</span>
63 </span>
64 {% elif event.status == "scheduled" %}
65 <span class="level-item icon-text is-hidden-tablet" title="{{ t('event-status-scheduled-title') }}">
66 <span class="icon">
67 <i class="fas fa-calendar-check"></i>
68 </span>
69 <span>{{ t("event-status-scheduled") }}</span>
70 </span>
71 {% elif event.status == "rescheduled" %}
72 <span class="level-item icon-text is-hidden-tablet is-info" title="{{ t('event-status-rescheduled-title') }}">
73 <span class="icon">
74 <i class="fas fa-calendar-plus"></i>
75 </span>
76 <span>{{ t("event-status-rescheduled") }}</span>
77 </span>
78 {% elif event.status == "cancelled" %}
79 <span class="level-item icon-text is-hidden-tablet is-danger" title="{{ t('event-status-cancelled-title') }}">
80 <span class="icon">
81 <i class="fas fa-calendar-xmark"></i>
82 </span>
83 <span>{{ t("event-status-cancelled") }}</span>
84 </span>
85 {% elif event.status == "postponed" %}
86 <span class="level-item icon-text is-hidden-tablet is-warning" title="{{ t('event-status-postponed-title') }}">
87 <span class="icon">
88 <i class="fas fa-calendar-minus"></i>
89 </span>
90 <span>{{ t("event-status-postponed") }}</span>
91 </span>
92 {% endif %}
93 {% if event.starts_at_human %}
94 <span class="level-item icon-text" title="Starts at {{ event.starts_at_human }}">
95 <span class="icon">
96 <i class="fas fa-clock"></i>
97 </span>
98 <span><time class="dt-start" {% if event.starts_at_machine %}
99 datetime="{{ event.starts_at_machine }}" {% endif %}>
100 {{- event.starts_at_human -}}
101 </time></span>
102 </span>
103 {% endif %}
104
105 <span class="level-item">
106 <a href="{{ base }}/{{ event.organizer_did }}" hx-boost="true">
107 @{{ event.organizer_display_name }}
108 </a>
109 </span>
110
111 {% if event.mode == "inperson" %}
112 <span class="level-item icon-text" title="{{ t('event-mode-inperson') }}">
113 <span class="icon">
114 <i class="fas fa-users"></i>
115 </span>
116 <span class="is-hidden-tablet">{{ t("event-mode-inperson") }}</span>
117 </span>
118 {% elif event.mode == "virtual" %}
119 <span class="level-item icon-text" title="{{ t('event-mode-virtual-title') }}">
120 <span class="icon">
121 <i class="fas fa-globe"></i>
122 </span>
123 <span class="is-hidden-tablet">{{ t("event-mode-virtual") }}</span>
124 </span>
125 {% elif event.mode == "hybrid" %}
126 <span class="level-item icon-text" title="{{ t('event-mode-hybrid-title') }}">
127 <span class="icon">
128 <i class="fas fa-user-plus"></i>
129 </span>
130 <span class="is-hidden-tablet">{{ t("event-mode-hybrid") }}</span>
131 </span>
132 {% endif %}
133
134 <span class="level-item icon-text" title="{{ t('event-count-going', count=event.count_going) }}">
135 <span class="icon">
136 <i class="fas fa-star"></i>
137 </span>
138 <span>{{ event.count_going }}<span class="is-hidden-tablet"> {{ t("status-going") }}</span></span>
139 </span>
140 <span class="level-item icon-text" title="{{ t('event-count-interested', count=event.count_interested) }}">
141 <span class="icon">
142 <i class="fas fa-eye"></i>
143 </span>
144 <span>{{ event.count_interested }}<span class="is-hidden-tablet"> {{ t("status-interested") }}</span></span>
145 </span>
146 <span class="level-item icon-text" title="{{ t('event-count-not-going', count=event.count_not_going) }}">
147 <span class="icon">
148 <i class="fas fa-ban"></i>
149 </span>
150 <span>{{ event.count_not_going }}<span class="is-hidden-tablet"> {{ t("status-not-going") }}</span></span>
151 </span>
152 </div>
153 </div>
154
155 <div class="my-2">
156 <p>{% autoescape false %}{{ event.description_short }}{% endautoescape %}</p>
157 </div>
158
159 </div>
160</article>
161{% endfor %}
162{% endif %}