cancel create buttons
Dan Gowans
parent
bbcfed5f45
commit
408d77f3b6
|
|
@ -45,25 +45,31 @@
|
|||
<% } %>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<% if (!isCreate) { %>
|
||||
<% if (isCreate) { %>
|
||||
<div class="level-item">
|
||||
<a class="button is-danger is-inverted" href="<%= urlPrefix %>/lots">
|
||||
Cancel
|
||||
</a>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="level-item">
|
||||
<div class="dropdown is-right is-up">
|
||||
<div class="dropdown-trigger">
|
||||
<button class="button" type="button">
|
||||
<span>More Options</span>
|
||||
<span class="icon is-small">
|
||||
<i class="fas fa-angle-up" aria-hidden="true"></i>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-content">
|
||||
<a class="dropdown-item" id="button--deleteLot" href="#">
|
||||
<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
|
||||
<span>Delete <%= configFunctions.getProperty("aliases.lot") %></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-trigger">
|
||||
<button class="button" type="button">
|
||||
<span>More Options</span>
|
||||
<span class="icon is-small">
|
||||
<i class="fas fa-angle-up" aria-hidden="true"></i>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-content">
|
||||
<a class="dropdown-item" id="button--deleteLot" href="#">
|
||||
<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
|
||||
<span>Delete <%= configFunctions.getProperty("aliases.lot") %></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
|
|
@ -86,256 +92,256 @@
|
|||
<div class="panel">
|
||||
<div class="panel-block is-block">
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lot--lotName">
|
||||
<%= configFunctions.getProperty("aliases.lot") %> Name
|
||||
</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lot--lotName" name="lotName" value="<%= lot.lotName %>"
|
||||
<% if (configFunctions.getProperty("settings.lot.lotNamePattern")) { %>
|
||||
pattern="<%= configFunctions.getProperty("settings.lot.lotNamePattern").source %>"
|
||||
<% } %>
|
||||
maxlength="100"
|
||||
required
|
||||
accesskey="f"
|
||||
<%= (isCreate ? " autofocus" : "") %> />
|
||||
</div>
|
||||
<% if (configFunctions.getProperty("settings.lot.lotNameHelpText")) { %>
|
||||
<p class="help">
|
||||
<%- configFunctions.getProperty("settings.lot.lotNameHelpText").replace(/\n/g, "<br />") %>
|
||||
</p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<label class="label" for="lot--lotTypeId">
|
||||
<%= configFunctions.getProperty("aliases.lot") %> Type
|
||||
</label>
|
||||
<div class="field has-addons">
|
||||
<div class="control is-expanded">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
<% if (!isCreate) { %>
|
||||
class="is-readonly"
|
||||
<% } %>
|
||||
id="lot--lotTypeId" name="lotTypeId" required>
|
||||
<% if (isCreate) { %>
|
||||
<option value="">(No Type)</option>
|
||||
<% } %>
|
||||
<% let typeIsFound = false; %>
|
||||
<% for (const lotType of lotTypes) { %>
|
||||
<%
|
||||
if (lot.lotTypeId === lotType.lotTypeId) {
|
||||
typeIsFound = true;
|
||||
}
|
||||
%>
|
||||
<option value="<%= lotType.lotTypeId %>"
|
||||
<%= (lot.lotTypeId === lotType.lotTypeId ? " selected" : "") %>
|
||||
<%= (!isCreate && lot.lotTypeId !== lotType.lotTypeId ? " disabled" : "") %>>
|
||||
<%= lotType.lotType %>
|
||||
</option>
|
||||
<% } %>
|
||||
<% if (lot.lotTypeId && !typeIsFound) { %>
|
||||
<option value="<%= lot.lotTypeId %>" selected>
|
||||
<%= lot.lotType %>
|
||||
</option>
|
||||
<% } %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control">
|
||||
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
|
||||
<i class="fas fa-unlock" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<label class="label" for="lot--lotStatusId">
|
||||
<%= configFunctions.getProperty("aliases.lot") %> Status
|
||||
</label>
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lot--lotStatusId" name="lotStatusId">
|
||||
<option value="">(No Status)</option>
|
||||
<% let statusIsFound = false; %>
|
||||
<% for (const lotStatus of lotStatuses) { %>
|
||||
<%
|
||||
if (lot.lotStatusId === lotStatus.lotStatusId) {
|
||||
statusIsFound = true;
|
||||
}
|
||||
%>
|
||||
<option value="<%= lotStatus.lotStatusId %>"
|
||||
<%= (lot.lotStatusId === lotStatus.lotStatusId ? " selected" : "") %>>
|
||||
<%= lotStatus.lotStatus %>
|
||||
</option>
|
||||
<% } %>
|
||||
<% if (lot.lotStatusId && !statusIsFound) { %>
|
||||
<option value="<%= lot.lotStatusId %>" selected>
|
||||
<%= lot.lotStatus %>
|
||||
</option>
|
||||
<% } %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div id="container--lotFields">
|
||||
<% if (isCreate) { %>
|
||||
<div class="message is-info">
|
||||
<p class="message-body">
|
||||
Select the <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> type to load the available fields.
|
||||
</p>
|
||||
</div>
|
||||
<% } else if (lot.lotFields.length === 0) { %>
|
||||
<div class="message is-info">
|
||||
<p class="message-body">
|
||||
The current <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> type has no additional fields.
|
||||
</p>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<% let lotTypeFieldIds = ""; %>
|
||||
<% for (const lotField of lot.lotFields) { %>
|
||||
<% lotTypeFieldIds += "," + lotField.lotTypeFieldId; %>
|
||||
<div class="field">
|
||||
<label class="label" for="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>">
|
||||
<%= lotField.lotTypeField %>
|
||||
</label>
|
||||
<div class="control">
|
||||
<% if (!lotField.lotTypeFieldValues || lotField.lotTypeFieldValues === "") { %>
|
||||
<input class="input"
|
||||
id="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>"
|
||||
name="lotFieldValue_<%= lotField.lotTypeFieldId %>"
|
||||
type="text"
|
||||
value="<%= lotField.lotFieldValue %>"
|
||||
<% if (lotField.pattern !== "") { %>
|
||||
pattern="<%= lotField.pattern %>"
|
||||
<% } %>
|
||||
minlength="<%= lotField.minimumLength %>"
|
||||
maxlength="<%= lotField.maximumLength %>"
|
||||
<%= lotField.isRequired ? " required" : "" %> />
|
||||
<% } else { %>
|
||||
<%
|
||||
const fieldValues = lotField.lotTypeFieldValues.split("\n");
|
||||
let valueFound = false;
|
||||
%>
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>"
|
||||
name="lotFieldValue_<%= lotField.lotTypeFieldId %>">
|
||||
<% if (!lotField.isRequired || lotField.lotFieldValue === "") { %>
|
||||
<option value="">(Not Set)</option>
|
||||
<% } %>
|
||||
<% for (const fieldValue of fieldValues) { %>
|
||||
<%
|
||||
if (fieldValue === lotField.lotFieldValue) {
|
||||
valueFound = true;
|
||||
}
|
||||
%>
|
||||
<option value="<%= fieldValue %>"
|
||||
<%= (fieldValue === lotField.lotFieldValue ? " selected" : "") %>>
|
||||
<%= fieldValue %>
|
||||
</option>
|
||||
<% } %>
|
||||
<% if (!valueFound && lotField.lotFieldValue !== "") { %>
|
||||
<option value="<%= lotField.lotFieldValue %>" selected>
|
||||
<%= lotField.lotFieldValue %>
|
||||
</option>
|
||||
<% } %>
|
||||
</select>
|
||||
</div>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
<input id="lot--lotTypeFieldIds" name="lotTypeFieldIds" type="hidden" value="<%= lotTypeFieldIds.slice(1) %>" />
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="lot--lotName">
|
||||
<%= configFunctions.getProperty("aliases.lot") %> Name
|
||||
</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lot--lotName" name="lotName" value="<%= lot.lotName %>"
|
||||
<% if (configFunctions.getProperty("settings.lot.lotNamePattern")) { %>
|
||||
pattern="<%= configFunctions.getProperty("settings.lot.lotNamePattern").source %>"
|
||||
<% } %>
|
||||
maxlength="100"
|
||||
required
|
||||
accesskey="f"
|
||||
<%= (isCreate ? " autofocus" : "") %> />
|
||||
</div>
|
||||
<% if (configFunctions.getProperty("settings.lot.lotNameHelpText")) { %>
|
||||
<p class="help">
|
||||
<%- configFunctions.getProperty("settings.lot.lotNameHelpText").replace(/\n/g, "<br />") %>
|
||||
</p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<label class="label" for="lot--lotTypeId">
|
||||
<%= configFunctions.getProperty("aliases.lot") %> Type
|
||||
</label>
|
||||
<div class="field has-addons">
|
||||
<div class="control is-expanded">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
<% if (!isCreate) { %>
|
||||
class="is-readonly"
|
||||
<% } %>
|
||||
id="lot--lotTypeId" name="lotTypeId" required>
|
||||
<% if (isCreate) { %>
|
||||
<option value="">(No Type)</option>
|
||||
<% } %>
|
||||
<% let typeIsFound = false; %>
|
||||
<% for (const lotType of lotTypes) { %>
|
||||
<%
|
||||
if (lot.lotTypeId === lotType.lotTypeId) {
|
||||
typeIsFound = true;
|
||||
}
|
||||
%>
|
||||
<option value="<%= lotType.lotTypeId %>"
|
||||
<%= (lot.lotTypeId === lotType.lotTypeId ? " selected" : "") %>
|
||||
<%= (!isCreate && lot.lotTypeId !== lotType.lotTypeId ? " disabled" : "") %>>
|
||||
<%= lotType.lotType %>
|
||||
</option>
|
||||
<% } %>
|
||||
<% if (lot.lotTypeId && !typeIsFound) { %>
|
||||
<option value="<%= lot.lotTypeId %>" selected>
|
||||
<%= lot.lotType %>
|
||||
</option>
|
||||
<% } %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control">
|
||||
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
|
||||
<i class="fas fa-unlock" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<label class="label" for="lot--lotStatusId">
|
||||
<%= configFunctions.getProperty("aliases.lot") %> Status
|
||||
</label>
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lot--lotStatusId" name="lotStatusId">
|
||||
<option value="">(No Status)</option>
|
||||
<% let statusIsFound = false; %>
|
||||
<% for (const lotStatus of lotStatuses) { %>
|
||||
<%
|
||||
if (lot.lotStatusId === lotStatus.lotStatusId) {
|
||||
statusIsFound = true;
|
||||
}
|
||||
%>
|
||||
<option value="<%= lotStatus.lotStatusId %>"
|
||||
<%= (lot.lotStatusId === lotStatus.lotStatusId ? " selected" : "") %>>
|
||||
<%= lotStatus.lotStatus %>
|
||||
</option>
|
||||
<% } %>
|
||||
<% if (lot.lotStatusId && !statusIsFound) { %>
|
||||
<option value="<%= lot.lotStatusId %>" selected>
|
||||
<%= lot.lotStatus %>
|
||||
</option>
|
||||
<% } %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div id="container--lotFields">
|
||||
<% if (isCreate) { %>
|
||||
<div class="message is-info">
|
||||
<p class="message-body">
|
||||
Select the <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> type to load the available fields.
|
||||
</p>
|
||||
</div>
|
||||
<% } else if (lot.lotFields.length === 0) { %>
|
||||
<div class="message is-info">
|
||||
<p class="message-body">
|
||||
The current <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> type has no additional fields.
|
||||
</p>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<% let lotTypeFieldIds = ""; %>
|
||||
<% for (const lotField of lot.lotFields) { %>
|
||||
<% lotTypeFieldIds += "," + lotField.lotTypeFieldId; %>
|
||||
<div class="field">
|
||||
<label class="label" for="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>">
|
||||
<%= lotField.lotTypeField %>
|
||||
</label>
|
||||
<div class="control">
|
||||
<% if (!lotField.lotTypeFieldValues || lotField.lotTypeFieldValues === "") { %>
|
||||
<input class="input"
|
||||
id="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>"
|
||||
name="lotFieldValue_<%= lotField.lotTypeFieldId %>"
|
||||
type="text"
|
||||
value="<%= lotField.lotFieldValue %>"
|
||||
<% if (lotField.pattern !== "") { %>
|
||||
pattern="<%= lotField.pattern %>"
|
||||
<% } %>
|
||||
minlength="<%= lotField.minimumLength %>"
|
||||
maxlength="<%= lotField.maximumLength %>"
|
||||
<%= lotField.isRequired ? " required" : "" %> />
|
||||
<% } else { %>
|
||||
<%
|
||||
const fieldValues = lotField.lotTypeFieldValues.split("\n");
|
||||
let valueFound = false;
|
||||
%>
|
||||
<div class="select is-fullwidth">
|
||||
<select id="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>"
|
||||
name="lotFieldValue_<%= lotField.lotTypeFieldId %>">
|
||||
<% if (!lotField.isRequired || lotField.lotFieldValue === "") { %>
|
||||
<option value="">(Not Set)</option>
|
||||
<% } %>
|
||||
<% for (const fieldValue of fieldValues) { %>
|
||||
<%
|
||||
if (fieldValue === lotField.lotFieldValue) {
|
||||
valueFound = true;
|
||||
}
|
||||
%>
|
||||
<option value="<%= fieldValue %>"
|
||||
<%= (fieldValue === lotField.lotFieldValue ? " selected" : "") %>>
|
||||
<%= fieldValue %>
|
||||
</option>
|
||||
<% } %>
|
||||
<% if (!valueFound && lotField.lotFieldValue !== "") { %>
|
||||
<option value="<%= lotField.lotFieldValue %>" selected>
|
||||
<%= lotField.lotFieldValue %>
|
||||
</option>
|
||||
<% } %>
|
||||
</select>
|
||||
</div>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
<input id="lot--lotTypeFieldIds" name="lotTypeFieldIds" type="hidden" value="<%= lotTypeFieldIds.slice(1) %>" />
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="panel">
|
||||
<h2 class="panel-heading">Geographic Location</h2>
|
||||
<div class="panel-block is-block">
|
||||
<div class="field">
|
||||
<label class="label" for="lot--lotLatitude">Latitude</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lot--lotLatitude" name="lotLatitude" type="number" min="-90" max="90" step="0.00000001" value="<%= lot.lotLatitude %>" onwheel="return false" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lot--lotLongitude">Longitude</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lot--lotLongitude" name="lotLongitude" type="number" min="-180" max="180" step="0.00000001" value="<%= lot.lotLongitude %>" onwheel="return false" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<h2 class="panel-heading">Geographic Location</h2>
|
||||
<div class="panel-block is-block">
|
||||
<div class="field">
|
||||
<label class="label" for="lot--lotLatitude">Latitude</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lot--lotLatitude" name="lotLatitude" type="number" min="-90" max="90" step="0.00000001" value="<%= lot.lotLatitude %>" onwheel="return false" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="lot--lotLongitude">Longitude</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lot--lotLongitude" name="lotLongitude" type="number" min="-180" max="180" step="0.00000001" value="<%= lot.lotLongitude %>" onwheel="return false" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="panel">
|
||||
<h2 class="panel-heading">Image</h2>
|
||||
<div class="panel-block is-block">
|
||||
<label class="label" for="lot--mapId"><%= configFunctions.getProperty("aliases.map") %></label>
|
||||
<div class="field has-addons">
|
||||
<div class="control is-expanded">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
<% if (!isCreate) { %>
|
||||
class="is-readonly"
|
||||
<% } %>
|
||||
id="lot--mapId" name="mapId">
|
||||
<option value="" <%= (!isCreate && lot.mapId ? " disabled" : "") %>>
|
||||
(No <%= configFunctions.getProperty("aliases.map") %> Selected)
|
||||
<div class="panel">
|
||||
<h2 class="panel-heading">Image</h2>
|
||||
<div class="panel-block is-block">
|
||||
<label class="label" for="lot--mapId"><%= configFunctions.getProperty("aliases.map") %></label>
|
||||
<div class="field has-addons">
|
||||
<div class="control is-expanded">
|
||||
<div class="select is-fullwidth">
|
||||
<select
|
||||
<% if (!isCreate) { %>
|
||||
class="is-readonly"
|
||||
<% } %>
|
||||
id="lot--mapId" name="mapId">
|
||||
<option value="" <%= (!isCreate && lot.mapId ? " disabled" : "") %>>
|
||||
(No <%= configFunctions.getProperty("aliases.map") %> Selected)
|
||||
</option>
|
||||
<% let mapIsFound = false; %>
|
||||
<% for (const map of maps) { %>
|
||||
<%
|
||||
if (lot.mapId === map.mapId) {
|
||||
mapIsFound = true;
|
||||
}
|
||||
%>
|
||||
<option value="<%= map.mapId %>"
|
||||
<%= (lot.mapId === map.mapId ? " selected" : "") %>
|
||||
<%= (!isCreate && lot.mapId !== map.mapId ? " disabled" : "") %>>
|
||||
<%= map.mapName || "(No Name)" %>
|
||||
</option>
|
||||
<% let mapIsFound = false; %>
|
||||
<% for (const map of maps) { %>
|
||||
<%
|
||||
if (lot.mapId === map.mapId) {
|
||||
mapIsFound = true;
|
||||
}
|
||||
%>
|
||||
<option value="<%= map.mapId %>"
|
||||
<%= (lot.mapId === map.mapId ? " selected" : "") %>
|
||||
<%= (!isCreate && lot.mapId !== map.mapId ? " disabled" : "") %>>
|
||||
<%= map.mapName || "(No Name)" %>
|
||||
</option>
|
||||
<% } %>
|
||||
<% if (lot.mapId && !mapIsFound) { %>
|
||||
<option value="<%= lot.mapId %>" selected>
|
||||
<%= lot.mapName %>
|
||||
</option>
|
||||
<% } %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control">
|
||||
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
|
||||
<i class="fas fa-unlock" aria-hidden="true"></i>
|
||||
</button>
|
||||
<% } %>
|
||||
<% if (lot.mapId && !mapIsFound) { %>
|
||||
<option value="<%= lot.mapId %>" selected>
|
||||
<%= lot.mapName %>
|
||||
</option>
|
||||
<% } %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label class="label" for="lot--mapKey">
|
||||
<%= configFunctions.getProperty("aliases.map") %> SVG ID
|
||||
</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lot--mapKey" name="mapKey" value="<%= lot.mapKey %>" maxlength="100" pattern="^[\d\w-]*$" />
|
||||
</div>
|
||||
<p class="help">
|
||||
<a href="https://cityssm.github.io/lot-occupancy-system/docs/mapImages.html" target="_blank" rel="noreferrer">
|
||||
<i class="fa fa-question-circle" aria-hidden="true"></i>
|
||||
What is the SVG ID?
|
||||
</a>
|
||||
</p>
|
||||
<div class="control">
|
||||
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
|
||||
<i class="fas fa-unlock" aria-hidden="true"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label class="label" for="lot--mapKey">
|
||||
<%= configFunctions.getProperty("aliases.map") %> SVG ID
|
||||
</label>
|
||||
<div class="control">
|
||||
<input class="input" id="lot--mapKey" name="mapKey" value="<%= lot.mapKey %>" maxlength="100" pattern="^[\d\w-]*$" />
|
||||
</div>
|
||||
<p class="help">
|
||||
<a href="https://cityssm.github.io/lot-occupancy-system/docs/mapImages.html" target="_blank" rel="noreferrer">
|
||||
<i class="fa fa-question-circle" aria-hidden="true"></i>
|
||||
What is the SVG ID?
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
@ -349,23 +355,23 @@
|
|||
<% } else { %>
|
||||
<div class="panel">
|
||||
<div class="panel-heading">
|
||||
<div class="level is-mobile">
|
||||
<div class="level-left">
|
||||
<div class="level-item">
|
||||
<h2 class="has-text-weight-bold is-size-5">
|
||||
Comments
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<div class="level-item">
|
||||
<button class="button is-small is-success" id="lotComments--add" type="button">
|
||||
<span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add a Comment</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level is-mobile">
|
||||
<div class="level-left">
|
||||
<div class="level-item">
|
||||
<h2 class="has-text-weight-bold is-size-5">
|
||||
Comments
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<div class="level-item">
|
||||
<button class="button is-small is-success" id="lotComments--add" type="button">
|
||||
<span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
|
||||
<span>Add a Comment</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-block is-block" id="container--lotComments"></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -88,7 +88,13 @@
|
|||
</div>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% if (!isCreate) { %>
|
||||
<% if (isCreate) { %>
|
||||
<div class="level-item">
|
||||
<a class="button is-danger is-inverted" href="<%= urlPrefix %>/lotOccupancies">
|
||||
Cancel
|
||||
</a>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="level-item">
|
||||
<div class="dropdown is-right is-up">
|
||||
<div class="dropdown-trigger">
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
<% } else { %>
|
||||
Update
|
||||
<% } %>
|
||||
</a>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
|
@ -45,7 +45,13 @@
|
|||
<% } %>
|
||||
</div>
|
||||
<div class="level-right">
|
||||
<% if (!isCreate) { %>
|
||||
<% if (isCreate) { %>
|
||||
<div class="level-item">
|
||||
<a class="button is-danger is-inverted" href="<%= urlPrefix %>/maps">
|
||||
Cancel
|
||||
</a>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="level-item">
|
||||
<div class="dropdown is-right is-up">
|
||||
<div class="dropdown-trigger">
|
||||
|
|
@ -71,8 +77,8 @@
|
|||
<button class="button is-primary is-light" type="submit" form="form--map">
|
||||
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>
|
||||
<%= (isCreate ? "Create": "Update") %>
|
||||
<%= configFunctions.getProperty("aliases.map") %>
|
||||
<%= (isCreate ? "Create": "Update") %>
|
||||
<%= configFunctions.getProperty("aliases.map") %>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -85,79 +91,79 @@
|
|||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="panel">
|
||||
<div class="panel-block is-block">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapName"><%= configFunctions.getProperty("aliases.map") %> Name</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapName" name="mapName" type="text"
|
||||
value="<%= map.mapName %>" maxlength="200" required
|
||||
accesskey="f"
|
||||
<%= (isCreate ? " autofocus" : "") %> />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapDescription"><%= configFunctions.getProperty("aliases.map") %> Description</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="map--mapDescription" name="mapDescription"><%= map.mapDescription %></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<div class="panel-block is-block">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapName"><%= configFunctions.getProperty("aliases.map") %> Name</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapName" name="mapName" type="text"
|
||||
value="<%= map.mapName %>" maxlength="200" required
|
||||
accesskey="f"
|
||||
<%= (isCreate ? " autofocus" : "") %> />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapDescription"><%= configFunctions.getProperty("aliases.map") %> Description</label>
|
||||
<div class="control">
|
||||
<textarea class="textarea" id="map--mapDescription" name="mapDescription"><%= map.mapDescription %></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="panel">
|
||||
<h2 class="panel-heading">Address</h2>
|
||||
<div class="panel-block is-block">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapAddress1">Address</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapAddress1" name="mapAddress1" type="text" value="<%= map.mapAddress1 %>" maxlength="50" placeholder="Line 1" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapAddress2" name="mapAddress2" type="text" value="<%= map.mapAddress2 %>" maxlength="50" placeholder="Line 2" aria-label="Address Line 2" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column is-8">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapCity">City</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapCity" name="mapCity" value="<%= map.mapCity %>" maxlength="20" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapProvince">Province</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapProvince" name="mapProvince" value="<%= map.mapProvince %>" maxlength="2" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapPostalCode">Postal Code</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapPostalCode" name="mapPostalCode" value="<%= map.mapPostalCode %>" maxlength="7" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapPhoneNumber">Phone Number</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapPhoneNumber" name="mapPhoneNumber" value="<%= map.mapPhoneNumber %>" maxlength="30" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel">
|
||||
<h2 class="panel-heading">Address</h2>
|
||||
<div class="panel-block is-block">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapAddress1">Address</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapAddress1" name="mapAddress1" type="text" value="<%= map.mapAddress1 %>" maxlength="50" placeholder="Line 1" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapAddress2" name="mapAddress2" type="text" value="<%= map.mapAddress2 %>" maxlength="50" placeholder="Line 2" aria-label="Address Line 2" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column is-8">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapCity">City</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapCity" name="mapCity" value="<%= map.mapCity %>" maxlength="20" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapProvince">Province</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapProvince" name="mapProvince" value="<%= map.mapProvince %>" maxlength="2" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapPostalCode">Postal Code</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapPostalCode" name="mapPostalCode" value="<%= map.mapPostalCode %>" maxlength="7" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<label class="label" for="map--mapPhoneNumber">Phone Number</label>
|
||||
<div class="control">
|
||||
<input class="input" id="map--mapPhoneNumber" name="mapPhoneNumber" value="<%= map.mapPhoneNumber %>" maxlength="30" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
|
|
|
|||
|
|
@ -85,32 +85,38 @@
|
|||
</div>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<div class="level-item">
|
||||
<% if (!isCreate) { %>
|
||||
<div class="level-item">
|
||||
<div class="dropdown is-right is-up">
|
||||
<div class="dropdown-trigger">
|
||||
<button class="button" type="button">
|
||||
<span>
|
||||
<span class="is-hidden-touch">More</span>
|
||||
Options
|
||||
</span>
|
||||
<span class="icon is-small"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-content">
|
||||
<a class="dropdown-item" id="button--deleteWorkOrder" href="#">
|
||||
<span class="icon is-small">
|
||||
<i class="fas fa-trash has-text-danger" aria-hidden="true"></i>
|
||||
</span>
|
||||
<span>Delete Work Order</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<% if (isCreate) { %>
|
||||
<div class="level-item">
|
||||
<a class="button is-danger is-inverted" href="<%= urlPrefix %>/workOrders">
|
||||
Cancel
|
||||
</a>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="level-item">
|
||||
<div class="dropdown is-right is-up">
|
||||
<div class="dropdown-trigger">
|
||||
<button class="button" type="button">
|
||||
<span>
|
||||
<span class="is-hidden-touch">More</span>
|
||||
Options
|
||||
</span>
|
||||
<span class="icon is-small"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="dropdown-menu">
|
||||
<div class="dropdown-content">
|
||||
<a class="dropdown-item" id="button--deleteWorkOrder" href="#">
|
||||
<span class="icon is-small">
|
||||
<i class="fas fa-trash has-text-danger" aria-hidden="true"></i>
|
||||
</span>
|
||||
<span>Delete Work Order</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
</div>
|
||||
<% } %>
|
||||
<div class="level-item">
|
||||
<button class="button is-primary is-light" type="submit" form="form--workOrderEdit">
|
||||
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
|
||||
<span>
|
||||
|
|
|
|||
Loading…
Reference in New Issue