use select for occupancy fields

deepsource-autofix-76c6eb20
Dan Gowans 2022-09-06 15:47:30 -04:00
parent 1b57e629c6
commit f007dd1f63
1 changed files with 42 additions and 10 deletions

View File

@ -171,6 +171,7 @@
<%= lotOccupancyField.occupancyTypeField %>
</label>
<div class="control">
<% if (lotOccupancyField.occupancyTypeFieldValues === "") { %>
<input class="input"
id="lotOccupancy--lotOccupancyFieldValue_<%= lotOccupancyField.occupancyTypeFieldId %>"
name="lotOccupancyFieldValue_<%= lotOccupancyField.occupancyTypeFieldId %>"
@ -180,7 +181,38 @@
pattern="<%= lotOccupancyField.pattern %>"
<% } %>
minlength="<%= lotOccupancyField.minimumLength %>"
maxlength="<%= lotOccupancyField.maximumLength %>" />
maxlength="<%= lotOccupancyField.maximumLength %>"
<%= lotOccupancyField.isRequired ? " required" : "" %> />
<% } else { %>
<%
const fieldValues = lotOccupancyField.occupancyTypeFieldValues.split("\n");
let valueFound = false;
%>
<div class="select is-fullwidth">
<select id="lotOccupancy--lotOccupancyFieldValue_<%= lotOccupancyField.occupancyTypeFieldId %>"
name="lotOccupancyFieldValue_<%= lotOccupancyField.occupancyTypeFieldId %>">
<% if (!lotOccupancyField.isRequired || lotOccupancyField.lotOccupancyFieldValue === "") { %>
<option value="">(Not Set)</option>
<% } %>
<% for (const fieldValue of fieldValues) { %>
<%
if (fieldValue === lotOccupancyField.lotOccupancyFieldValue) {
valueFound = true;
}
%>
<option value="<%= fieldValue %>"
<%= (fieldValue === lotOccupancyField.lotOccupancyFieldValue ? " selected" : "") %>>
<%= fieldValue %>
</option>
<% } %>
<% if (!valueFound && lotOccupancyField.lotOccupancyFieldValue !== "") { %>
<option value="<%= lotOccupancyField.lotOccupancyFieldValue %>" selected>
<%= lotOccupancyField.lotOccupancyFieldValue %>
</option>
<% } %>
</select>
</div>
<% } %>
</div>
</div>
<% } %>