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) {
var _a;
createCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped();
(_a = modalElement
.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) {
var _a;
createCloseModalFunction = closeModalFunction;
bulmaJS.toggleHtmlClipped();
(_a = modalElement
.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) {
createCloseModalFunction = closeModalFunction
bulmaJS.toggleHtmlClipped()
modalElement
.querySelector('form')
?.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 />
</div>
<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>
</button>
</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 (occupancyTypePrints.length === 1) { %>
<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>Print</span>
<span class="is-hidden-touch">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">
<button class="button" type="button" aria-label="Print">
<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>
</a>
</div>
@ -93,7 +93,10 @@
<div class="dropdown is-right is-up">
<div class="dropdown-trigger">
<button class="button" type="button">
<span>More Options</span>
<span>
<span class="is-hidden-touch">More</span>
Options
</span>
<span class="icon">
<i class="fas fa-angle-up" aria-hidden="true"></i>
</span>
@ -119,8 +122,9 @@
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span>
<%= (isCreate ? "Create" : "Update") %>
<%= configFunctions.getProperty("aliases.occupancy") %>
Record
<span class="is-hidden-touch">
<%= configFunctions.getProperty("aliases.occupancy") %> Record
</span>
</span>
</button>
</div>

8
views/lotOccupancy-view.ejs
View File

@ -39,18 +39,18 @@
<% if (occupancyTypePrints.length > 0) { %>
<% if (occupancyTypePrints.length === 1) { %>
<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>Print</span>
<span class="is-hidden-touch">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">
<button class="button" type="button" aria-label="Print">
<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>
</a>
</div>

41
views/workOrder-edit.ejs
View File

@ -62,9 +62,9 @@
<div class="level-item">
<div class="dropdown is-right is-up">
<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>Print</span>
<span class="is-hidden-touch">Print</span>
<span class="icon"><i class="fas fa-angle-up" aria-hidden="true"></i></span>
</button>
</div>
@ -89,22 +89,25 @@
<% 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 class="dropdown-trigger">
<button class="button" type="button">
<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>
</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>
<% } %>
@ -112,7 +115,7 @@
<span class="icon is-small"><i class="fas fa-save" aria-hidden="true"></i></span>
<span>
<%= (isCreate ? "Create" : "Update") %>
Work Order
<span class="is-hidden-touch">Work Order</span>
</span>
</button>
</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 === 1) { %>
<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>Print</span>
<span class="is-hidden-touch">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">
<button class="button" type="button" aria-label="Print">
<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>
</button>
</div>