add accessible label
Dan Gowans
parent
5e0f0f165c
commit
f83936224e
|
|
@ -1,90 +1,68 @@
|
||||||
<%- include('_header'); -%>
|
<%- include('_header'); -%>
|
||||||
|
|
||||||
<nav class="breadcrumb">
|
<nav class="breadcrumb">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
|
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
|
||||||
<li class="is-active">
|
<li class="is-active">
|
||||||
<a href="#" aria-current="page">
|
<a href="#" aria-current="page">
|
||||||
<span class="icon is-small"><i class="fas fa-vector-square" aria-hidden="true"></i></span>
|
<span class="icon is-small"><i class="fas fa-vector-square" aria-hidden="true"></i></span>
|
||||||
<span><%= configFunctions.getConfigProperty("aliases.lots") %></span>
|
<span><%= configFunctions.getConfigProperty("aliases.lots") %></span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<h1 class="title is-1">
|
<h1 class="title is-1">
|
||||||
Find a <%= configFunctions.getConfigProperty("aliases.lot") %>
|
Find a <%= configFunctions.getConfigProperty("aliases.lot") %>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<% if (user.userProperties.canUpdate) { %>
|
<% if (user.userProperties.canUpdate) { %>
|
||||||
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
|
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
|
||||||
<a class="button is-circle is-primary has-tooltip-left"
|
<a class="button is-circle is-primary has-tooltip-left"
|
||||||
data-tooltip="Create a New <%= configFunctions.getConfigProperty("aliases.lot") %>"
|
data-tooltip="Create a New <%= configFunctions.getConfigProperty("aliases.lot") %>"
|
||||||
href="<%= urlPrefix %>/lots/new"
|
href="<%= urlPrefix %>/lots/new"
|
||||||
accesskey="n">
|
accesskey="n">
|
||||||
<i class="fas fa-plus" aria-hidden="true"></i>
|
<i class="fas fa-plus" aria-hidden="true"></i>
|
||||||
<span class="sr-only">Create a New <%= configFunctions.getConfigProperty("aliases.lot") %></span>
|
<span class="sr-only">Create a New <%= configFunctions.getConfigProperty("aliases.lot") %></span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<form id="form--searchFilters">
|
<form id="form--searchFilters">
|
||||||
<input id="searchFilter--limit" name="limit" type="hidden" value="100" />
|
<input id="searchFilter--limit" name="limit" type="hidden" value="100" />
|
||||||
<input id="searchFilter--offset" name="offset" type="hidden" value="0" />
|
<input id="searchFilter--offset" name="offset" type="hidden" value="0" />
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<label class="label" for="searchFilter--lotName"><%= configFunctions.getConfigProperty("aliases.lot") %></label>
|
<label class="label" for="searchFilter--lotName"><%= configFunctions.getConfigProperty("aliases.lot") %></label>
|
||||||
<div class="field has-addons">
|
<div class="field has-addons">
|
||||||
<div class="control has-icons-left">
|
<div class="control has-icons-left">
|
||||||
<div class="select">
|
<div class="select">
|
||||||
<select id="selectFilter--lotNameSearchType" name="lotNameSearchType">
|
<select id="selectFilter--lotNameSearchType" name="lotNameSearchType" aria-label="<%= configFunctions.getConfigProperty("aliases.lot") %> Filter Type">
|
||||||
<option value="">contains</option>
|
<option value="">contains</option>
|
||||||
<option value="startsWith">starts with</option>
|
<option value="startsWith">starts with</option>
|
||||||
<option value="endsWith">ends with</option>
|
<option value="endsWith">ends with</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<span class="icon is-small is-left">
|
<span class="icon is-small is-left">
|
||||||
<i class="fas fa-search" aria-hidden="true"></i>
|
<i class="fas fa-search" aria-hidden="true"></i>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
|
||||||
<div class="control is-expanded">
|
|
||||||
<input class="input" id="searchFilter--lotName" name="lotName" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="control is-expanded">
|
||||||
<div class="field">
|
<input class="input" id="searchFilter--lotName" name="lotName" />
|
||||||
<label class="label" for="searchFilter--lotTypeId"><%= configFunctions.getConfigProperty("aliases.lot") %> Type</label>
|
|
||||||
<div class="control has-icons-left">
|
|
||||||
<div class="select is-fullwidth">
|
|
||||||
<select id="searchFilter--lotTypeId" name="lotTypeId">
|
|
||||||
<option value="">(All <%= configFunctions.getConfigProperty("aliases.lot") %> Types)</option>
|
|
||||||
<% for (const lotType of lotTypes) { %>
|
|
||||||
<option value="<%= lotType.lotTypeId %>" <%= (lotType.lotTypeId.toString() === lotTypeId) ? " selected" : "" %>>
|
|
||||||
<%= lotType.lotType || "(No Name)" %>
|
|
||||||
</option>
|
|
||||||
<% } %>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<span class="icon is-small is-left">
|
|
||||||
<i class="fas fa-search" aria-hidden="true"></i>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="columns">
|
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="field">
|
<div class="field">
|
||||||
<label class="label" for="searchFilter--mapId"><%= configFunctions.getConfigProperty("aliases.map") %></label>
|
<label class="label" for="searchFilter--lotTypeId"><%= configFunctions.getConfigProperty("aliases.lot") %> Type</label>
|
||||||
<div class="control has-icons-left">
|
<div class="control has-icons-left">
|
||||||
<div class="select is-fullwidth">
|
<div class="select is-fullwidth">
|
||||||
<select id="searchFilter--mapId" name="mapId">
|
<select id="searchFilter--lotTypeId" name="lotTypeId">
|
||||||
<option value="">(All <%= configFunctions.getConfigProperty("aliases.maps") %>)</option>
|
<option value="">(All <%= configFunctions.getConfigProperty("aliases.lot") %> Types)</option>
|
||||||
<% for (const map of maps) { %>
|
<% for (const lotType of lotTypes) { %>
|
||||||
<option value="<%= map.mapId %>" <%= (map.mapId.toString() === mapId) ? " selected" : "" %>>
|
<option value="<%= lotType.lotTypeId %>" <%= (lotType.lotTypeId.toString() === lotTypeId) ? " selected" : "" %>>
|
||||||
<%= map.mapName || "(No Name)" %>
|
<%= lotType.lotType || "(No Name)" %>
|
||||||
</option>
|
</option>
|
||||||
<% } %>
|
<% } %>
|
||||||
</select>
|
</select>
|
||||||
|
|
@ -95,28 +73,50 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
</div>
|
||||||
<div class="field">
|
<div class="columns">
|
||||||
<label class="label" for="searchFilter--lotStatusId">Status</label>
|
<div class="column">
|
||||||
<div class="control has-icons-left">
|
<div class="field">
|
||||||
<div class="select is-fullwidth">
|
<label class="label" for="searchFilter--mapId"><%= configFunctions.getConfigProperty("aliases.map") %></label>
|
||||||
<select id="searchFilter--lotStatusId" name="lotStatusId">
|
<div class="control has-icons-left">
|
||||||
<option value="">(All Statuses)</option>
|
<div class="select is-fullwidth">
|
||||||
<% for (const lotStatus of lotStatuses) { %>
|
<select id="searchFilter--mapId" name="mapId">
|
||||||
<option value="<%= lotStatus.lotStatusId %>" <%= (lotStatus.lotStatusId.toString() === lotStatusId) ? " selected" : "" %>>
|
<option value="">(All <%= configFunctions.getConfigProperty("aliases.maps") %>)</option>
|
||||||
<%= lotStatus.lotStatus %>
|
<% for (const map of maps) { %>
|
||||||
</option>
|
<option value="<%= map.mapId %>" <%= (map.mapId.toString() === mapId) ? " selected" : "" %>>
|
||||||
<% } %>
|
<%= map.mapName || "(No Name)" %>
|
||||||
</select>
|
</option>
|
||||||
</div>
|
<% } %>
|
||||||
<span class="icon is-small is-left">
|
</select>
|
||||||
<i class="fas fa-search" aria-hidden="true"></i>
|
</div>
|
||||||
</span>
|
<span class="icon is-small is-left">
|
||||||
|
<i class="fas fa-search" aria-hidden="true"></i>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<div class="field">
|
||||||
|
<label class="label" for="searchFilter--lotStatusId">Status</label>
|
||||||
|
<div class="control has-icons-left">
|
||||||
|
<div class="select is-fullwidth">
|
||||||
|
<select id="searchFilter--lotStatusId" name="lotStatusId">
|
||||||
|
<option value="">(All Statuses)</option>
|
||||||
|
<% for (const lotStatus of lotStatuses) { %>
|
||||||
|
<option value="<%= lotStatus.lotStatusId %>" <%= (lotStatus.lotStatusId.toString() === lotStatusId) ? " selected" : "" %>>
|
||||||
|
<%= lotStatus.lotStatus %>
|
||||||
|
</option>
|
||||||
|
<% } %>
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
<span class="icon is-small is-left">
|
||||||
|
<i class="fas fa-search" aria-hidden="true"></i>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="container--searchResults"></div>
|
<div id="container--searchResults"></div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue