steve
/
sunrise-cms
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cancel create buttons

deepsource-autofix-76c6eb20
Dan Gowans 2023-04-17 13:10:23 -04:00
parent bbcfed5f45
commit 408d77f3b6
4 changed files with 392 additions and 368 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

544
views/lot-edit.ejs
View File

@ -45,25 +45,31 @@
<% } %> <% } %>
</div> </div>
<div class="level-right"> <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="level-item">
<div class="dropdown is-right is-up"> <div class="dropdown is-right is-up">
<div class="dropdown-trigger"> <div class="dropdown-trigger">
<button class="button" type="button"> <button class="button" type="button">
<span>More Options</span> <span>More Options</span>
<span class="icon is-small"> <span class="icon is-small">
<i class="fas fa-angle-up" aria-hidden="true"></i> <i class="fas fa-angle-up" aria-hidden="true"></i>
</span> </span>
</button> </button>
</div> </div>
<div class="dropdown-menu"> <div class="dropdown-menu">
<div class="dropdown-content"> <div class="dropdown-content">
<a class="dropdown-item" id="button--deleteLot" href="#"> <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 class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
<span>Delete <%= configFunctions.getProperty("aliases.lot") %></span> <span>Delete <%= configFunctions.getProperty("aliases.lot") %></span>
</a> </a>
</div>
</div> </div>
</div>
</div> </div>
</div> </div>
<% } %> <% } %>
@ -86,256 +92,256 @@
<div class="panel"> <div class="panel">
<div class="panel-block is-block"> <div class="panel-block is-block">
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<div class="field"> <div class="field">
<label class="label" for="lot--lotName"> <label class="label" for="lot--lotName">
<%= configFunctions.getProperty("aliases.lot") %> Name <%= configFunctions.getProperty("aliases.lot") %> Name
</label> </label>
<div class="control"> <div class="control">
<input class="input" id="lot--lotName" name="lotName" value="<%= lot.lotName %>" <input class="input" id="lot--lotName" name="lotName" value="<%= lot.lotName %>"
<% if (configFunctions.getProperty("settings.lot.lotNamePattern")) { %> <% if (configFunctions.getProperty("settings.lot.lotNamePattern")) { %>
pattern="<%= configFunctions.getProperty("settings.lot.lotNamePattern").source %>" pattern="<%= configFunctions.getProperty("settings.lot.lotNamePattern").source %>"
<% } %> <% } %>
maxlength="100" maxlength="100"
required required
accesskey="f" accesskey="f"
<%= (isCreate ? " autofocus" : "") %> /> <%= (isCreate ? " autofocus" : "") %> />
</div> </div>
<% if (configFunctions.getProperty("settings.lot.lotNameHelpText")) { %> <% if (configFunctions.getProperty("settings.lot.lotNameHelpText")) { %>
<p class="help"> <p class="help">
<%- configFunctions.getProperty("settings.lot.lotNameHelpText").replace(/\n/g, "<br />") %> <%- configFunctions.getProperty("settings.lot.lotNameHelpText").replace(/\n/g, "<br />") %>
</p> </p>
<% } %> <% } %>
</div> </div>
</div> </div>
<div class="column"> <div class="column">
<label class="label" for="lot--lotTypeId"> <label class="label" for="lot--lotTypeId">
<%= configFunctions.getProperty("aliases.lot") %> Type <%= configFunctions.getProperty("aliases.lot") %> Type
</label> </label>
<div class="field has-addons"> <div class="field has-addons">
<div class="control is-expanded"> <div class="control is-expanded">
<div class="select is-fullwidth"> <div class="select is-fullwidth">
<select <select
<% if (!isCreate) { %> <% if (!isCreate) { %>
class="is-readonly" class="is-readonly"
<% } %> <% } %>
id="lot--lotTypeId" name="lotTypeId" required> id="lot--lotTypeId" name="lotTypeId" required>
<% if (isCreate) { %> <% if (isCreate) { %>
<option value="">(No Type)</option> <option value="">(No Type)</option>
<% } %> <% } %>
<% let typeIsFound = false; %> <% let typeIsFound = false; %>
<% for (const lotType of lotTypes) { %> <% for (const lotType of lotTypes) { %>
<% <%
if (lot.lotTypeId === lotType.lotTypeId) { if (lot.lotTypeId === lotType.lotTypeId) {
typeIsFound = true; typeIsFound = true;
} }
%> %>
<option value="<%= lotType.lotTypeId %>" <option value="<%= lotType.lotTypeId %>"
<%= (lot.lotTypeId === lotType.lotTypeId ? " selected" : "") %> <%= (lot.lotTypeId === lotType.lotTypeId ? " selected" : "") %>
<%= (!isCreate && lot.lotTypeId !== lotType.lotTypeId ? " disabled" : "") %>> <%= (!isCreate && lot.lotTypeId !== lotType.lotTypeId ? " disabled" : "") %>>
<%= lotType.lotType %> <%= lotType.lotType %>
</option> </option>
<% } %> <% } %>
<% if (lot.lotTypeId && !typeIsFound) { %> <% if (lot.lotTypeId && !typeIsFound) { %>
<option value="<%= lot.lotTypeId %>" selected> <option value="<%= lot.lotTypeId %>" selected>
<%= lot.lotType %> <%= lot.lotType %>
</option> </option>
<% } %> <% } %>
</select> </select>
</div> </div>
</div> </div>
<div class="control"> <div class="control">
<button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field"> <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> <i class="fas fa-unlock" aria-hidden="true"></i>
</button> </button>
</div> </div>
</div> </div>
<label class="label" for="lot--lotStatusId"> <label class="label" for="lot--lotStatusId">
<%= configFunctions.getProperty("aliases.lot") %> Status <%= configFunctions.getProperty("aliases.lot") %> Status
</label> </label>
<div class="field"> <div class="field">
<div class="control"> <div class="control">
<div class="select is-fullwidth"> <div class="select is-fullwidth">
<select id="lot--lotStatusId" name="lotStatusId"> <select id="lot--lotStatusId" name="lotStatusId">
<option value="">(No Status)</option> <option value="">(No Status)</option>
<% let statusIsFound = false; %> <% let statusIsFound = false; %>
<% for (const lotStatus of lotStatuses) { %> <% for (const lotStatus of lotStatuses) { %>
<% <%
if (lot.lotStatusId === lotStatus.lotStatusId) { if (lot.lotStatusId === lotStatus.lotStatusId) {
statusIsFound = true; statusIsFound = true;
} }
%> %>
<option value="<%= lotStatus.lotStatusId %>" <option value="<%= lotStatus.lotStatusId %>"
<%= (lot.lotStatusId === lotStatus.lotStatusId ? " selected" : "") %>> <%= (lot.lotStatusId === lotStatus.lotStatusId ? " selected" : "") %>>
<%= lotStatus.lotStatus %> <%= lotStatus.lotStatus %>
</option> </option>
<% } %> <% } %>
<% if (lot.lotStatusId && !statusIsFound) { %> <% if (lot.lotStatusId && !statusIsFound) { %>
<option value="<%= lot.lotStatusId %>" selected> <option value="<%= lot.lotStatusId %>" selected>
<%= lot.lotStatus %> <%= lot.lotStatus %>
</option> </option>
<% } %> <% } %>
</select> </select>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="column"> <div class="column">
<div id="container--lotFields"> <div id="container--lotFields">
<% if (isCreate) { %> <% if (isCreate) { %>
<div class="message is-info"> <div class="message is-info">
<p class="message-body"> <p class="message-body">
Select the <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> type to load the available fields. Select the <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> type to load the available fields.
</p> </p>
</div> </div>
<% } else if (lot.lotFields.length === 0) { %> <% } else if (lot.lotFields.length === 0) { %>
<div class="message is-info"> <div class="message is-info">
<p class="message-body"> <p class="message-body">
The current <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> type has no additional fields. The current <%= configFunctions.getProperty("aliases.lot").toLowerCase() %> type has no additional fields.
</p> </p>
</div> </div>
<% } else { %> <% } else { %>
<% let lotTypeFieldIds = ""; %> <% let lotTypeFieldIds = ""; %>
<% for (const lotField of lot.lotFields) { %> <% for (const lotField of lot.lotFields) { %>
<% lotTypeFieldIds += "," + lotField.lotTypeFieldId; %> <% lotTypeFieldIds += "," + lotField.lotTypeFieldId; %>
<div class="field"> <div class="field">
<label class="label" for="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>"> <label class="label" for="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>">
<%= lotField.lotTypeField %> <%= lotField.lotTypeField %>
</label> </label>
<div class="control"> <div class="control">
<% if (!lotField.lotTypeFieldValues || lotField.lotTypeFieldValues === "") { %> <% if (!lotField.lotTypeFieldValues || lotField.lotTypeFieldValues === "") { %>
<input class="input" <input class="input"
id="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>" id="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>"
name="lotFieldValue_<%= lotField.lotTypeFieldId %>" name="lotFieldValue_<%= lotField.lotTypeFieldId %>"
type="text" type="text"
value="<%= lotField.lotFieldValue %>" value="<%= lotField.lotFieldValue %>"
<% if (lotField.pattern !== "") { %> <% if (lotField.pattern !== "") { %>
pattern="<%= lotField.pattern %>" pattern="<%= lotField.pattern %>"
<% } %> <% } %>
minlength="<%= lotField.minimumLength %>" minlength="<%= lotField.minimumLength %>"
maxlength="<%= lotField.maximumLength %>" maxlength="<%= lotField.maximumLength %>"
<%= lotField.isRequired ? " required" : "" %> /> <%= lotField.isRequired ? " required" : "" %> />
<% } else { %> <% } else { %>
<% <%
const fieldValues = lotField.lotTypeFieldValues.split("\n"); const fieldValues = lotField.lotTypeFieldValues.split("\n");
let valueFound = false; let valueFound = false;
%> %>
<div class="select is-fullwidth"> <div class="select is-fullwidth">
<select id="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>" <select id="lot--lotFieldValue_<%= lotField.lotTypeFieldId %>"
name="lotFieldValue_<%= lotField.lotTypeFieldId %>"> name="lotFieldValue_<%= lotField.lotTypeFieldId %>">
<% if (!lotField.isRequired || lotField.lotFieldValue === "") { %> <% if (!lotField.isRequired || lotField.lotFieldValue === "") { %>
<option value="">(Not Set)</option> <option value="">(Not Set)</option>
<% } %> <% } %>
<% for (const fieldValue of fieldValues) { %> <% for (const fieldValue of fieldValues) { %>
<% <%
if (fieldValue === lotField.lotFieldValue) { if (fieldValue === lotField.lotFieldValue) {
valueFound = true; valueFound = true;
} }
%> %>
<option value="<%= fieldValue %>" <option value="<%= fieldValue %>"
<%= (fieldValue === lotField.lotFieldValue ? " selected" : "") %>> <%= (fieldValue === lotField.lotFieldValue ? " selected" : "") %>>
<%= fieldValue %> <%= fieldValue %>
</option> </option>
<% } %> <% } %>
<% if (!valueFound && lotField.lotFieldValue !== "") { %> <% if (!valueFound && lotField.lotFieldValue !== "") { %>
<option value="<%= lotField.lotFieldValue %>" selected> <option value="<%= lotField.lotFieldValue %>" selected>
<%= lotField.lotFieldValue %> <%= lotField.lotFieldValue %>
</option> </option>
<% } %> <% } %>
</select> </select>
</div> </div>
<% } %> <% } %>
</div> </div>
</div> </div>
<% } %> <% } %>
<input id="lot--lotTypeFieldIds" name="lotTypeFieldIds" type="hidden" value="<%= lotTypeFieldIds.slice(1) %>" /> <input id="lot--lotTypeFieldIds" name="lotTypeFieldIds" type="hidden" value="<%= lotTypeFieldIds.slice(1) %>" />
<% } %> <% } %>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<h2 class="panel-heading">Geographic Location</h2> <h2 class="panel-heading">Geographic Location</h2>
<div class="panel-block is-block"> <div class="panel-block is-block">
<div class="field"> <div class="field">
<label class="label" for="lot--lotLatitude">Latitude</label> <label class="label" for="lot--lotLatitude">Latitude</label>
<div class="control"> <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" /> <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> </div>
<div class="field"> <div class="field">
<label class="label" for="lot--lotLongitude">Longitude</label> <label class="label" for="lot--lotLongitude">Longitude</label>
<div class="control"> <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" /> <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>
</div> </div>
</div> </div>
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<h2 class="panel-heading">Image</h2> <h2 class="panel-heading">Image</h2>
<div class="panel-block is-block"> <div class="panel-block is-block">
<label class="label" for="lot--mapId"><%= configFunctions.getProperty("aliases.map") %></label> <label class="label" for="lot--mapId"><%= configFunctions.getProperty("aliases.map") %></label>
<div class="field has-addons"> <div class="field has-addons">
<div class="control is-expanded"> <div class="control is-expanded">
<div class="select is-fullwidth"> <div class="select is-fullwidth">
<select <select
<% if (!isCreate) { %> <% if (!isCreate) { %>
class="is-readonly" class="is-readonly"
<% } %> <% } %>
id="lot--mapId" name="mapId"> id="lot--mapId" name="mapId">
<option value="" <%= (!isCreate && lot.mapId ? " disabled" : "") %>> <option value="" <%= (!isCreate && lot.mapId ? " disabled" : "") %>>
(No <%= configFunctions.getProperty("aliases.map") %> Selected) (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> </option>
<% let mapIsFound = false; %> <% } %>
<% for (const map of maps) { %> <% if (lot.mapId && !mapIsFound) { %>
<% <option value="<%= lot.mapId %>" selected>
if (lot.mapId === map.mapId) { <%= lot.mapName %>
mapIsFound = true; </option>
} <% } %>
%> </select>
<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>
</div> </div>
</div> </div>
<div class="control">
<div class="field"> <button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
<label class="label" for="lot--mapKey"> <i class="fas fa-unlock" aria-hidden="true"></i>
<%= configFunctions.getProperty("aliases.map") %> SVG ID </button>
</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 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> </div>
</div> </div>
</form> </form>
@ -349,23 +355,23 @@
<% } else { %> <% } else { %>
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="has-text-weight-bold is-size-5"> <h2 class="has-text-weight-bold is-size-5">
Comments Comments
</h2> </h2>
</div> </div>
</div> </div>
<div class="level-right"> <div class="level-right">
<div class="level-item"> <div class="level-item">
<button class="button is-small is-success" id="lotComments--add" type="button"> <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 class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
<span>Add a Comment</span> <span>Add a Comment</span>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="panel-block is-block" id="container--lotComments"></div> <div class="panel-block is-block" id="container--lotComments"></div>
</div> </div>

8
views/lotOccupancy-edit.ejs
View File

@ -88,7 +88,13 @@
</div> </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="level-item">
<div class="dropdown is-right is-up"> <div class="dropdown is-right is-up">
<div class="dropdown-trigger"> <div class="dropdown-trigger">

154
views/map-edit.ejs
View File

@ -23,7 +23,7 @@
<% } else { %> <% } else { %>
Update Update
<% } %> <% } %>
</a> </a>
</li> </li>
</ul> </ul>
</nav> </nav>
@ -45,7 +45,13 @@
<% } %> <% } %>
</div> </div>
<div class="level-right"> <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="level-item">
<div class="dropdown is-right is-up"> <div class="dropdown is-right is-up">
<div class="dropdown-trigger"> <div class="dropdown-trigger">
@ -71,8 +77,8 @@
<button class="button is-primary is-light" type="submit" form="form--map"> <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 class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span> <span>
<%= (isCreate ? "Create": "Update") %> <%= (isCreate ? "Create": "Update") %>
<%= configFunctions.getProperty("aliases.map") %> <%= configFunctions.getProperty("aliases.map") %>
</span> </span>
</button> </button>
</div> </div>
@ -85,79 +91,79 @@
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-block is-block"> <div class="panel-block is-block">
<div class="field"> <div class="field">
<label class="label" for="map--mapName"><%= configFunctions.getProperty("aliases.map") %> Name</label> <label class="label" for="map--mapName"><%= configFunctions.getProperty("aliases.map") %> Name</label>
<div class="control"> <div class="control">
<input class="input" id="map--mapName" name="mapName" type="text" <input class="input" id="map--mapName" name="mapName" type="text"
value="<%= map.mapName %>" maxlength="200" required value="<%= map.mapName %>" maxlength="200" required
accesskey="f" accesskey="f"
<%= (isCreate ? " autofocus" : "") %> /> <%= (isCreate ? " autofocus" : "") %> />
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<label class="label" for="map--mapDescription"><%= configFunctions.getProperty("aliases.map") %> Description</label> <label class="label" for="map--mapDescription"><%= configFunctions.getProperty("aliases.map") %> Description</label>
<div class="control"> <div class="control">
<textarea class="textarea" id="map--mapDescription" name="mapDescription"><%= map.mapDescription %></textarea> <textarea class="textarea" id="map--mapDescription" name="mapDescription"><%= map.mapDescription %></textarea>
</div> </div>
</div> </div>
</div>
</div> </div>
</div>
</div> </div>
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<h2 class="panel-heading">Address</h2> <h2 class="panel-heading">Address</h2>
<div class="panel-block is-block"> <div class="panel-block is-block">
<div class="field"> <div class="field">
<label class="label" for="map--mapAddress1">Address</label> <label class="label" for="map--mapAddress1">Address</label>
<div class="control"> <div class="control">
<input class="input" id="map--mapAddress1" name="mapAddress1" type="text" value="<%= map.mapAddress1 %>" maxlength="50" placeholder="Line 1" /> <input class="input" id="map--mapAddress1" name="mapAddress1" type="text" value="<%= map.mapAddress1 %>" maxlength="50" placeholder="Line 1" />
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<div class="control"> <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" /> <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> </div>
<div class="columns"> <div class="columns">
<div class="column is-8"> <div class="column is-8">
<div class="field"> <div class="field">
<label class="label" for="map--mapCity">City</label> <label class="label" for="map--mapCity">City</label>
<div class="control"> <div class="control">
<input class="input" id="map--mapCity" name="mapCity" value="<%= map.mapCity %>" maxlength="20" /> <input class="input" id="map--mapCity" name="mapCity" value="<%= map.mapCity %>" maxlength="20" />
</div> </div>
</div> </div>
</div> </div>
<div class="column"> <div class="column">
<div class="field"> <div class="field">
<label class="label" for="map--mapProvince">Province</label> <label class="label" for="map--mapProvince">Province</label>
<div class="control"> <div class="control">
<input class="input" id="map--mapProvince" name="mapProvince" value="<%= map.mapProvince %>" maxlength="2" /> <input class="input" id="map--mapProvince" name="mapProvince" value="<%= map.mapProvince %>" maxlength="2" />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<div class="field"> <div class="field">
<label class="label" for="map--mapPostalCode">Postal Code</label> <label class="label" for="map--mapPostalCode">Postal Code</label>
<div class="control"> <div class="control">
<input class="input" id="map--mapPostalCode" name="mapPostalCode" value="<%= map.mapPostalCode %>" maxlength="7" /> <input class="input" id="map--mapPostalCode" name="mapPostalCode" value="<%= map.mapPostalCode %>" maxlength="7" />
</div> </div>
</div> </div>
</div> </div>
<div class="column"> <div class="column">
<div class="field"> <div class="field">
<label class="label" for="map--mapPhoneNumber">Phone Number</label> <label class="label" for="map--mapPhoneNumber">Phone Number</label>
<div class="control"> <div class="control">
<input class="input" id="map--mapPhoneNumber" name="mapPhoneNumber" value="<%= map.mapPhoneNumber %>" maxlength="30" /> <input class="input" id="map--mapPhoneNumber" name="mapPhoneNumber" value="<%= map.mapPhoneNumber %>" maxlength="30" />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="columns"> <div class="columns">

