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

Cosmetic
All checks were successful
/ build (push) Successful in 8s
Details

Browse source
This commit is contained in:
phil 2025-02-01 11:24:48 +01:00
parent eb15bc5e80
commit 8155ffe0ce
2 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/styles.css
View file

@ -2,11 +2,15 @@ body {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background-color: floralwhite; background-color: floralwhite;
margin: 0; margin: 0;
font-family: system-ui;
} }
h1 { h1 {
text-align: center; text-align: center;
background-color: #f786867d; background-color: #f786867d;
margin: 0 0 0.2em 0; margin: 0 0 0.2em 0;
box-shadow: 0px 0.2em 0.2em #f786867d;
text-shadow: 0 0 2px #00000080;
font-weight: 200;
} }
p { p {
margin: 0.2em; margin: 0.2em;
@ -184,8 +188,8 @@ hr {
width: fit-content; width: fit-content;
align-items: center; align-items: center;
margin: 5px auto; margin: 5px auto;
box-shadow: 0px 0px 10px #90c3ee; box-shadow: 0px 0px 10px #90c3eeA0;
background-color: #90c3ee; background-color: #90c3eeA0;
border-radius: 8px; border-radius: 8px;
} }
@ -201,7 +205,7 @@ hr {
color: darkred; color: darkred;
} }
.from-keycloak-vue { .token-info {
margin: 0 1em; margin: 0 1em;
} }

4
src/App.vue
View file

@ -59,6 +59,7 @@ async function get_resource(id: string) {
{{ keycloak.idTokenParsed?.oidc_provider }} {{ keycloak.idTokenParsed?.oidc_provider }}
</div> </div>
<button @click="accountManagemnt">Account management</button> <button @click="accountManagemnt">Account management</button>
<button @click="manuallyRefreshAccessToken">Refresh access token</button>
<button @click="logout" class="logout">Logout</button> <button @click="logout" class="logout">Logout</button>
</div> </div>
<hr> <hr>
@ -80,9 +81,8 @@ async function get_resource(id: string) {
</div> </div>
</div> </div>
<div v-if="msg" class="msg resource">{{ msg }}</div> <div v-if="msg" class="msg resource">{{ msg }}</div>
<div v-if="settings.tokenSandbox" class="from-keycloak-vue"> <div v-if="settings.tokenSandbox" class="token-info">
<hr> <hr>
<button @click="manuallyRefreshAccessToken">Refresh access token</button>
<div> <div>
<h2>idToken</h2> <h2>idToken</h2>
<div class="token"> <div class="token">