-
+
+
+
+
+
+
+
+
+
diff --git a/src/static/client/src/assets/main.css b/src/static/client/src/assets/main.css
index ac6ee02..0d745ed 100644
--- a/src/static/client/src/assets/main.css
+++ b/src/static/client/src/assets/main.css
@@ -52,4 +52,8 @@
.btn-brand:hover{
--brandColor1: rgb(0, 142, 216);
--brandColor2: rgba(249, 70, 71)
+}
+
+::-webkit-scrollbar {
+ display: none;
}
\ No newline at end of file
diff --git a/src/static/client/src/components/notification/notification.vue b/src/static/client/src/components/notification/notification.vue
new file mode 100644
index 0000000..b186457
--- /dev/null
+++ b/src/static/client/src/components/notification/notification.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+ {{ notificationData.time.format("hh:mm A") }}
+
+
+
+ Dismiss
+
+
+
+
+
{{ notificationData.content }}
+
+
+
+
+
\ No newline at end of file
diff --git a/src/static/client/src/components/notification/notificationList.vue b/src/static/client/src/components/notification/notificationList.vue
new file mode 100644
index 0000000..92d16f3
--- /dev/null
+++ b/src/static/client/src/components/notification/notificationList.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/static/client/src/stores/clientStore.js b/src/static/client/src/stores/clientStore.js
new file mode 100644
index 0000000..e7a880f
--- /dev/null
+++ b/src/static/client/src/stores/clientStore.js
@@ -0,0 +1,22 @@
+import {defineStore} from "pinia";
+import {ref} from "vue";
+import {v4} from "uuid"
+import dayjs from "dayjs";
+
+
+export const clientStore = defineStore('clientStore', () => {
+ const notifications = ref([])
+ function newNotification(content, status) {
+ notifications.value.push({
+ id: v4().toString(),
+ status: status,
+ content: content,
+ time: dayjs(),
+ show: true
+ })
+ }
+
+ return {
+ notifications, newNotification
+ }
+})
\ No newline at end of file
diff --git a/src/static/client/src/views/signin.vue b/src/static/client/src/views/signin.vue
index ee63492..6a2ff5a 100644
--- a/src/static/client/src/views/signin.vue
+++ b/src/static/client/src/views/signin.vue
@@ -2,38 +2,47 @@
import {reactive} from "vue";
const formData = reactive({
- username: "",
+ email: "",
password: ""
-})
+});
+
+const submit = (e) => {
+ e.preventDefault();
+ for (let key in formData){
+ if (formData[key].length === 0){
+
+ break
+ }
+ }
+}