54
views/workOrder-edit.ejs
View File

@ -85,32 +85,38 @@
</div> </div>
<% } %> <% } %>
<% } %> <% } %>
<div class="level-item"> <% if (isCreate) { %>
<% if (!isCreate) { %> <div class="level-item">
<div class="level-item"> <a class="button is-danger is-inverted" href="<%= urlPrefix %>/workOrders">
<div class="dropdown is-right is-up"> Cancel
<div class="dropdown-trigger"> </a>
<button class="button" type="button"> </div>
<span> <% } else { %>
<span class="is-hidden-touch">More</span> <div class="level-item">
Options <div class="dropdown is-right is-up">
</span> <div class="dropdown-trigger">
<span class="icon is-small"><i class="fas fa-angle-up" aria-hidden="true"></i></span> <button class="button" type="button">
</button> <span>
</div> <span class="is-hidden-touch">More</span>
<div class="dropdown-menu"> Options
<div class="dropdown-content"> </span>
<a class="dropdown-item" id="button--deleteWorkOrder" href="#"> <span class="icon is-small"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
<span class="icon is-small"> </button>
<i class="fas fa-trash has-text-danger" aria-hidden="true"></i> </div>
</span> <div class="dropdown-menu">
<span>Delete Work Order</span> <div class="dropdown-content">
</a> <a class="dropdown-item" id="button--deleteWorkOrder" href="#">
</div> <span class="icon is-small">
</div> <i class="fas fa-trash has-text-danger" aria-hidden="true"></i>
</span>
<span>Delete Work Order</span>
</a>
</div>
</div> </div>
</div> </div>
<% } %> </div>
<% } %>
<div class="level-item">
<button class="button is-primary is-light" type="submit" form="form--workOrderEdit"> <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 class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span> <span>