cdanesi/ServiceHubPlus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add error checking to Warranty Highlight feature

Browse Source 
refactor code
This commit is contained in:
Charles Danesi
2021-10-12 21:14:54 -04:00
parent 945c0f8d94
commit 1eaacb7ce1
2 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
script.js
+35 -16
View File
@@ -1,28 +1,47 @@
"use strict"; "use strict";
/* /*
TODO: insert a reset button into search form TODO float buttons on bottom of RO
TODO: style menubar and keep it sticky on the window TODO float location entry on RO (sidebar?)
TODO: style/move the location scan to float with the RO TODO style individual buttons
TODO: implement facebook-style notifications TODO options page
- move parts list buttons top or bottom
- color themes?
BUG close button on photo pages is styled along with the btnCancel
HACK display tiny images next to parts list?
TODO shrink navbar/header/location on scroll
TODO fancy button animations
TODO choose file on upload window
TODO insert a reset button into search form
TODO style menubar and keep it sticky on the window
TODO style/move the location scan to float with the RO
*/ */
// Warranty Highlight // Warranty Highlight
const isWarranty = document.getElementById("chkWarrantee"); const isWarranty = document.getElementById("chkWarrantee");
isWarranty.addEventListener("change", updateBackground); if (isWarranty != null) {
updateBackground(); isWarranty.addEventListener("change", updateBackground);
function updateBackground() { updateBackground();
isWarranty.nextElementSibling.style.backgroundColor = isWarranty.checked function updateBackground() {
? "red" isWarranty.nextElementSibling.style.backgroundColor = isWarranty.checked
: "transparent"; ? "red"
isWarranty.nextElementSibling.style.color = isWarranty.checked : "transparent";
? "white" isWarranty.nextElementSibling.style.color = isWarranty.checked
: "black"; ? "white"
: "black";
}
} }
// TODO highlight change case label if SN updated
// TODO color bg to bin color
// TODO add current location to top of page somewhere
// Notification system // Notification system
// TODO implement facebook-style notifications
// https://portal.trgrepair.com/task_manager.asp?rnd=0.9996227368620352 // https://portal.trgrepair.com/task_manager.asp?rnd=0.9996227368620352
const notifCountStr = document.getElementById("lblTask").innerText; // const notifCountStr = document.getElementById("lblTask").innerText;
const notifCount = parseInt(notifCountStr.split(" ")[2]); // Total task count // const notifCount = parseInt(notifCountStr.split(" ")[2]); // Total task count
const notifCountNew = parseInt(notifCountStr.split(" ")[5].slice(1)); // New task count // const notifCountNew = parseInt(notifCountStr.split(" ")[5].slice(1)); // New task count
style.css
+5 -20
View File
@@ -1,18 +1,3 @@
/*
TODO float buttons on bottom of RO
TODO float location entry on RO (sidebar?)
TODO style individual buttons
TODO options page
- move parts list buttons top or bottom
- color themes?
BUG close button on photo pages is styled along with the btnCancel
HACK display tiny images next to parts list?
TODO shrink navbar/header/location on scroll
TODO fancy button animations
TODO choose file on upload window
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@font-face { @font-face {
@@ -129,7 +114,11 @@ input[value="Remove Repair"] {
} }
label { label {
transition: background-color 250ms ease; transition: background-color 250ms ease-in, color 250ms ease-in;
}
label[for="chkWarrantee"] {
padding: 0.35em;
} }
/* Images */ /* Images */
@@ -152,7 +141,3 @@ img[id="Img3"] {
outline: none; outline: none;
border: none; border: none;
} }
label[for="chkWarrantee"] {
padding: 0.35em;
}