55 lines
1.7 KiB
HTML
55 lines
1.7 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
{% load compress %}
|
|
|
|
{% block title %} · Venues{% endblock title %}
|
|
|
|
{% block stylesheets %}
|
|
{% compress css %}
|
|
<link type="text/x-scss" rel="stylesheet" href="{% static 'home/scss/venues.scss' %}">
|
|
{% endcompress %}
|
|
{% endblock stylesheets %}
|
|
|
|
{% block content %}
|
|
<div class="container-xxl">
|
|
<div class="row mt-4">
|
|
<div class="col-md-6">
|
|
<div class="input-group search-group mb-4 mb-md-0">
|
|
<label for="venueSearch" class="input-group-text">
|
|
<i class="bi bi-search"></i>
|
|
</label>
|
|
<input type="search" id="venueSearch" name="venueSearch" class="form-control" placeholder="Search...">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 text-md-end">
|
|
<button type="button" class="js-createVenueBtn btn btn-primary rounded-1">
|
|
Create a Venue
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div id="venueContainer" class="row gy-0 venue-items"></div>
|
|
</div>
|
|
|
|
{% include "home/venue-modal.html" %}
|
|
|
|
{% endblock content %}
|
|
|
|
{% block scripts %}
|
|
<script id="venueItemTemplate" type="text/template">
|
|
<div class="col-md-6 col-lg-4 col-xxl-3 mt-4">
|
|
<div class="venue-item" role="button">
|
|
<div class="venue-type"></div>
|
|
<div class="venue-name"></div>
|
|
<div class="venue-description"></div>
|
|
<ul class="venue-contacts"></ul>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
<script id="venueContactTemplate" type="text/template">
|
|
<li class="venue-contact">
|
|
<i class="venue-contact-icon"></i>
|
|
</li>
|
|
</script>
|
|
<script src="{% static 'js/clamp.min.js' %}"></script>
|
|
<script src="{% static 'home/js/venues.js' %}"></script>
|
|
{% endblock scripts %} |