views/location-edit.ejs
<%- include('_header'); -%>
<div class="columns is-variable is-4-mobile is-4-tablet is-block-print" id="is-site-layout">
<%- include("_sideMenu-locations"); -%>
<div class="column">
<nav class="breadcrumb">
<ul>
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li><a href="<%= urlPrefix %>/locations">
<span class="icon is-small"><i class="fas fa-map-marker-alt" aria-hidden="true"></i></span>
<span>Locations</span>
</a></li>
<% if (isCreate) { %>
<li class="is-active"><a href="#" aria-current="page">New Location</a></li>
<% } else { %>
<li><a href="<%= urlPrefix %>/locations/<%= location.locationID %>"><%= headTitle %></a></li>
<li class="is-active"><a href="#" aria-current="page">Update</a></li>
<% } %>
</ul>
</nav>
<h1 class="title is-1">
<%= (isCreate ? "Create a New Location" : "Update a Location") %>
</h1>
<form class="mb-4" id="form--location">
<input id="location--locationID" name="locationID" type="hidden" value="<%= location.locationID %>" />
<div class="columns">
<div class="column is-8">
<div class="field">
<label class="label" for="location--locationName">Location Name</label>
<div class="control">
<input class="input" id="location--locationName" name="locationName" type="text" value="<%= location.locationName %>" maxlength="100" autocomplete="off" <%= (location.locationIsManufacturer || location.locationIsDistributor ? " required" : "") %> />
</div>
<p class="help">If the location does not have a common name, leave it blank.</p>
</div>
<div class="field">
<label class="label" for="location--locationAddress1">Address</label>
<div class="control">
<input class="input" id="location--locationAddress1" name="locationAddress1" type="text" value="<%= location.locationAddress1 %>" maxlength="50" placeholder="Line 1" autocomplete="off" required />
</div>
</div>
<div class="field">
<div class="control">
<input class="input" id="location--locationAddress2" name="locationAddress2" type="text" value="<%= location.locationAddress2 %>" maxlength="50" placeholder="Line 2" autocomplete="off" aria-label="Address Line 2" />
</div>
</div>
<div class="columns">
<div class="column is-8">
<div class="field">
<label class="label" for="location--locationCity">City</label>
<div class="control">
<input class="input" id="location--locationCity" name="locationCity" type="text" value="<%= location.locationCity %>" maxlength="20" required />
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="location--locationProvince">Province</label>
<div class="control">
<input class="input" id="location--locationProvince" name="locationProvince" type="text" value="<%= location.locationProvince %>" maxlength="2" required />
</div>
</div>
</div>
</div>
<div class="field">
<label class="label" for="location--locationPostalCode">Postal Code</label>
<div class="control">
<input class="input" id="location--locationPostalCode" name="locationPostalCode" type="text" value="<%= location.locationPostalCode %>" minlength="5" maxlength="7" autocomplete="off" />
</div>
</div>
</div>
<div class="column">
<fieldset>
<legend class="is-size-5 mb-3">Location Attributes</legend>
<div class="field">
<div class="control">
<div class="facheck facheck-fas-checked is-primary">
<input id="location--locationIsManufacturer" name="locationIsManufacturer" type="checkbox" <%= (location.locationIsManufacturer ? " checked" : "") %> />
<label for="location--locationIsManufacturer">
Location is a Ticket Manufacturer
</label>
</div>
</div>
</div>
<div class="field">
<div class="control">
<div class="facheck facheck-fas-checked is-primary">
<input id="location--locationIsDistributor" name="locationIsDistributor" type="checkbox" <%= (location.locationIsDistributor ? " checked" : "") %> />
<label for="location--locationIsDistributor">
Location is a Ticket Distributor
</label>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="fixed-container is-fixed-bottom px-3 py-3 has-background-grey-light is-hidden-print">
<div class="level">
<div class="level-left" id="container--form-message"></div>
<div class="level-right">
<div class="buttons">
<button class="button is-success" type="submit">
<span class="icon">
<i class="fas fa-save" aria-hidden="true"></i>
</span>
<span>
<%= (isCreate ? "Create New Location and Continue" : "Update Location") %>
</span>
</button>
<% if (isCreate) { %>
<a class="button" href="/locations">
Cancel
</a>
<% } else { %>
<div class="dropdown is-right is-up">
<div class="dropdown-trigger">
<button class="button" type="button" aria-haspopup="true">
<span>Options</span>
<span class="icon">
<i class="fas fa-angle-up" aria-hidden="true"></i>
</span>
</button>
</div>
<div class="dropdown-menu" role="menu">
<div class="dropdown-content">
<% if (user.userProperties.isAdmin) { %>
<a class="dropdown-item is-merge-button" href="#">
<span class="icon"><i class="fas fa-fw fa-compress-alt has-text-danger" aria-hidden="true"></i></span>
<span>Merge with Another Location</span>
</a>
<% } %>
<a class="dropdown-item is-delete-button" href="#">
<span class="icon"><i class="fas fa-fw fa-trash has-text-danger" aria-hidden="true"></i></span>
<span>Delete Location</span>
</a>
</div>
</div>
</div>
<% } %>
</div>
</div>
</div>
</div>
</form>
<% if (!isCreate) { %>
<%- include('_location-view_edit-licences'); -%>
<% } %>
</div>
</div>
<%- include('_footerA'); -%>
<script src="<%= urlPrefix %>/javascripts/location-edit.min.js"></script>
<% if (!isCreate) { %>
<script src="<%= urlPrefix %>/javascripts/location-viewEdit.min.js"></script>
<% } %>
<%- include('_footerB'); -%>