Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f260108ebf | |||
| 955bc54290 | |||
| eac6b51863 |
@@ -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>`;
|
||||||
|
|||||||
@@ -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; */
|
||||||
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
Reference in New Issue
Block a user