diff --git a/src/components/ProtectedData.vue b/src/components/ProtectedData.vue index ee5b5fb..49108f0 100644 --- a/src/components/ProtectedData.vue +++ b/src/components/ProtectedData.vue @@ -2,6 +2,7 @@ import { defineComponent, onMounted, ref } from 'vue'; import { useUserStore } from 'stores/user-store'; import { useRouter } from 'vue-router'; +import { ptpUser } from 'src/models'; export default defineComponent({ name: 'ProtectedData', @@ -16,13 +17,26 @@ export default defineComponent({ userStore.logout(); router.push('/'); }; - onMounted(() => { - console.log("IM MOUNTEEED: " + userStore.userLoaded + " " + userStore.user) + const users = ref([] as ptpUser[]); + const usersLoaded = ref(false); + const loadUsers = async() => { + await userStore.loadAllUsers(); + usersLoaded.value = true; + users.value = userStore.users; + } + onMounted(async () => { userLoaded.value = userStore.userLoaded; user.value = userStore.user; - return { user, userLoaded }; + //users = await userStore.getAllUsers(); }); - return { user, userLoaded, logout }; + return { + user, + userLoaded, + logout, + loadUsers, + users, + usersLoaded + }; }, }) @@ -37,6 +51,16 @@ export default defineComponent({
{{ user.keycloakID }}
Users:
+{{ user.firstName }}
+{{ user.lastName }}
+{{ user.username }}
+{{ user.keycloakID }}
+