added toaster toggle function

TimTJoe · Aug 19, 2024 · c0b878f · c0b878f
1 parent 1a481ec
commit c0b878f
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 1 deletion.
diff --git a/public/js/index.js b/public/js/index.js
@@ -0,0 +1,11 @@
+
+export function openToaster(text) {
+  let toaster = document.getElementById("toaster");
+  document.getElementById("toaster-text").innerText = text;
+  toaster.classList.remove("hide");
+  toaster.classList.add("show");
+  setTimeout(() => {
+    toaster.classList.add("hide");
+    toaster.classList.remove("show");
+  }, 2000);
+}
diff --git a/public/js/utils.js b/public/js/utils.js
@@ -8,4 +8,15 @@ export function getState() {
   return history.state.value || null;
 }
 
+export function openToaster(text) {
+  let toaster = document.getElementById("toaster");
+  let toasterText = document.getElementById("toaster-text");
+  toaster.classList.remove("hide");
+  toaster.classList.add("show");
+  setTimeout(() => {
+    toaster.classList.add("hide");
+    toaster.classList.remove("show");
+  }, 3000);
+}
+
 export default { setState, getState };
diff --git a/views/partials/head.ejs b/views/partials/head.ejs
@@ -9,6 +9,6 @@
 </head>
 
 <body>
-    <section class="toaster row around padding" id="toaster">
+    <section class="toaster row around padding hide" id="toaster">
         <span class="text padding" id="toaster-text">Registration is Successful</span>
     </section>
diff --git a/views/partials/sidebar.ejs b/views/partials/sidebar.ejs
@@ -30,4 +30,7 @@
   <span>
     <a href="/voters/registration" class="button outlined">Voter Registration</a>
   </span>
+  <section class="padding">
+    <%- include("./foot") %>
+  </section>
 </nav>