Home
diff --git a/frontend/scripts/devices.js b/frontend/scripts/devices.js
index 5d6418f..31cf506 100644
--- a/frontend/scripts/devices.js
+++ b/frontend/scripts/devices.js
@@ -1,5 +1,6 @@
import { getDevices, deleteDevice, update, add } from "./services/devices.service.js";
import { devices } from "../mockdata/devices.mockdata.js";
+import { logout } from "../shared/utils.js";
getDevices().then(res => {
buildTable(res)
@@ -88,3 +89,6 @@ document.getElementById("editbtn").onclick = () => {
window.location.reload();
}
};
+
+document.querySelector(".logout-container").addEventListener("click", logout);
+
diff --git a/frontend/scripts/home.js b/frontend/scripts/home.js
index e51e563..c739094 100644
--- a/frontend/scripts/home.js
+++ b/frontend/scripts/home.js
@@ -1,3 +1,4 @@
+import { logout } from "../shared/utils.js";
import { getLogsOnDeviceId } from "./services/devices.service.js";
async function buildChart(data) {
@@ -81,3 +82,6 @@ getLogsOnDeviceId(1)
document.getElementById("container").style.display = "none";
});
+document.querySelector(".logout-container").addEventListener("click", logout);
+
+
diff --git a/frontend/scripts/profile.js b/frontend/scripts/profile.js
index f0962a7..995ec6d 100644
--- a/frontend/scripts/profile.js
+++ b/frontend/scripts/profile.js
@@ -1,4 +1,5 @@
import { profileData } from "../mockdata/profile.mockdata.js";
+import { logout } from "../shared/utils.js";
import { get } from "./services/users.service.js";
import { update } from "./services/users.service.js";
import { updatePassword } from "./services/users.service.js";
@@ -98,3 +99,6 @@ document.getElementById("PasswordForm").addEventListener("submit", function(even
}
});
});
+
+document.querySelector(".logout-container").addEventListener("click", logout);
+
diff --git a/frontend/shared/utils.js b/frontend/shared/utils.js
index ec9dd85..bc9999b 100644
--- a/frontend/shared/utils.js
+++ b/frontend/shared/utils.js
@@ -34,9 +34,9 @@ export async function request(method, path, body = null) {
});
}
-document.querySelectorAll(".logoutContainer").forEach(closeBtn => {
- closeBtn.onclick = () => {
- localStorage.clear();
- window.location.href = "/index.html";
- };
-});
+export function logout() {
+ localStorage.removeItem("user");
+ document.cookie = "auth-token=";
+ window.location.href = "/";
+}
+
diff --git a/frontend/styles/auth.css b/frontend/styles/auth.css
index 7b22d5e..a9962da 100644
--- a/frontend/styles/auth.css
+++ b/frontend/styles/auth.css
@@ -6,9 +6,9 @@ body {
.topnav {
overflow: hidden;
background-color: #333;
- }
-
- .topnav a {
+}
+
+.topnav a {
height: 20px;
float: left;
color: #f2f2f2;
@@ -16,9 +16,9 @@ body {
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
- }
-
- .topnav a:hover, .topnav span:hover {
+}
+
+.topnav a:hover, .topnav span:hover {
background-color: #ddd;
color: black;
cursor: pointer;
@@ -66,15 +66,15 @@ button:hover {
margin-top: 0.5rem;
}
-.logoutContainer{
- display: flex;
- justify-content: center;
- align-items: center;
- width: 50px;
+.logout-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 50px;
}
-.logout{
- width: 20px;
- height: 24px;
+.logout {
+ width: 20px;
+ height: 24px;
}
diff --git a/frontend/styles/frontpage.css b/frontend/styles/frontpage.css
index f15df4b..3884919 100644
--- a/frontend/styles/frontpage.css
+++ b/frontend/styles/frontpage.css
@@ -5,6 +5,7 @@
body {
font-family: sans-serif;
+ margin: 0;
}
main {
Home
diff --git a/frontend/index.html b/frontend/index.html
index 26a5fe8..c30d98b 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -4,8 +4,6 @@
Temperature Alarm
-
-
diff --git a/frontend/profile/index.html b/frontend/profile/index.html
index 41c94d1..dcd8af7 100644
--- a/frontend/profile/index.html
+++ b/frontend/profile/index.html
@@ -7,16 +7,15 @@
-