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

bottom bar options 

- switch to edit mode
- save/create
- print
- more options
- next/previous record
deepsource-autofix-76c6eb20
Dan Gowans 2023-01-11 13:01:50 -05:00
parent a4f4b353fc
commit 59b04c2b8f
10 changed files with 554 additions and 455 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
public-scss/style.scss
View File

@ -1,7 +1,7 @@
@import "@cityssm/bulma-webapp-css/cityssm";
@import "bulma/sass/utilities/derived-variables";
@import "bulma-calendar/src/sass/index";
@import "@cityssm/fa-glow/fa-glow";
@import '@cityssm/bulma-webapp-css/cityssm';
@import 'bulma/sass/utilities/derived-variables';
@import 'bulma-calendar/src/sass/index';
@import '@cityssm/fa-glow/fa-glow';
$white: #fff;
$black: #000;
@ -196,3 +196,24 @@ span.button.is-static {
.datetimepicker.is-active {
z-index: 10;
}
/*
* Fixed Level
*/
.level {
&.is-fixed-bottom {
z-index: 1100;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
margin: 0;
&.has-shadow {
box-shadow: 0 -2px 0 0 #f5f5f5;
}
}
}

2
public/stylesheets/style.css
View File

File diff suppressed because one or more lines are too long

74
views/lot-edit.ejs
View File

@ -36,6 +36,50 @@
<% } %>
</h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print">
<% if (!isCreate) { %>
<div class="level-left">
<span class="level-item has-text-weight-bold">
<%= lot.lotName %>
</span>
</div>
<% } %>
<div class="level-right">
<% if (!isCreate) { %>
<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>
</div>
</div>
<% } %>
<div class="level-item">
<button class="button is-primary" type="submit" form="form--lot">
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span>
<%= (isCreate ? "Create" : "Update") %>
<%= configFunctions.getProperty("aliases.lot") %>
</span>
</button>
</div>
</div>
</div>
<form id="form--lot">
<input id="lot--lotId" name="lotId" type="hidden" value="<%= isCreate ? "" : lot.lotId %>" />
@ -295,35 +339,7 @@
</div>
</div>
<div class="has-text-right mb-4 is-hidden-print">
<button class="button is-primary" type="submit">
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span>
<%= (isCreate ? "Create" : "Update") %>
<%= configFunctions.getProperty("aliases.lot") %>
</span>
</button>
<% if (!isCreate) { %>
<div class="dropdown is-right ml-2">
<div class="dropdown-trigger">
<button class="button" type="button">
<span>More Options</span>
<span class="icon is-small">
<i class="fas fa-angle-down" 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>
</form>
<% if (isCreate) { %>

37
views/lot-view.ejs
View File

@ -9,9 +9,11 @@
<span><%= configFunctions.getProperty("aliases.lots") %></span>
</a>
</li>
<li class="is-active"><a href="#" aria-current="page">
<li class="is-active">
<a href="#" aria-current="page">
<%= lot.lotName %>
</a></li>
</a>
</li>
</ul>
</nav>
@ -19,31 +21,42 @@
<%= lot.lotName %>
</h1>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle is-link has-tooltip-left"
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print">
<div class="level-left">
<span class="level-item has-text-weight-bold">
<%= lot.lotName %>
</span>
</div>
<div class="level-right">
<div class="level-item">
<a class="button is-link is-outlined has-tooltip-left"
data-tooltip="Previous <%= configFunctions.getProperty("aliases.lot") %>"
href="<%= urlPrefix %>/lots/<%= lot.lotId %>/previous"
accesskey=",">
<i class="fas fa-arrow-left" aria-hidden="true"></i>
<span class="sr-only">Previous <%= configFunctions.getProperty("aliases.lot") %></span>
</a>
<a class="button is-circle is-link has-tooltip-left"
</div>
<div class="level-item">
<a class="button is-link has-tooltip-left"
data-tooltip="Next <%= configFunctions.getProperty("aliases.lot") %>"
href="<%= urlPrefix %>/lots/<%= lot.lotId %>/next"
accesskey=".">
<i class="fas fa-arrow-right" aria-hidden="true"></i>
<span class="sr-only">Next <%= configFunctions.getProperty("aliases.lot") %></span>
<span>Next</span>
<span class="icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
</a>
</div>
<% if (user.userProperties.canUpdate) { %>
<a class="button is-circle is-primary has-tooltip-left"
data-tooltip="Update <%= configFunctions.getProperty("aliases.lot") %>"
<div class="level-item">
<a class="button is-primary"
href="<%= urlPrefix %>/lots/<%= lot.lotId %>/edit"
accesskey="e">
<i class="fas fa-pencil-alt" aria-hidden="true"></i>
<span class="sr-only">Update <%= configFunctions.getProperty("aliases.lot") %></span>
<span class="icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
<span>Switch to Edit Mode</span>
</a>
</div>
<% } %>
</div>
</div>
<div class="columns">

146
views/lotOccupancy-edit.ejs
View File

@ -38,54 +38,12 @@
Create a New <%= configFunctions.getProperty("aliases.occupancy") %> Record
</h1>
<% } else { %>
<div class="level">
<div class="level-left">
<div class="level-item is-justify-content-left">
<h1 class="title is-1">
Update <%= configFunctions.getProperty("aliases.occupancy") %> #<%= lotOccupancy.lotOccupancyId %>
</h1>
</div>
</div>
<% if (occupancyTypePrints.length > 0) { %>
<div class="level-right is-hidden-print">
<div class="level-item is-justify-content-right">
<% if (occupancyTypePrints.length === 1) { %>
<a class="button is-link" href="<%= urlPrefix %>/print/<%= occupancyTypePrints[0] %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" target="_blank">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
</a>
<% } else { %>
<div class="dropdown is-right">
<div class="dropdown-trigger">
<button class="button is-link" type="button">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
<span class="icon is-small"><i class="fas fa-caret-down" aria-hidden="true"></i></span>
</button>
</div>
<div class="dropdown-menu">
<div class="dropdown-content">
<% for (const printName of occupancyTypePrints) { %>
<% const printConfig = printFunctions.getPrintConfig(printName); %>
<% if (printConfig) { %>
<a class="dropdown-item" href="<%= urlPrefix %>/print/<%= printName %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" target="_blank">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<span><%= printConfig.title %></span>
</a>
<% } %>
<% } %>
</div>
</div>
</div>
<% } %>
</div>
</div>
<% } %>
</div>
<% } %>
<form id="form--lotOccupancy">
<input id="lotOccupancy--lotOccupancyId" name="lotOccupancyId" type="hidden" value="<%= lotOccupancy.lotOccupancyId %>" />
<div class="panel">
@ -360,8 +318,81 @@
</div>
<% } %>
<div class="panel-block is-justify-content-right is-hidden-print">
<button class="button is-primary" type="submit">
</div>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print">
<% if (!isCreate) { %>
<div class="level-left">
<span class="level-item has-text-weight-bold">
<%= configFunctions.getProperty("aliases.occupancy") %> #<%= lotOccupancy.lotOccupancyId %>:
<%= lotOccupancy.lotName || ("(No " + configFunctions.getProperty("aliases.lot") + ")") %>
</span>
</div>
<% } %>
<div class="level-right">
<% if (!isCreate && occupancyTypePrints.length > 0) { %>
<% if (occupancyTypePrints.length === 1) { %>
<div class="level-item">
<a href="<%= urlPrefix %>/print/<%= occupancyTypePrints[0] %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" target="_blank">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
</a>
</div>
<% } else { %>
<div class="level-item">
<div class="dropdown is-right is-up">
<div class="dropdown-trigger">
<button class="button" type="button">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</a>
</div>
<div class="dropdown-menu">
<div class="dropdown-content">
<% for (const printName of occupancyTypePrints) { %>
<% const printConfig = printFunctions.getPrintConfig(printName); %>
<% if (printConfig) { %>
<a class="dropdown-item" href="<%= urlPrefix %>/print/<%= printName %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" target="_blank">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span><%= printConfig.title %></span>
</a>
<% } %>
<% } %>
</div>
</div>
</div>
</div>
<% } %>
<% } %>
<% if (!isCreate) { %>
<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">
<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--copyLotOccupancy" href="#">
<span class="icon"><i class="far fa-copy" aria-hidden="true"></i></span>
<span>Copy <%= configFunctions.getProperty("aliases.occupancy") %> Record as New</span>
</a>
<a class="dropdown-item" id="button--deleteLotOccupancy" href="#">
<span class="icon"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
<span>Delete <%= configFunctions.getProperty("aliases.occupancy") %> Record</span>
</a>
</div>
</div>
</div>
</div>
<% } %>
<div class="level-item">
<button class="button is-success" type="submit">
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span>
<%= (isCreate ? "Create" : "Update") %>
@ -369,37 +400,12 @@
Record
</span>
</button>
<% if (!isCreate) { %>
<div class="dropdown is-right ml-2">
<div class="dropdown-trigger">
<button class="button" type="button">
<span>More Options</span>
<span class="icon is-small">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</button>
</div>
<div class="dropdown-menu">
<div class="dropdown-content">
<a class="dropdown-item" id="button--copyLotOccupancy" href="#">
<span class="icon is-small"><i class="far fa-copy" aria-hidden="true"></i></span>
<span>Copy <%= configFunctions.getProperty("aliases.occupancy") %> Record as New</span>
</a>
<a class="dropdown-item" id="button--deleteLotOccupancy" href="#">
<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
<span>Delete <%= configFunctions.getProperty("aliases.occupancy") %> Record</span>
</a>
</div>
</div>
</div>
<% } %>
</div>
</div>
</form>
<% if (isCreate) { %>
<% } else { %>
<% if (!isCreate) { %>
<div class="panel mt-5">
<div class="panel-heading">
<div class="level is-mobile">

59
views/lotOccupancy-view.ejs
View File

@ -22,30 +22,37 @@
</ul>
</nav>
<div class="level">
<h1 class="title is-1">
<%= configFunctions.getProperty("aliases.occupancy") %>
#<%= lotOccupancy.lotOccupancyId %>:
<%= lotOccupancy.lotName || ("(No " + configFunctions.getProperty("aliases.lot") + ")") %>
</h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print">
<div class="level-left">
<div class="level-item is-justify-content-left">
<h1 class="title is-1">
<%= configFunctions.getProperty("aliases.occupancy") %> #<%= lotOccupancy.lotOccupancyId %>: <%= lotOccupancy.lotName || ("(No " + configFunctions.getProperty("aliases.lot") + ")") %>
</h1>
</div>
<span class="level-item has-text-weight-bold">
<%= configFunctions.getProperty("aliases.occupancy") %> #<%= lotOccupancy.lotOccupancyId %>:
<%= lotOccupancy.lotName || ("(No " + configFunctions.getProperty("aliases.lot") + ")") %>
</span>
</div>
<div class="level-right">
<% if (occupancyTypePrints.length > 0) { %>
<div class="level-right is-hidden-print">
<div class="level-item is-justify-content-right">
<% if (occupancyTypePrints.length === 1) { %>
<a class="button is-link" href="<%= urlPrefix %>/print/<%= occupancyTypePrints[0] %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" target="_blank">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<div class="level-item">
<a href="<%= urlPrefix %>/print/<%= occupancyTypePrints[0] %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" target="_blank">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
</a>
</div>
<% } else { %>
<div class="dropdown is-right">
<div class="level-item">
<div class="dropdown is-right is-up">
<div class="dropdown-trigger">
<button class="button is-link" type="button">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<button class="button" type="button">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
<span class="icon is-small"><i class="fas fa-caret-down" aria-hidden="true"></i></span>
</button>
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</a>
</div>
<div class="dropdown-menu">
<div class="dropdown-content">
@ -53,7 +60,7 @@
<% const printConfig = printFunctions.getPrintConfig(printName); %>
<% if (printConfig) { %>
<a class="dropdown-item" href="<%= urlPrefix %>/print/<%= printName %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" target="_blank">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span><%= printConfig.title %></span>
</a>
<% } %>
@ -61,23 +68,21 @@
</div>
</div>
</div>
<% } %>
</div>
</div>
<% } %>
</div>
<% if (user.userProperties.canUpdate) { %>
<div class="fixed-container is-fixed-bottom-right mx-4 my-4 has-text-right is-hidden-print">
<a class="button is-circle has-tooltip-left <%= (lotOccupancy.occupancyEndDate ? "is-warning" : "is-primary") %>"
data-tooltip="Update <%= configFunctions.getProperty("aliases.occupancy") %>"
<% } %>
<% if (user.userProperties.canUpdate) { %>
<div class="level-item">
<a class="button <%= (lotOccupancy.occupancyEndDate ? "is-warning" : "is-primary") %>"
href="<%= urlPrefix %>/lotOccupancies/<%= lotOccupancy.lotOccupancyId %>/edit"
accesskey="e">
<i class="fas fa-pencil-alt" aria-hidden="true"></i>
<span class="sr-only">Update <%= configFunctions.getProperty("aliases.occupancy") %></span>
<span class="icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
<span>Switch to Edit Mode</span>
</a>
</div>
<% } %>
</div>
</div>
<% } %>
<div class="panel">
<div class="panel-block is-block">

74
views/map-edit.ejs
View File

@ -36,6 +36,50 @@
<% } %>
</h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print">
<% if (!isCreate) { %>
<div class="level-left">
<span class="level-item has-text-weight-bold">
<%= map.mapName || "(No Name)" %>
</span>
</div>
<% } %>
<div class="level-right">
<% if (!isCreate) { %>
<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--deleteMap" href="#">
<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
<span>Delete <%= configFunctions.getProperty("aliases.map") %></span>
</a>
</div>
</div>
</div>
</div>
<% } %>
<div class="level-item">
<button class="button is-primary" 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") %>
</span>
</button>
</div>
</div>
</div>
<form id="form--map">
<input id="map--mapId" name="mapId" type="hidden" value="<%= map.mapId %>" />
@ -160,35 +204,7 @@
</div>
</div>
<div class="has-text-right is-hidden-print">
<button class="button is-primary" type="submit">
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span>
<%= (isCreate ? "Create": "Update") %>
<%= configFunctions.getProperty("aliases.map") %>
</span>
</button>
<% if (!isCreate) { %>
<div class="dropdown is-right ml-2">
<div class="dropdown-trigger">
<button class="button" type="button">
<span>More Options</span>
<span class="icon is-small">
<i class="fas fa-angle-down" aria-hidden="true"></i>
</span>
</button>
</div>
<div class="dropdown-menu">
<div class="dropdown-content">
<a class="dropdown-item" id="button--deleteMap" href="#">
<span class="icon is-small"><i class="fas fa-trash has-text-danger" aria-hidden="true"></i></span>
<span>Delete <%= configFunctions.getProperty("aliases.map") %></span>
</a>
</div>
</div>
</div>
<% } %>
</div>
</form>
<% if (!isCreate) { %>

18
views/map-view.ejs
View File

@ -22,15 +22,23 @@
</h1>
<% if (user.userProperties.canUpdate) { %>
<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"
data-tooltip="Update <%= configFunctions.getProperty("aliases.map") %>"
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print">
<div class="level-left">
<span class="level-item has-text-weight-bold">
<%= map.mapName || "(No Name)" %>
</span>
</div>
<div class="level-right">
<div class="level-item">
<a class="button is-primary"
href="<%= urlPrefix %>/maps/<%= map.mapId %>/edit"
accesskey="e">
<i class="fas fa-pencil-alt" aria-hidden="true"></i>
<span class="sr-only">Update <%= configFunctions.getProperty("aliases.map") %></span>
<span class="icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
<span>Switch to Edit Mode</span>
</a>
</div>
</div>
</div>
<% } %>
<div class="panel">

107
views/workOrder-edit.ejs
View File

@ -35,29 +35,37 @@
Create a New Work Order
</h1>
<% } else { %>
<div class="level">
<div class="level-left">
<div class="level-item is-justify-content-left">
<h1 class="title is-1">
Work Order #<%= workOrder.workOrderNumber || "(No Number)" %>
</h1>
<% } %>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print">
<% if (!isCreate) { %>
<div class="level-left">
<span class="level-item has-text-weight-bold">
Work Order
#<%= workOrder.workOrderNumber || "(No Number)" %>
</span>
</div>
</div>
<% if (configFunctions.getProperty("settings.workOrders.prints").length > 0) { %>
<div class="level-right is-hidden-print">
<div class="level-item is-justify-content-right">
<% } %>
<div class="level-right">
<% if (!isCreate && configFunctions.getProperty("settings.workOrders.prints").length > 0) { %>
<% if (configFunctions.getProperty("settings.workOrders.prints").length === 1) { %>
<a class="button is-link" href="<%= urlPrefix %>/print/<%= configFunctions.getProperty("settings.workOrders.prints")[0] %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<div class="level-item">
<a href="<%= urlPrefix %>/print/<%= configFunctions.getProperty("settings.workOrders.prints")[0] %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
</a>
</div>
<% } else { %>
<div class="dropdown is-right">
<div class="level-item">
<div class="dropdown is-right is-up">
<div class="dropdown-trigger">
<button class="button is-link" type="button">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<button class="button" type="button">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
<span class="icon is-small"><i class="fas fa-caret-down" aria-hidden="true"></i></span>
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</button>
</div>
<div class="dropdown-menu">
@ -66,7 +74,7 @@
<% const printConfig = printFunctions.getPrintConfig(printName); %>
<% if (printConfig) { %>
<a class="dropdown-item" href="<%= urlPrefix %>/print/<%= printName %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span><%= printConfig.title %></span>
</a>
<% } %>
@ -74,12 +82,42 @@
</div>
</div>
</div>
</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>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--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>
<% } %>
<button class="button is-success" type="submit" form="form--workOrderEdit">
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span>
<%= (isCreate ? "Create" : "Update") %>
Work Order
</span>
</button>
</div>
<% } %>
</div>
</div>
<div class="columns is-desktop">
<div class="column">
@ -149,49 +187,22 @@
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="workOrderEdit--workOrderCloseDateString"><%= configFunctions.getProperty("aliases.workOrderCloseDate") %></label>
<div class="control">
<div class="field has-addons">
<div class="control is-expanded">
<input class="input" id="workOrderEdit--workOrderCloseDateString" name="workOrderCloseDateString" type="date" value="<%= workOrder.workOrderCloseDateString %>" disabled readonly />
</div>
</div>
</div>
</div>
</div>
<div class="panel-block is-justify-content-flex-end">
<button class="button is-success" type="submit">
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span>
<%= (isCreate ? "Create" : "Update") %>
Work Order
</span>
</button>
<% if (!isCreate) { %>
<button class="button is-primary ml-2" id="button--closeWorkOrder" type="button">
<div class="control">
<button class="button is-light is-success is-outlined" id="button--closeWorkOrder" type="button">
<span class="icon is-small"><i class="fas fa-stop-circle" aria-hidden="true"></i></span>
<span>
Close Work Order
Close
</span>
</button>
<div class="dropdown is-right ml-2">
<div class="dropdown-trigger">
<button class="button" type="button">
<span>More Options</span>
<span class="icon is-small"><i class="fas fa-caret-down" 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>
</div>
</form>

69
views/workOrder-view.ejs
View File

@ -17,29 +17,35 @@
</ul>
</nav>
<div class="level">
<h1 class="title is-1">
Work Order
#<%= workOrder.workOrderNumber || "(No Number)" %>
</h1>
<div class="level is-fixed-bottom is-mobile has-background-white has-shadow is-hidden-print">
<div class="level-left">
<div class="level-item is-justify-content-left">
<h1 class="title is-1">
Work Order #<%= workOrder.workOrderNumber || "(No Number)" %>
</h1>
</div>
<span class="level-item has-text-weight-bold">
Work Order
#<%= workOrder.workOrderNumber || "(No Number)" %>
</span>
</div>
<div class="level-right">
<% if (configFunctions.getProperty("settings.workOrders.prints").length > 0) { %>
<div class="level-right is-hidden-print">
<div class="level-item is-justify-content-right">
<% if (configFunctions.getProperty("settings.workOrders.prints").length === 1) { %>
<a class="button is-link" href="<%= urlPrefix %>/print/<%= configFunctions.getProperty("settings.workOrders.prints")[0] %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<div class="level-item">
<a href="<%= urlPrefix %>/print/<%= configFunctions.getProperty("settings.workOrders.prints")[0] %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
</a>
</div>
<% } else { %>
<div class="dropdown is-right">
<div class="level-item">
<div class="dropdown is-right is-up">
<div class="dropdown-trigger">
<button class="button is-link" type="button">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<button class="button" type="button">
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span>Print</span>
<span class="icon is-small"><i class="fas fa-caret-down" aria-hidden="true"></i></span>
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</button>
</div>
<div class="dropdown-menu">
@ -48,7 +54,7 @@
<% const printConfig = printFunctions.getPrintConfig(printName); %>
<% if (printConfig) { %>
<a class="dropdown-item" href="<%= urlPrefix %>/print/<%= printName %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank">
<span class="icon is-small"><i class="fas fa-print" aria-hidden="true"></i></span>
<span class="icon"><i class="fas fa-print" aria-hidden="true"></i></span>
<span><%= printConfig.title %></span>
</a>
<% } %>
@ -56,23 +62,27 @@
</div>
</div>
</div>
<% } %>
</div>
</div>
<% } %>
</div>
<% if (user.userProperties.canUpdate && !workOrder.workOrderCloseDate) { %>
<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"
data-tooltip="Update Work Order"
<% } %>
<% if (user.userProperties.canUpdate) { %>
<div class="level-item">
<% if (workOrder.workOrderCloseDate) { %>
<button class="button is-warning" id="button--reopenWorkOrder" data-work-order-id="<%= workOrder.workOrderId %>" type="button">
Reopen Work Order
</button>
<% } else { %>
<a class="button is-primary"
href="<%= urlPrefix %>/workOrders/<%= workOrder.workOrderId %>/edit"
accesskey="e">
<i class="fas fa-pencil-alt" aria-hidden="true"></i>
<span class="sr-only">Update Work Order</span>
<span class="icon"><i class="fas fa-pencil-alt" aria-hidden="true"></i></span>
<span>Switch to Edit Mode</span>
</a>
<% } %>
</div>
<% } %>
<% } %>
</div>
</div>
<div class="columns is-desktop">
<div class="column">
@ -109,13 +119,6 @@
</div>
</div>
</div>
<% if (user.userProperties.canUpdate && workOrder.workOrderCloseDate) { %>
<div class="panel-block is-justify-content-flex-end">
<button class="button is-warning" id="button--reopenWorkOrder" data-work-order-id="<%= workOrder.workOrderId %>" type="button">
Reopen Work Order
</button>
</div>
<% } %>
</div>
<div class="panel">