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

fix toolbars on mobile

pull/11/head
Dan Gowans 2025-04-01 15:20:01 -04:00
parent 54867f1cbc
commit ed96a35c94
12 changed files with 181 additions and 219 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/stylesheets/sunrise.css
View File

@ -83,18 +83,23 @@ span.button.is-static {
* Fixed Level * Fixed Level
*/ */
.columns.is-fixed-bottom,
.level.is-fixed-bottom { .level.is-fixed-bottom {
z-index: 1100; z-index: 1100;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
padding: 15px;
margin: 0; margin: 0;
}
&.has-shadow { .level.is-fixed-bottom {
box-shadow: 0 -2px 0 0 #f5f5f5; padding: 15px;
} }
.columns.is-fixed-bottom.has-shadow,
.level.is-fixed-bottom.has-shadow {
box-shadow: 0 -2px 0 0 #f5f5f5;
} }
/* /*
@ -206,4 +211,4 @@ span.button.is-static {
.avoid-page-break { .avoid-page-break {
page-break-inside: avoid; page-break-inside: avoid;
} }

26
views/burialSite-edit.ejs
View File

@ -36,23 +36,21 @@
<% } %> <% } %>
</h1> </h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vcentered is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<% if (!isCreate) { %> <% if (!isCreate) { %>
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
<%= burialSite.burialSiteName %> <%= burialSite.burialSiteName %>
</span> </span>
<% } %> <% } %>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<% if (isCreate) { %> <div class="buttons is-right">
<div class="level-item"> <% if (isCreate) { %>
<a class="button is-danger is-light" href="<%= urlPrefix %>/burialSites"> <a class="button is-danger is-light" href="<%= urlPrefix %>/burialSites">
Cancel Cancel
</a> </a>
</div> <% } else { %>
<% } else { %>
<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">
@ -71,14 +69,12 @@
</div> </div>
</div> </div>
</div> </div>
</div> <% } %>
<% } %>
<div class="level-item">
<button class="button is-light is-primary" type="submit" form="form--burialSite"> <button class="button is-light is-primary" type="submit" form="form--burialSite">
<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") %>
Burial Site <span class="is-hidden-mobile">Burial Site</span>
</span> </span>
</button> </button>
</div> </div>
@ -339,7 +335,7 @@
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white">Geographic Location</h2> <h2 class="title is-5 has-text-weight-bold has-text-white">Geographic Location</h2>
@ -380,7 +376,7 @@
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white">Image</h2> <h2 class="title is-5 has-text-weight-bold has-text-white">Image</h2>

24
views/burialSite-view.ejs
View File

@ -21,14 +21,14 @@
<%= burialSite.burialSiteName %> <%= burialSite.burialSiteName %>
</h1> </h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vcentered is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
<%= burialSite.burialSiteName %> <%= burialSite.burialSiteName %>
</span> </span>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<div class="level-item"> <div class="buttons is-right">
<a class="button is-link is-outlined has-tooltip-left" <a class="button is-link is-outlined has-tooltip-left"
data-tooltip="Previous Burial Site" data-tooltip="Previous Burial Site"
href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>/previous" href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>/previous"
@ -36,8 +36,6 @@
<span class="icon m-0"><i class="fas fa-arrow-left" aria-hidden="true"></i></span> <span class="icon m-0"><i class="fas fa-arrow-left" aria-hidden="true"></i></span>
<span class="sr-only">Previous Burial Site</span> <span class="sr-only">Previous Burial Site</span>
</a> </a>
</div>
<div class="level-item">
<a class="button is-link has-tooltip-left" <a class="button is-link has-tooltip-left"
data-tooltip="Next Burial Site" data-tooltip="Next Burial Site"
href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>/next" href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>/next"
@ -45,9 +43,7 @@
<span>Next</span> <span>Next</span>
<span class="icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
</a> </a>
</div> <% if (user.userProperties.canUpdate) { %>
<% if (user.userProperties.canUpdate) { %>
<div class="level-item">
<a class="button is-primary" <a class="button is-primary"
href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>/edit" href="<%= urlPrefix %>/burialSites/<%= burialSite.burialSiteId %>/edit"
accesskey="e"> accesskey="e">
@ -55,8 +51,8 @@
<span class="is-hidden-mobile">Switch to Edit Mode</span> <span class="is-hidden-mobile">Switch to Edit Mode</span>
<span class="is-hidden-tablet">Edit</span> <span class="is-hidden-tablet">Edit</span>
</a> </a>
</div> <% } %>
<% } %> </div>
</div> </div>
</div> </div>
@ -101,7 +97,7 @@
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white">Geographic Location</h2> <h2 class="title is-5 has-text-weight-bold has-text-white">Geographic Location</h2>
@ -131,7 +127,7 @@
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white">Image</h2> <h2 class="title is-5 has-text-weight-bold has-text-white">Image</h2>

104
views/cemetery-edit.ejs
View File

@ -36,23 +36,21 @@
<% } %> <% } %>
</h1> </h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vcentered is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<% if (!isCreate) { %> <% if (!isCreate) { %>
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
<%= cemetery.cemeteryName || "(No Name)" %> <%= cemetery.cemeteryName || "(No Name)" %>
</span> </span>
<% } %> <% } %>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<% if (isCreate) { %> <div class="buttons is-right">
<div class="level-item"> <% if (isCreate) { %>
<a class="button is-danger is-light" href="<%= urlPrefix %>/cemeteries"> <a class="button is-danger is-light" href="<%= urlPrefix %>/cemeteries">
Cancel Cancel
</a> </a>
</div> <% } else { %>
<% } else { %>
<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">
@ -71,14 +69,12 @@
</div> </div>
</div> </div>
</div> </div>
</div> <% } %>
<% } %>
<div class="level-item">
<button class="button is-primary is-light" type="submit" form="form--cemetery"> <button class="button is-primary is-light" type="submit" form="form--cemetery">
<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") %>
Cemetery <span class="is-hidden-mobile">Cemetery</span>
</span> </span>
</button> </button>
</div> </div>
@ -126,7 +122,7 @@
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white">Address</h2> <h2 class="title is-5 has-text-weight-bold has-text-white">Address</h2>
@ -140,53 +136,53 @@
</div> </div>
</div> </div>
<div class="panel-block is-block"> <div class="panel-block is-block">
<div class="field"> <div class="field">
<label class="label" for="cemetery--cemeteryAddress1">Address</label> <label class="label" for="cemetery--cemeteryAddress1">Address</label>
<div class="control"> <div class="control">
<input class="input" id="cemetery--cemeteryAddress1" name="cemeteryAddress1" type="text" value="<%= cemetery.cemeteryAddress1 %>" maxlength="50" placeholder="Line 1" /> <input class="input" id="cemetery--cemeteryAddress1" name="cemeteryAddress1" type="text" value="<%= cemetery.cemeteryAddress1 %>" maxlength="50" placeholder="Line 1" />
</div>
</div> </div>
<div class="field"> </div>
<div class="control"> <div class="field">
<input class="input" id="cemetery--cemeteryAddress2" name="cemeteryAddress2" type="text" value="<%= cemetery.cemeteryAddress2 %>" maxlength="50" placeholder="Line 2" aria-label="Address Line 2" /> <div class="control">
</div> <input class="input" id="cemetery--cemeteryAddress2" name="cemeteryAddress2" type="text" value="<%= cemetery.cemeteryAddress2 %>" maxlength="50" placeholder="Line 2" aria-label="Address Line 2" />
</div> </div>
<div class="columns"> </div>
<div class="column is-8"> <div class="columns">
<div class="field"> <div class="column is-8">
<label class="label" for="cemetery--cemeteryCity">City</label> <div class="field">
<div class="control"> <label class="label" for="cemetery--cemeteryCity">City</label>
<input class="input" id="cemetery--cemeteryCity" name="cemeteryCity" value="<%= cemetery.cemeteryCity %>" maxlength="20" /> <div class="control">
</div> <input class="input" id="cemetery--cemeteryCity" name="cemeteryCity" value="<%= cemetery.cemeteryCity %>" maxlength="20" />
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="cemetery--cemeteryProvince">Province</label>
<div class="control">
<input class="input" id="cemetery--cemeteryProvince" name="cemeteryProvince" value="<%= cemetery.cemeteryProvince %>" maxlength="2" />
</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="cemetery--cemeteryProvince">Province</label>
<label class="label" for="cemetery--cemeteryPostalCode">Postal Code</label> <div class="control">
<div class="control"> <input class="input" id="cemetery--cemeteryProvince" name="cemeteryProvince" value="<%= cemetery.cemeteryProvince %>" maxlength="2" />
<input class="input" id="cemetery--cemeteryPostalCode" name="cemeteryPostalCode" value="<%= cemetery.cemeteryPostalCode %>" maxlength="7" />
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="cemetery--cemeteryPhoneNumber">Phone Number</label>
<div class="control">
<input class="input" id="cemetery--cemeteryPhoneNumber" name="cemeteryPhoneNumber" value="<%= cemetery.cemeteryPhoneNumber %>" maxlength="30" />
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="columns">
<div class="column">
<div class="field">
<label class="label" for="cemetery--cemeteryPostalCode">Postal Code</label>
<div class="control">
<input class="input" id="cemetery--cemeteryPostalCode" name="cemeteryPostalCode" value="<%= cemetery.cemeteryPostalCode %>" maxlength="7" />
</div>
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="cemetery--cemeteryPhoneNumber">Phone Number</label>
<div class="control">
<input class="input" id="cemetery--cemeteryPhoneNumber" name="cemeteryPhoneNumber" value="<%= cemetery.cemeteryPhoneNumber %>" maxlength="30" />
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -195,7 +191,7 @@
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white">Geographic Location</h2> <h2 class="title is-5 has-text-weight-bold has-text-white">Geographic Location</h2>

39
views/cemetery-view.ejs
View File

@ -25,14 +25,14 @@
</h1> </h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vcentered p-0 is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
<%= cemetery.cemeteryName || "(No Name)" %> <%= cemetery.cemeteryName || "(No Name)" %>
</span> </span>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<div class="level-item"> <div class="buttons is-right">
<a class="button is-link is-outlined has-tooltip-left" <a class="button is-link is-outlined has-tooltip-left"
data-tooltip="Previous Cemetery" data-tooltip="Previous Cemetery"
href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/previous" href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/previous"
@ -40,8 +40,6 @@
<span class="icon m-0"><i class="fas fa-arrow-left" aria-hidden="true"></i></span> <span class="icon m-0"><i class="fas fa-arrow-left" aria-hidden="true"></i></span>
<span class="sr-only">Previous Cemetery</span> <span class="sr-only">Previous Cemetery</span>
</a> </a>
</div>
<div class="level-item">
<a class="button is-link has-tooltip-left" <a class="button is-link has-tooltip-left"
data-tooltip="Next Cemetery" data-tooltip="Next Cemetery"
href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/next" href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/next"
@ -49,18 +47,19 @@
<span>Next</span> <span>Next</span>
<span class="icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
</a> </a>
</div> <% if (user.userProperties.canUpdate) { %>
<% if (user.userProperties.canUpdate) { %> <div class="level-item">
<div class="level-item"> <a class="button is-primary"
<a class="button is-primary" href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/edit"
href="<%= urlPrefix %>/cemeteries/<%= cemetery.cemeteryId %>/edit" accesskey="e">
accesskey="e"> <span class="icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
<span class="icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span> <span class="is-hidden-mobile">Switch to Edit Mode</span>
<span class="is-hidden-mobile">Switch to Edit Mode</span> <span class="is-hidden-tablet">Edit</span>
<span class="is-hidden-tablet">Edit</span> </a>
</a> </div>
<% } %>
</div> </div>
<% } %> </div>
</div> </div>
</div> </div>
@ -98,7 +97,7 @@
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white">Geographic Location</h2> <h2 class="title is-5 has-text-weight-bold has-text-white">Geographic Location</h2>
@ -127,7 +126,7 @@
<div class="column"> <div class="column">
<div class="panel"> <div class="panel">
<div class="panel-heading"> <div class="panel-heading">
<div class="level"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white">Image</h2> <h2 class="title is-5 has-text-weight-bold has-text-white">Image</h2>

34
views/contract-edit.ejs
View File

@ -43,26 +43,24 @@
</h1> </h1>
<% } %> <% } %>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vecentered is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<% if (!isCreate) { %> <% if (!isCreate) { %>
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
Contract #<%= contract.contractId %>: Contract #<%= contract.contractId %>:
<%= contract.burialSiteName || ("(No Burial Site)") %> <%= contract.burialSiteName || ("(No Burial Site)") %>
</span> </span>
<% } %> <% } %>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<% if (!isCreate && contractTypePrints.length > 0) { %> <div class="buttons is-right">
<% if (contractTypePrints.length === 1) { %> <% if (!isCreate && contractTypePrints.length > 0) { %>
<div class="level-item"> <% if (contractTypePrints.length === 1) { %>
<a href="<%= urlPrefix %>/print/<%= contractTypePrints[0] %>/?contractId=<%= contract.contractId %>" target="_blank" aria-label="Print"> <a href="<%= urlPrefix %>/print/<%= contractTypePrints[0] %>/?contractId=<%= contract.contractId %>" target="_blank" aria-label="Print">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span class="is-hidden-touch">Print</span> <span class="is-hidden-touch">Print</span>
</a> </a>
</div> <% } else { %>
<% } else { %>
<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" aria-label="Print"> <button class="button" type="button" aria-label="Print">
@ -85,17 +83,13 @@
</div> </div>
</div> </div>
</div> </div>
</div> <% } %>
<% } %> <% } %>
<% } %> <% if (isCreate) { %>
<% if (isCreate) { %>
<div class="level-item">
<a class="button is-danger is-light" href="<%= urlPrefix %>/contracts"> <a class="button is-danger is-light" href="<%= urlPrefix %>/contracts">
Cancel Cancel
</a> </a>
</div> <% } else { %>
<% } else { %>
<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">
@ -121,14 +115,12 @@
</div> </div>
</div> </div>
</div> </div>
</div> <% } %>
<% } %>
<div class="level-item">
<button class="button is-primary is-light" type="submit" form="form--contract"> <button class="button is-primary is-light" type="submit" form="form--contract">
<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") %>
<span class="is-hidden-touch"> <span class="is-hidden-mobile">
Contract Contract
</span> </span>
</span> </span>

28
views/contract-view.ejs
View File

@ -28,24 +28,22 @@
<%= contract.burialSiteName || "(No Burial Site)" %> <%= contract.burialSiteName || "(No Burial Site)" %>
</h1> </h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vcentered is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
Contract #<%= contract.contractId %>: Contract #<%= contract.contractId %>:
<%= contract.burialSiteName ?? "(No Burial Site)" %> <%= contract.burialSiteName ?? "(No Burial Site)" %>
</span> </span>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<% if (contractTypePrints.length > 0) { %> <div class="buttons is-right">
<% if (contractTypePrints.length === 1) { %> <% if (contractTypePrints.length > 0) { %>
<div class="level-item"> <% if (contractTypePrints.length === 1) { %>
<a href="<%= urlPrefix %>/print/<%= contractTypePrints[0] %>/?contractId=<%= contract.contractId %>" target="_blank" aria-label="Print"> <a href="<%= urlPrefix %>/print/<%= contractTypePrints[0] %>/?contractId=<%= contract.contractId %>" target="_blank" aria-label="Print">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span class="is-hidden-touch">Print</span> <span class="is-hidden-touch">Print</span>
</a> </a>
</div> <% } else { %>
<% } else { %>
<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" aria-label="Print"> <button class="button" type="button" aria-label="Print">
@ -68,11 +66,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> <% } %>
<% } %> <% } %>
<% } %> <% if (user.userProperties.canUpdate) { %>
<% if (user.userProperties.canUpdate) { %>
<div class="level-item">
<a class="button <%= (contract.contractEndDate ? "is-warning" : "is-primary") %>" <a class="button <%= (contract.contractEndDate ? "is-warning" : "is-primary") %>"
href="<%= urlPrefix %>/contracts/<%= contract.contractId %>/edit" href="<%= urlPrefix %>/contracts/<%= contract.contractId %>/edit"
accesskey="e"> accesskey="e">
@ -80,8 +76,8 @@
<span class="is-hidden-mobile">Switch to Edit Mode</span> <span class="is-hidden-mobile">Switch to Edit Mode</span>
<span class="is-hidden-tablet">Edit</span> <span class="is-hidden-tablet">Edit</span>
</a> </a>
</div> <% } %>
<% } %> </div>
</div> </div>
</div> </div>

24
views/funeralHome-edit.ejs
View File

@ -5,7 +5,7 @@
<li><a href="<%= urlPrefix %>/dashboard">Home</a></li> <li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
<li> <li>
<a href="<%= urlPrefix %>/funeralHomes"> <a href="<%= urlPrefix %>/funeralHomes">
<span class="icon is-small"><i class="far fa-map" aria-hidden="true"></i></span> <span class="icon is-small"><i class="fas fa-place-of-worship" aria-hidden="true"></i></span>
<span>Funeral Homes</span> <span>Funeral Homes</span>
</a> </a>
</li> </li>
@ -36,23 +36,21 @@
<% } %> <% } %>
</h1> </h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vcentered p-0 is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<% if (!isCreate) { %> <% if (!isCreate) { %>
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
<%= funeralHome.funeralHomeName || "(No Name)" %> <%= funeralHome.funeralHomeName || "(No Name)" %>
</span> </span>
<% } %> <% } %>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<% if (isCreate) { %> <div class="buttons is-right">
<div class="level-item"> <% if (isCreate) { %>
<a class="button is-danger is-light" href="<%= urlPrefix %>/funeralHomes"> <a class="button is-danger is-light" href="<%= urlPrefix %>/funeralHomes">
Cancel Cancel
</a> </a>
</div> <% } else { %>
<% } else { %>
<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">
@ -71,14 +69,12 @@
</div> </div>
</div> </div>
</div> </div>
</div> <% } %>
<% } %>
<div class="level-item">
<button class="button is-primary is-light" type="submit" form="form--funeralHome"> <button class="button is-primary is-light" type="submit" form="form--funeralHome">
<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") %>
Funeral Home <span class="is-hidden-mobile">Funeral Home</span>
</span> </span>
</button> </button>
</div> </div>

18
views/funeralHome-search.ejs
View File

@ -27,15 +27,15 @@
</div> </div>
<% 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 Funeral Home" data-tooltip="Create a New Funeral Home"
href="<%= urlPrefix %>/funeralHomes/new" href="<%= urlPrefix %>/funeralHomes/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 Funeral Home</span> <span class="sr-only">Create a New Funeral Home</span>
</a> </a>
</div> </div>
<% } %> <% } %>
<div class="box"> <div class="box">

24
views/funeralHome-view.ejs
View File

@ -21,23 +21,21 @@
<%= funeralHome.funeralHomeName || "(No Name)" %> <%= funeralHome.funeralHomeName || "(No Name)" %>
</h1> </h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vcentered p-0 is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
<%= funeralHome.funeralHomeName || "(No Name)" %> <%= funeralHome.funeralHomeName || "(No Name)" %>
</span> </span>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<% if (user.userProperties.canUpdate) { %> <% if (user.userProperties.canUpdate) { %>
<div class="level-item"> <a class="button is-primary"
<a class="button is-primary" href="<%= urlPrefix %>/funeralHomes/<%= funeralHome.funeralHomeId %>/edit"
href="<%= urlPrefix %>/funeralHomes/<%= funeralHome.funeralHomeId %>/edit" accesskey="e">
accesskey="e"> <span class="icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
<span class="icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span> <span class="is-hidden-mobile">Switch to Edit Mode</span>
<span class="is-hidden-mobile">Switch to Edit Mode</span> <span class="is-hidden-tablet">Edit</span>
<span class="is-hidden-tablet">Edit</span> </a>
</a>
</div>
<% } %> <% } %>
</div> </div>
</div> </div>

36
views/workOrder-edit.ejs
View File

@ -40,26 +40,24 @@
</h1> </h1>
<% } %> <% } %>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vcentered is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<% if (!isCreate) { %> <% if (!isCreate) { %>
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
Work Order Work Order
#<%= workOrder.workOrderNumber || "(No Number)" %> #<%= workOrder.workOrderNumber || "(No Number)" %>
</span> </span>
<% } %> <% } %>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<% if (!isCreate && configFunctions.getConfigProperty("settings.workOrders.prints").length > 0) { %> <div class="buttons is-right">
<% if (configFunctions.getConfigProperty("settings.workOrders.prints").length === 1) { %> <% if (!isCreate && configFunctions.getConfigProperty("settings.workOrders.prints").length > 0) { %>
<div class="level-item"> <% if (configFunctions.getConfigProperty("settings.workOrders.prints").length === 1) { %>
<a href="<%= urlPrefix %>/print/<%= configFunctions.getConfigProperty("settings.workOrders.prints")[0] %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank"> <a href="<%= urlPrefix %>/print/<%= configFunctions.getConfigProperty("settings.workOrders.prints")[0] %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span> <span>Print</span>
</a> </a>
</div> <% } else { %>
<% } else { %>
<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" aria-label="Print"> <button class="button" type="button" aria-label="Print">
@ -82,17 +80,13 @@
</div> </div>
</div> </div>
</div> </div>
</div> <% } %>
<% } %> <% } %>
<% } %> <% if (isCreate) { %>
<% if (isCreate) { %>
<div class="level-item">
<a class="button is-danger is-light" href="<%= urlPrefix %>/workOrders"> <a class="button is-danger is-light" href="<%= urlPrefix %>/workOrders">
Cancel Cancel
</a> </a>
</div> <% } else { %>
<% } else { %>
<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">
@ -114,14 +108,12 @@
</div> </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>
<%= (isCreate ? "Create" : "Update") %> <%= (isCreate ? "Create" : "Update") %>
<span class="is-hidden-touch">Work Order</span> <span class="is-hidden-mobile">Work Order</span>
</span> </span>
</button> </button>
</div> </div>
@ -219,7 +211,7 @@
<% if (!isCreate) { %> <% if (!isCreate) { %>
<div class="panel mt-4"> <div class="panel mt-4">
<div class="panel-heading"> <div class="panel-heading">
<div class="level"> <div class="level is-mobile">
<div class="level-left"> <div class="level-left">
<div class="level-item"> <div class="level-item">
<h2 class="title is-5 has-text-weight-bold has-text-white">Related Burial Sites</h2> <h2 class="title is-5 has-text-weight-bold has-text-white">Related Burial Sites</h2>

28
views/workOrder-view.ejs
View File

@ -22,24 +22,22 @@
#<%= workOrder.workOrderNumber || "(No Number)" %> #<%= workOrder.workOrderNumber || "(No Number)" %>
</h1> </h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print"> <div class="columns is-vcentered is-fixed-bottom has-background-white has-shadow is-hidden-print">
<div class="level-left"> <div class="column">
<span class="level-item has-text-weight-bold"> <span class="has-text-weight-bold">
Work Order Work Order
#<%= workOrder.workOrderNumber || "(No Number)" %> #<%= workOrder.workOrderNumber || "(No Number)" %>
</span> </span>
</div> </div>
<div class="level-right"> <div class="column is-narrow has-text-right">
<% if (configFunctions.getConfigProperty("settings.workOrders.prints").length > 0) { %> <div class="buttons is-right">
<% if (configFunctions.getConfigProperty("settings.workOrders.prints").length === 1) { %> <% if (configFunctions.getConfigProperty("settings.workOrders.prints").length > 0) { %>
<div class="level-item"> <% if (configFunctions.getConfigProperty("settings.workOrders.prints").length === 1) { %>
<a href="<%= urlPrefix %>/print/<%= configFunctions.getConfigProperty("settings.workOrders.prints")[0] %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank" aria-label="Print"> <a href="<%= urlPrefix %>/print/<%= configFunctions.getConfigProperty("settings.workOrders.prints")[0] %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank" aria-label="Print">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span class="is-hidden-touch">Print</span> <span class="is-hidden-touch">Print</span>
</a> </a>
</div> <% } else { %>
<% } else { %>
<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" aria-label="Print"> <button class="button" type="button" aria-label="Print">
@ -62,11 +60,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> <% } %>
<% } %> <% } %>
<% } %> <% if (user.userProperties.canUpdate) { %>
<% if (user.userProperties.canUpdate) { %>
<div class="level-item">
<% if (workOrder.workOrderCloseDate) { %> <% if (workOrder.workOrderCloseDate) { %>
<button class="button is-warning" id="button--reopenWorkOrder" data-work-order-id="<%= workOrder.workOrderId %>" type="button"> <button class="button is-warning" id="button--reopenWorkOrder" data-work-order-id="<%= workOrder.workOrderId %>" type="button">
Reopen Work Order Reopen Work Order
@ -80,8 +76,8 @@
<span class="is-hidden-tablet">Edit</span> <span class="is-hidden-tablet">Edit</span>
</a> </a>
<% } %> <% } %>
</div> <% } %>
<% } %> </div>
</div> </div>
</div> </div>