From 2352c25c05f76c7341ddceea8113fa979e14df7c Mon Sep 17 00:00:00 2001 From: danielvici123 Date: Sun, 10 Nov 2024 18:10:28 +0100 Subject: [PATCH] Settings added (only one part), notification started and highlight added --- index.html | 2 +- src/assets/icons/other.png | Bin 0 -> 574 bytes src/assets/icons/shield.png | Bin 0 -> 501 bytes src/assets/icons/trash.png | Bin 0 -> 271 bytes .../home_components/navigationbar.vue | 75 ++++++++++++------ .../login_components/login_comp.vue | 16 +++- src/components/notifications.vue | 27 +++++++ .../notif_sidebar.vue | 27 +++++++ .../notifications_components/notifi_main.vue | 23 ++++++ src/components/settings.vue | 34 ++++++++ .../sa_account-information_comp.vue | 33 ++++++++ .../settings_components/sa_delete_account.vue | 37 +++++++++ .../settings_components/sa_reset_password.vue | 40 ++++++++++ .../settings_components/settings_account.vue | 25 ++++++ .../settings_account_main.vue | 32 ++++++++ .../settings_components/settings_main.vue | 72 +++++++++++++++++ .../settings_components/settings_navbar.vue | 69 ++++++++++++++++ .../settings_components/settings_sidebar.vue | 25 ++++++ src/components/status.json | 8 ++ src/router/index.ts | 12 +++ 20 files changed, 526 insertions(+), 31 deletions(-) create mode 100644 src/assets/icons/other.png create mode 100644 src/assets/icons/shield.png create mode 100644 src/assets/icons/trash.png create mode 100644 src/components/notifications.vue create mode 100644 src/components/notifications_components/notif_sidebar.vue create mode 100644 src/components/notifications_components/notifi_main.vue create mode 100644 src/components/settings.vue create mode 100644 src/components/settings_components/sa_account-information_comp.vue create mode 100644 src/components/settings_components/sa_delete_account.vue create mode 100644 src/components/settings_components/sa_reset_password.vue create mode 100644 src/components/settings_components/settings_account.vue create mode 100644 src/components/settings_components/settings_account_main.vue create mode 100644 src/components/settings_components/settings_main.vue create mode 100644 src/components/settings_components/settings_navbar.vue create mode 100644 src/components/settings_components/settings_sidebar.vue create mode 100644 src/components/status.json diff --git a/index.html b/index.html index c48ee50..2f31e81 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ Vite + Vue + TS - +
diff --git a/src/assets/icons/other.png b/src/assets/icons/other.png new file mode 100644 index 0000000000000000000000000000000000000000..748ba3433983dcd416807ae075cbcb1ac7ef159f GIT binary patch literal 574 zcmV-E0>S->P)!&{i_t#`s*Yugjfz#F1w}#v{w?SQNk2pr*ZJd4god? zXP>5TVp^>R3s(c@M3(2DTLbTTX64 za@v<>Y3ZGiXNAD_lumUa_X}%3g`D(BSvwPoTF3UF08WAj*9z?9Vdh~iRXZUQ24LU2 zz#4g*lovH&#L!oC|(0SIsyFmS2#`3K@6~Mmmy(<#?{2hi0wwqbluX zrsDBuMBpl>)s#6EbJDaq=Q{d5*J&oekH;Sqz1DlW*2<5`t0gVkJ^CYn25nOXq5uE@ M07*qoM6N<$f-^GxRsaA1 literal 0 HcmV?d00001 diff --git a/src/assets/icons/shield.png b/src/assets/icons/shield.png new file mode 100644 index 0000000000000000000000000000000000000000..82a4ef1fbc66c081c7baa0ceeef2768ddbb1847e GIT binary patch literal 501 zcmViltOACi1!{Vj5?X%nJxPa9~#Nd~?qo zhG)!um8#}M^_8=G9$9d)SbQSnx{yBuvh&x#xd1gGpLz=}0E zKqDCd`05P+*hy2trnd@!S|UJ!eC-Rs{n`@&%H{GS0Zu)P|IAwZI1#`}fGrOb*f42j zfq5Y>G7SH-raG4zz)8sWnJpjr&h#r)ofL96gYLhr#_@z1M7C0y5#YxVZ+;Y1tFvYp zg;Df80FDO$Xo%`Fli_9Ldmm#zbc<}VR2YWS?o)D?k2^0WKCINMKHSfBM#Ktr|BLc(hW zU*5)#FC8|iJm<-F?kQY+AoRp@^~;gFw1r$w?44B3D0e?(LHH+AuLbhe$_LK2Z#Zpu z!H+HS#1hNf2P}`RW!K`r(i)-ayIt#wqKr+Y=D{UXa~-&@IfngXpTW3M -// Funktionen um die Seiten zu öffnen // home -> app.vue // PLACEHOLDER import router from "../../router"; +import { ref, onMounted } from 'vue'; -const sb_home = () => { - console.log("home"); - router.push("/"); +const componentsStatus = ref({}); +const selected_destination = ref(''); + +async function loadComponentsStatus() { + const response = await fetch('src/components/status.json'); + componentsStatus.value = await response.json(); } -const sb_search = () => { - console.log("Search"); -} -const sb_notifications = () => { - console.log("Notifications"); -} -const sb_messages = () => { - console.log("Messages"); -} -const sb_accounts = () => { - console.log("Accounts"); -} -const sb_settings = () => { - console.log("Settings"); + +onMounted(() => { + loadComponentsStatus(); +}); + +function fun_route(destination: string) { + selected_destination.value = destination; + if (componentsStatus.value[destination] === 'wip') { + router.push("wip"); + } else { + switch (destination) { + case "home": + router.push("/"); + break; + case "search": + router.push("search"); + break; + case "notifications": + router.push("notifications"); + break; + case "messages": + router.push("messages"); + break; + case "accounts": + router.push("accounts"); + break; + case "settings": + router.push("settings"); + break; + default: + router.push("/"); + break; + } + } } @@ -30,15 +53,15 @@ const sb_settings = () => { diff --git a/src/components/login_components/login_comp.vue b/src/components/login_components/login_comp.vue index 32b9dab..ccadea1 100644 --- a/src/components/login_components/login_comp.vue +++ b/src/components/login_components/login_comp.vue @@ -1,7 +1,15 @@