ch[#162067435] implement status messages

Move snackbar code to login.js Delete snackbar.js as it is no longer needed
ebenezerdon · Nov 21, 2018 · 0a4f194 · 0a4f194
1 parent 4889f77
commit 0a4f194
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 28 deletions.
diff --git a/UI/assets/js/checkLogin.js b/UI/assets/js/checkLogin.js
@@ -0,0 +1,7 @@
+if (localStorage.accesstoken) {
+  if (localStorage.role === 'admin') {
+    window.location.replace('./pages/admindashboard.html');
+  } else {
+    window.location.replace('./pages/attendantdashboard.html');
+  }
+}
diff --git a/UI/assets/js/indexpage.js b/UI/assets/js/indexpage.js
diff --git a/UI/assets/js/login.js b/UI/assets/js/login.js
@@ -1,3 +1,14 @@
+const addStatusMessageDiv = () => {
+  document.body.innerHTML += '<div id="status-msg"></div>';
+};
+
+const snackbar = (text) => {
+  const statusMessageDiv = document.getElementById('status-msg');
+  statusMessageDiv.innerHTML = text;
+  statusMessageDiv.style.display = 'block';
+  // eslint-disable-next-line no-return-assign
+  setTimeout(() => statusMessageDiv.style.display = 'none', 4000);
+};
 
 const loginUser = (e) => {
   e.preventDefault();
@@ -33,4 +44,5 @@ const loginUser = (e) => {
     });
 };
 
-document.getElementById('login').addEventListener('submit', loginUser);
+window.onload = addStatusMessageDiv();
+document.getElementById('login').addEventListener('submit', loginUser);
diff --git a/UI/assets/js/snackbar.js b/UI/assets/js/snackbar.js
diff --git a/UI/index.html b/UI/index.html
@@ -8,7 +8,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" type="text/css" media="screen" href="./assets/css/main.css" />
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
-  <script type="text/javascript" src="assets/js/indexpage.js"></script>
+  <script type="text/javascript" src="assets/js/checkLogin.js"></script>
 </head>
 
 <body>