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