Fork i18n + search + filtering- v0.2

fix: improve event UI with handle formatting and RSVP navigation

* Add @ symbol to organizer display names
* Fix tab selector for 'notgoing' tab (was 'not_going')
* Make handle names clickable in RSVP list
* Improve HTML indentation consistency

+1 -1
templates/event_list.en-us.incl.html
··· 106 106 107 107 <span class="level-item"> 108 108 <a href="{{ base }}/{{ event.organizer_did }}" hx-boost="true"> 109 - {{ event.organizer_display_name }} 109 + @{{ event.organizer_display_name }} 110 110 </a> 111 111 </span> 112 112
+41 -41
templates/view_event.en-us.common.html
··· 10 10 <span>You are viewing a older version of this event.</span> 11 11 {% if standard_event_exists %} 12 12 <span class="ml-3"> 13 - <a href="{{ base }}{{ standard_event_url }}" 14 - class="button is-small is-primary"> 13 + <a href="{{ base }}{{ standard_event_url }}" class="button is-small is-primary"> 15 14 <span class="icon"> 16 15 <i class="fas fa-calendar-alt"></i> 17 16 </span> ··· 21 20 {% endif %} 22 21 {% if can_edit and not standard_event_exists %} 23 22 <span class="ml-3"> 24 - <a href="{{ base }}/{{ handle_slug }}/{{ event_rkey }}/migrate" 25 - class="button is-small is-info"> 23 + <a href="{{ base }}/{{ handle_slug }}/{{ event_rkey }}/migrate" class="button is-small is-info"> 26 24 <span class="icon"> 27 25 <i class="fas fa-arrows-up-to-line"></i> 28 26 </span> ··· 48 46 <h1 class="title">{{ event.name }}</h1> 49 47 <h1 class="subtitle"> 50 48 <a href="{{ base }}/{{ event.organizer_did }}"> 51 - {{ event.organizer_display_name }} 49 + @{{ event.organizer_display_name }} 52 50 </a> 53 51 {% if can_edit %} 54 52 <a href="{{ base }}/{{ handle_slug }}/{{ event_rkey }}/edit" ··· 171 169 </div> 172 170 {% if event.address_display %} 173 171 <div class="level subtitle"> 174 - <span class="level-item"> 175 - {{ event.address_display }} 172 + <span class="level-item"> 173 + {{ event.address_display }} 174 + </span> 175 + <a class="level-item" href="//maps.apple.com/?q={{ event.address_display }}" rel="nofollow" target="blank"> 176 + <span class="icon-text"> 177 + <span class="icon"> 178 + <i class="fab fa-apple"></i> 179 + </span> 180 + <span>Apple Maps</span> 176 181 </span> 177 - <a class="level-item" href="//maps.apple.com/?q={{ event.address_display }}" rel="nofollow" 178 - target="blank"> 179 - <span class="icon-text"> 180 - <span class="icon"> 181 - <i class="fab fa-apple"></i> 182 - </span> 183 - <span>Apple Maps</span> 182 + </a> 183 + <a class="level-item" href="//maps.google.com/?q={{ event.address_display }}" rel="nofollow" target="blank"> 184 + <span class="icon-text"> 185 + <span class="icon"> 186 + <i class="fab fa-google"></i> 184 187 </span> 185 - </a> 186 - <a class="level-item" href="//maps.google.com/?q={{ event.address_display }}" rel="nofollow" 187 - target="blank"> 188 - <span class="icon-text"> 189 - <span class="icon"> 190 - <i class="fab fa-google"></i> 191 - </span> 192 - <span>Google Maps</span> 193 - </span> 194 - </a> 188 + <span>Google Maps</span> 189 + </span> 190 + </a> 195 191 </div> 196 192 {% endif %} 197 193 198 194 {% if event.links %} 199 195 {% for (link, link_label) in event.links %} 200 196 <div class="level subtitle"> 201 - <a class="level-item" href="{{ link }}" rel="nofollow" target="blank"> 202 - <span class="icon-text"> 203 - <span class="icon"> 204 - <i class="fas fa-link"></i> 205 - </span> 206 - <span>{{ link_label if link_label else link }}</span> 197 + <a class="level-item" href="{{ link }}" rel="nofollow" target="blank"> 198 + <span class="icon-text"> 199 + <span class="icon"> 200 + <i class="fas fa-link"></i> 207 201 </span> 208 - </a> 202 + <span>{{ link_label if link_label else link }}</span> 203 + </span> 204 + </a> 209 205 </div> 210 206 {% endfor %} 211 207 {% endif %} ··· 218 214 </span> 219 215 <span>RSVPs are not available for legacy events.</span> 220 216 {% if standard_event_exists %} 221 - <span>Please use the <a 222 - href="{{ base }}{{ standard_event_url }}">standard 217 + <span>Please use the <a href="{{ base }}{{ standard_event_url }}">standard 223 218 version</a> of this event to RSVP.</span> 224 219 {% if user_rsvp_status and not user_has_standard_rsvp %} 225 220 <div class="mt-2"> ··· 413 408 Interested ({{ event.count_interested | default("0") }}) 414 409 </a> 415 410 </li> 416 - <li {% if active_tab=="not_going" %}class="is-active" {% endif %}> 417 - <a href="?tab=not_going&collection={{ fallback_collection if using_fallback_collection else collection }}" 411 + <li {% if active_tab=="notgoing" %}class="is-active" {% endif %}> 412 + <a href="?tab=notgoing&collection={{ fallback_collection if using_fallback_collection else collection }}" 418 413 rel="nofollow"> 419 414 Not Going ({{ event.count_not_going | default("0") }}) 420 415 </a> ··· 424 419 <div class="grid is-col-min-12 has-text-centered"> 425 420 {% if active_tab == "going" %} 426 421 {% for handle in going %} 427 - <span class="cell">@{{ handle }}</span> 422 + <span class="cell"> 423 + <a href="/@{{ handle }}">@{{ handle }}</a> 424 + </span> 428 425 {% endfor %} 429 426 {% elif active_tab == "interested" %} 430 427 {% for handle in interested %} 431 - <span class="cell">@{{ handle }}</span> 428 + <span class="cell"> 429 + <a href="/@{{ handle }}">@{{ handle }}</a> 430 + </span> 432 431 {% endfor %} 433 432 {% else %} 434 - {% for handle in not_going %} 435 - <span class="cell">@{{ handle }}</span> 433 + {% for handle in notgoing %} 434 + <span class="cell"> 435 + <a href="/@{{ handle }}">@{{ handle }}</a> 436 + </span> 436 437 {% endfor %} 437 438 {% endif %} 438 439 </div> ··· 441 442 <p class="has-text-centered"> 442 443 RSVP information is not available for legacy events. 443 444 {% if standard_event_exists %} 444 - <br><a href="{{ base }}{{ standard_event_url }}" 445 - class="button is-small is-primary mt-2"> 445 + <br><a href="{{ base }}{{ standard_event_url }}" class="button is-small is-primary mt-2"> 446 446 <span class="icon"> 447 447 <i class="fas fa-calendar-alt"></i> 448 448 </span>