Heavily customized version of smokesignal - https://whtwnd.com/kayrozen.com/3lpwe4ymowg2t
1<!-- Venue Search Results Partial -->
2<div id="venue-suggestions"
3 class="venue-suggestions{% if venues and venues|length > 0 %} is-active{% endif %}"
4 role="listbox"
5 aria-label="{{ t('venue-suggestions') }}">
6{% if venues and venues|length > 0 %}
7 {% for venue in venues %}
8 <div class="venue-suggestion-item"
9 role="option"
10 tabindex="0"
11 data-venue-id="{{ venue.id }}"
12 data-venue-name="{{ venue.display_name }}"
13 data-venue-lat="{{ venue.latitude }}"
14 data-venue-lng="{{ venue.longitude }}"
15 data-venue-street="{{ venue.street or '' }}"
16 data-venue-locality="{{ venue.locality or '' }}"
17 data-venue-region="{{ venue.region or '' }}"
18 data-venue-postal-code="{{ venue.postal_code or '' }}"
19 data-venue-country="{{ venue.country or '' }}"
20 data-venue-category="{{ venue.category or '' }}"
21 data-venue-quality="{{ venue.quality_score or '' }}"
22 onclick="selectVenue(this)"
23 onkeydown="handleVenueKeydown(event, this)">
24
25 <div class="venue-info">
26 <div class="venue-header">
27 <h6 class="venue-name">{{ venue.display_name }}</h6>
28 {% if venue.category %}
29 <span class="tag is-small is-info">{{ venue.category }}</span>
30 {% endif %}
31 </div>
32
33 <p class="venue-address">
34 {% if venue.street %}{{ venue.street }}, {% endif %}
35 {% if venue.locality %}{{ venue.locality }}{% endif %}
36 {% if venue.region %}{% if venue.locality %}, {% endif %}{{ venue.region }}{% endif %}
37 {% if venue.postal_code %} {{ venue.postal_code }}{% endif %}
38 </p>
39 </div>
40 </div>
41 {% endfor %}
42{% else %}
43 <div class="venue-no-results">
44 <div class="has-text-centered p-4">
45 <span class="icon is-large has-text-grey-light">
46 <i class="fas fa-search fa-2x"></i>
47 </span>
48 {% if show_min_length_message %}
49 <p class="has-text-grey">{{ t('search-min-length-message') }}</p>
50 <p class="help">{{ t('type-at-least-2-characters') }}</p>
51 {% else %}
52 <p class="has-text-grey">{{ t('no-venues-found') }}</p>
53 <p class="help">{{ t('try-different-search-terms') }}</p>
54 {% endif %}
55 </div>
56 </div>
57{% endif %}
58</div>