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

Cosmetic
Some checks failed
/ build (push) Failing after 9s
Details

Browse source
This commit is contained in:
phil 2025-02-01 16:15:52 +01:00
parent 0782d9d12d
commit a0b391b417
2 changed files with 17 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/styles.css
View file

@ -104,10 +104,18 @@ hr {
.hasResponseStatus.status-503 { .hasResponseStatus.status-503 {
background-color: #ffA88050; background-color: #ffA88050;
} }
.role { .role, .scope {
padding: 3px 6px; padding: 3px 6px;
border-radius: 6px;
margin: 3px;
}
.role {
background-color: #44228840; background-color: #44228840;
} }
.scope {
background-color: #8888FF80;
}
/* For home */ /* For home */

12
src/App.vue
View file

@ -49,14 +49,18 @@ async function get_resource(id: string) {
<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 && keycloak.resourceAccess['oidc-test-web']"> <div v-if="keycloak.resourceAccess && keycloak.resourceAccess['oidc-test']">
<span>Roles:</span> <span>Roles for oidc-test:</span>
<span v-for="role in keycloak.resourceAccess && keycloak.resourceAccess['oidc-test-web'].roles" class="role">{{ <span v-for="role in keycloak.resourceAccess && keycloak.resourceAccess['oidc-test']['roles']" class="role">{{
role }}</span> 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 v-if="keycloak.tokenParsed?.scope">
<span>Scopes</span>:
<span v-for="scope in keycloak.tokenParsed.scope.split(' ')" class="scope">{{ scope }}</span>
</div> </div>
<button @click="accountManagemnt">Account management</button> <button @click="accountManagemnt">Account management</button>
<button @click="manuallyRefreshAccessToken">Refresh access token</button> <button @click="manuallyRefreshAccessToken">Refresh access token</button>