diff --git a/src/components/ProtectedData.vue b/src/components/ProtectedData.vue index 1c99b11..43c8976 100644 --- a/src/components/ProtectedData.vue +++ b/src/components/ProtectedData.vue @@ -33,9 +33,9 @@ export default defineComponent({ await loadUsers(); } usersForChatOptions.value = users.value - .filter((u, index) => u.keycloakID !== user.value.keycloakID && index < 5) + .filter((u, index) => u.id !== user.value.id && index < 5) .map((u) => { - return {label: u.firstName + ' ' + u.lastName, value: u.keycloakID}; + return {label: u.firstName + ' ' + u.lastName, value: u.id}; }); } @@ -106,17 +106,17 @@ export default defineComponent({

{{ user.firstName }}

{{ user.lastName }}

{{ user.username }}

-

{{ user.keycloakID }}

+

{{ user.id }}

Users:

-
+

{{ user.firstName }}

{{ user.lastName }}

{{ user.username }}

-

{{ user.keycloakID }}

+

{{ user.id }}


@@ -166,8 +166,8 @@ export default defineComponent({

Chats:

{{ chat.displayName }}
-
-

{{ ptpUser.keycloakID }}

+
+

{{ ptpUser.id }}

diff --git a/src/main.ts b/src/main.ts index b7024a8..06f019a 100644 --- a/src/main.ts +++ b/src/main.ts @@ -18,14 +18,9 @@ const keycloak: Keycloak = await userStore.initKeycloak(); // Anfrage ans Backend if (keycloak.subject) { - userStore.keycloakId = keycloak.subject; - //userStore.loadPtpUsersByKeycloakID(keycloak.subject); - await userStore.getPtpUserByKeycloakID(keycloak.subject); - /*console.log(userStore.userLoaded); - if(userStore.userLoaded) { - console.log("Hier ist der Bruder: " + JSON.stringify(userStore.user)); - }*/ - userStore.loadPtpUsersByKeycloakID(keycloak.subject).then(user => { + userStore.id = keycloak.subject; + await userStore.getPtpUserById(keycloak.subject); + userStore.loadPtpUsersById(keycloak.subject).then(user => { console.log(JSON.stringify(user)); }) } else { diff --git a/src/models.ts b/src/models.ts index cde9182..3357866 100644 --- a/src/models.ts +++ b/src/models.ts @@ -1,5 +1,5 @@ export interface ptpUser { - keycloakID: string; + id: string; firstName: string; lastName: string; username: string; @@ -19,8 +19,7 @@ export interface chat{ } export interface user{ - id: number; - keycloakID: string; + id: string; firstName: string; lastName: string; username: string; diff --git a/src/stores/chat-store.ts b/src/stores/chat-store.ts index 6295501..9b7a8f6 100644 --- a/src/stores/chat-store.ts +++ b/src/stores/chat-store.ts @@ -17,19 +17,17 @@ export const useChatStore = defineStore('chatStore',{ return this.chats; }, async loadChatsByUser() : Promise{ - this.chats = (await api.get("/users/chat/" + userStore.keycloakId)).data.response; + this.chats = (await api.get("/users/chat/" + userStore.id)).data.response; return this.chats; }, async createChat(chatName: string, members: string[]){ - if(userStore.keycloakId) { - console.log("keycloakId is defined"); - if (!members.includes(userStore.keycloakId)) { - members.push(userStore.keycloakId); + if(userStore.id) { + if (!members.includes(userStore.id)) { + members.push(userStore.id); } - }else if(userStore.user?.keycloakID){ - console.log("user is defined"); - if (! members.includes(userStore.user.keycloakID)) { - members.push(userStore.user.keycloakID); + }else if(userStore.user?.id){ + if (! members.includes(userStore.user.id)) { + members.push(userStore.user.id); } } console.log(members); diff --git a/src/stores/user-store.ts b/src/stores/user-store.ts index 040ff54..0744ed0 100644 --- a/src/stores/user-store.ts +++ b/src/stores/user-store.ts @@ -31,18 +31,18 @@ export const useUserStore = defineStore('userStore', { user: null as ptpUser | null, userLoaded: false, keycloak: null as Keycloak | null, - keycloakId: "", + id: "", users: [] as ptpUser[], }), actions: { - async getPtpUserByKeycloakID(keycloakID : string) { - await this.loadPtpUsersByKeycloakID(keycloakID).then((response : responseModel) => { + async getPtpUserById(id : string) { + await this.loadPtpUsersById(id).then((response : responseModel) => { this.user = response.response; this.userLoaded = true; }); }, - async loadPtpUsersByKeycloakID(keycloakID : string) : Promise { - return (await api.get("/users/login/"+keycloakID)).data; + async loadPtpUsersById(id : string) : Promise { + return (await api.get("/users/login/"+id)).data; }, async loadAllUsers(): Promise { this.users = (await api.get("/users/user")).data;