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

polishing 

- hide toolbar button descriptions on smaller screens
- fix clipping on lot occupancy work order create
- fix tooltip overflowing right
deepsource-autofix-76c6eb20
Dan Gowans 2023-01-17 12:08:36 -05:00
parent 0d2ea594a1
commit 652e3ef1c6
9 changed files with 55 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public-typescript/lotOccupancyEdit.js
View File

@ -163,8 +163,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a; var _a;
createCloseModalFunction = closeModalFunction; createCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped();
(_a = modalElement (_a = modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doCreate); .querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doCreate);
},
onremoved() {
bulmaJS.toggleHtmlClipped();
} }
}); });
}); });

4
public-typescript/lotOccupancyEdit/lotOccupancyEdit.js
View File

@ -163,8 +163,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
var _a; var _a;
createCloseModalFunction = closeModalFunction; createCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped();
(_a = modalElement (_a = modalElement
.querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doCreate); .querySelector('form')) === null || _a === void 0 ? void 0 : _a.addEventListener('submit', doCreate);
},
onremoved() {
bulmaJS.toggleHtmlClipped();
} }
}); });
}); });

4
public-typescript/lotOccupancyEdit/lotOccupancyEdit.ts
View File

@ -242,10 +242,14 @@ declare const bulmaJS: BulmaJS
}, },
onshown(modalElement, closeModalFunction) { onshown(modalElement, closeModalFunction) {
createCloseModalFunction = closeModalFunction createCloseModalFunction = closeModalFunction
bulmaJS.toggleHtmlClipped()
modalElement modalElement
.querySelector('form') .querySelector('form')
?.addEventListener('submit', doCreate) ?.addEventListener('submit', doCreate)
},
onremoved() {
bulmaJS.toggleHtmlClipped()
} }
}) })
}) })

2
public/html/lotOccupancy-createWorkOrder.html
View File

@ -17,7 +17,7 @@
<input class="input" id="workOrderCreate--workOrderNumber" name="workOrderNumber" maxlength="50" readonly /> <input class="input" id="workOrderCreate--workOrderNumber" name="workOrderNumber" maxlength="50" readonly />
</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 has-tooltip-left" 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>

2
public/javascripts/lotOccupancyEdit.min.js vendored
View File

File diff suppressed because one or more lines are too long

18
views/lotOccupancy-edit.ejs
View File

@ -56,18 +56,18 @@
<% if (!isCreate && occupancyTypePrints.length > 0) { %> <% if (!isCreate && occupancyTypePrints.length > 0) { %>
<% if (occupancyTypePrints.length === 1) { %> <% if (occupancyTypePrints.length === 1) { %>
<div class="level-item"> <div class="level-item">
<a href="<%= urlPrefix %>/print/<%= occupancyTypePrints[0] %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" target="_blank"> <a href="<%= urlPrefix %>/print/<%= occupancyTypePrints[0] %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" 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>Print</span> <span class="is-hidden-touch">Print</span>
</a> </a>
</div> </div>
<% } else { %> <% } 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" 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>Print</span> <span class="is-hidden-touch">Print</span>
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</a> </a>
</div> </div>
@ -93,7 +93,10 @@
<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>
<span class="is-hidden-touch">More</span>
Options
</span>
<span class="icon"> <span class="icon">
<i class="fas fa-angle-up" aria-hidden="true"></i> <i class="fas fa-angle-up" aria-hidden="true"></i>
</span> </span>
@ -119,8 +122,9 @@
<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.occupancy") %> <span class="is-hidden-touch">
Record <%= configFunctions.getProperty("aliases.occupancy") %> Record
</span>
</span> </span>
</button> </button>
</div> </div>

8
views/lotOccupancy-view.ejs
View File

@ -39,18 +39,18 @@
<% if (occupancyTypePrints.length > 0) { %> <% if (occupancyTypePrints.length > 0) { %>
<% if (occupancyTypePrints.length === 1) { %> <% if (occupancyTypePrints.length === 1) { %>
<div class="level-item"> <div class="level-item">
<a href="<%= urlPrefix %>/print/<%= occupancyTypePrints[0] %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" target="_blank"> <a href="<%= urlPrefix %>/print/<%= occupancyTypePrints[0] %>/?lotOccupancyId=<%= lotOccupancy.lotOccupancyId %>" 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>Print</span> <span class="is-hidden-touch">Print</span>
</a> </a>
</div> </div>
<% } else { %> <% } 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" 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>Print</span> <span class="is-hidden-touch">Print</span>
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</a> </a>
</div> </div>

11
views/workOrder-edit.ejs
View File

@ -62,9 +62,9 @@
<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" 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>Print</span> <span class="is-hidden-touch">Print</span>
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
@ -91,7 +91,10 @@
<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>
<span class="is-hidden-touch">More</span>
Options
</span>
<span class="icon is-small"><i class="fas fa-angle-up" aria-hidden="true"></i></span> <span class="icon is-small"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</button> </button>
</div> </div>
@ -112,7 +115,7 @@
<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") %>
Work Order <span class="is-hidden-touch">Work Order</span>
</span> </span>
</button> </button>
</div> </div>

8
views/workOrder-view.ejs
View File

@ -33,18 +33,18 @@
<% if (configFunctions.getProperty("settings.workOrders.prints").length > 0) { %> <% if (configFunctions.getProperty("settings.workOrders.prints").length > 0) { %>
<% if (configFunctions.getProperty("settings.workOrders.prints").length === 1) { %> <% if (configFunctions.getProperty("settings.workOrders.prints").length === 1) { %>
<div class="level-item"> <div class="level-item">
<a href="<%= urlPrefix %>/print/<%= configFunctions.getProperty("settings.workOrders.prints")[0] %>/?workOrderId=<%= workOrder.workOrderId %>" target="_blank"> <a href="<%= urlPrefix %>/print/<%= configFunctions.getProperty("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>Print</span> <span class="is-hidden-touch">Print</span>
</a> </a>
</div> </div>
<% } else { %> <% } 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" 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>Print</span> <span class="is-hidden-touch">Print</span>
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span> <span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</button> </button>
</div> </div>