views/event-search.ejs
<%- include('_header'); -%>
<div class="columns is-variable is-4-mobile is-4-tablet is-block-print" id="is-site-layout">
<%- include("_sideMenu-events"); -%>
<div class="column">
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li class="is-active"><a href="#" aria-current="page">
<span class="icon is-small"><i class="fas fa-calendar" aria-hidden="true"></i></span>
<span>Lottery Events</span>
</a></li>
</ul>
</nav>
<h1 class="title is-1">
Find a Lottery Event
</h1>
<div class="box">
<form id="form--filters">
<input id="filter--limit" name="limit" type="hidden" value="50" />
<input id="filter--offset" name="offset" type="hidden" value="0" />
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="filter--externalLicenceNumber"><%= configFunctions.getProperty("licences.externalLicenceNumber.fieldLabel") %></label>
<div class="control has-icons-left">
<input class="input" id="filter--externalLicenceNumber" name="externalLicenceNumber" type="text" autofocus />
<span class="icon is-small is-left">
<i class="fas fa-filter" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="filter--licenceTypeKey">Licence Type</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="filter--licenceTypeKey" name="licenceTypeKey">
<option value="">(All Types)</option>
<%
const licenceTypes = configFunctions.getProperty("licenceTypes");
for (let licenceTypeIndex = 0; licenceTypeIndex < licenceTypes.length; licenceTypeIndex += 1) {
%>
<option value="<%= licenceTypes[licenceTypeIndex].licenceTypeKey %>">
<%= licenceTypes[licenceTypeIndex].licenceType %>
</option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-filter" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="filter--eventYear">Event Year</label>
<div class="control has-icons-left">
<div class="select is-fullwidth">
<select id="filter--eventYear" name="eventYear">
<option value="">(All Years)</option>
<%
const currentYear = new Date().getFullYear();
const startYear = currentYear + 2;
for (let year = startYear; year >= (eventTableStats ? eventTableStats.eventYearMin : 1970); year -= 1) {
%>
<option value="<%= year %>" <%= (year === currentYear ? " selected" : "") %>>
<%= year %>
</option>
<% } %>
</select>
</div>
<span class="icon is-small is-left">
<i class="fas fa-filter" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="filter--organizationName">Organization Name</label>
<div class="control has-icons-left">
<input class="input" id="filter--organizationName" name="organizationName" type="text" />
<span class="icon is-small is-left">
<i class="fas fa-filter" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="filter--locationName">Location Name or Address</label>
<div class="control has-icons-left">
<input class="input" id="filter--locationName" name="locationName" type="text" />
<span class="icon is-small is-left">
<i class="fas fa-filter" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
</form>
</div>
<div id="container--events"></div>
</div>
</div>
<%- include('_footerA'); -%>
<script>
exports.config_licenceTypes = <%- JSON.stringify(configFunctions.getLicenceTypeKeyToNameObject()) %>;
</script>
<script src="<%= urlPrefix %>/javascripts/event-search.min.js"></script>
<%- include('_footerB'); -%>