3 Commits

Author SHA1 Message Date
cdanesi f260108ebf merge changes from master 2021-10-07 21:09:45 -04:00
cdanesi 955bc54290 add initial styling for fancy notifications 2021-10-07 20:33:51 -04:00
cdanesi eac6b51863 begin work on fancy notifications
add taskList.html for task list popup
2021-10-07 20:31:10 -04:00
3 changed files with 68 additions and 0 deletions
+4
View File
@@ -26,3 +26,7 @@ function updateBackground() {
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
// Insert notification button
const insertButton = document.getElementById("exitBtn");
insertButton.innerHTML = `<div id='newBtn'><a href='#' id='notification-button'><span class='material-icons-outlined notification-icon'>notifications</span></a><span id='notification-badge'>${notifCountNew}</span></div>`;
+53
View File
@@ -156,3 +156,56 @@ img[id="Img3"] {
label[for="chkWarrantee"] { label[for="chkWarrantee"] {
padding: 0.35em; padding: 0.35em;
} }
/* Fancy Notifications */
#div_task {
display: none;
visibility: hidden;
}
#newBtn {
position: relative;
}
.material-icons-outlined {
font-family: "Material Icons Outlined";
}
#notification-button {
position: relative;
color: var(--lightblue);
cursor: pointer;
text-decoration: none;
outline: none;
}
#notification-button:hover {
color: var(--lightgray);
}
.notification-icon {
font-size: 2.5em;
position: absolute;
top: 5;
right: 3;
}
#notification-badge {
position: absolute;
top: 0;
right: 0;
}
/* Top bar */
#div_location {
/* position: relative;
width: 80%; */
}
#frmLocation {
/* position: absolute;
top: -40;
right: 370; */
}
+11
View File
@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Tasks for {username}</title>
</head>
<body></body>
</html>