philorg/oidc-vue-test
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Fix types

Browse source
This commit is contained in:
phil 2025-01-26 04:02:05 +01:00
parent c4cc6f71f1
commit 761778ce00
2 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/App.vue
View file

@ -21,27 +21,27 @@ async function doAuthenticatedRequest() {
} }
function logout() { function logout() {
keycloak.logoutFn() keycloak.logoutFn && keycloak.logoutFn()
} }
function accountManagemnt() { function accountManagemnt() {
keycloak.accountManagement() keycloak.accountManagement && keycloak.accountManagement()
} }
</script> </script>
<template> <template>
<h1>OIDC pure web client test</h1> <h1>OIDC pure web client test</h1>
<div v-if="keycloak.authenticated" class="user-info"> <div v-if="keycloak.authenticated" class="user-info">
<p>Hey, {{ keycloak.idTokenParsed.name }}</p> <p>Hey, {{ keycloak.idTokenParsed?.name }}</p>
<img v-if="keycloak.idTokenParsed.picture" :src="keycloak.idTokenParsed.picture" class="picture"></img> <img v-if="keycloak.idTokenParsed?.picture" :src="keycloak.idTokenParsed.picture" class="picture"></img>
<div>{{ keycloak.idTokenParsed.email }}</div> <div>{{ keycloak.idTokenParsed?.email }}</div>
<div v-if="keycloak.resourceAccess['oidc-test-web']"> <div v-if="keycloak.resourceAccess && keycloak.resourceAccess ['oidc-test-web']">
<span>Roles:</span> <span>Roles:</span>
<span v-for="role in keycloak.resourceAccess['oidc-test-web'].roles" class="role">{{ role }}</span> <span v-for="role in keycloak.resourceAccess && keycloak.resourceAccess['oidc-test-web'].roles" class="role">{{ role }}</span>
</div> </div>
<div v-if="keycloak.idTokenParsed.oidc_provider"> <div v-if="keycloak.idTokenParsed?.oidc_provider">
<span>Provider:</span> <span>Provider:</span>
{{ keycloak.idTokenParsed.oidc_provider }} {{ keycloak.idTokenParsed?.oidc_provider }}
</div> </div>
<button @click="logout" class="logout">Logout</button> <button @click="logout" class="logout">Logout</button>
<button @click="accountManagemnt">Account management</button> <button @click="accountManagemnt">Account management</button>

2
src/main.ts
View file

@ -28,7 +28,7 @@ createApp(App)
realm: 'test', realm: 'test',
clientId: 'oidc-test-web', clientId: 'oidc-test-web',
}, },
init: { onLoad: 'check-sso' }, //init: { onLoad: 'check-sso' },
onReady(keycloak: Keycloak, vkk) { onReady(keycloak: Keycloak, vkk) {
initializeTokenInterceptor() initializeTokenInterceptor()
}, },