Skip to content

Commit

Permalink
add a bunch of icons for oidc providers
Browse files Browse the repository at this point in the history
  • Loading branch information
gantoine committed Dec 23, 2024
1 parent dbb3b60 commit 68d4879
Show file tree
Hide file tree
Showing 14 changed files with 19 additions and 9 deletions.
3 changes: 3 additions & 0 deletions frontend/assets/dashboard-icons/LICENSE
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
**Icons and Assets**

Unless otherwise indicated, all images and assets in this folder, including product names, trademarks, and registered trademarks, are the property of their respective owners. These images and assets are used for identification purposes only and their use does not imply endorsement.
Binary file added frontend/assets/dashboard-icons/auth0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/authelia.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/authentik.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/aws.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/azure.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/firebase.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/google.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/hydra.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/keycloak.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/okta.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/ping.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added frontend/assets/dashboard-icons/zitadel.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
25 changes: 16 additions & 9 deletions frontend/src/views/Auth/Login.vue
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,9 @@ const visiblePassword = ref(false);
const loggingIn = ref(false);
const loggingInOIDC = ref(false);
const { ENABLED: oidcEnabled, PROVIDER: oidcProvider } =
heartbeatStore.value.OIDC;
// Functions
async function login() {
loggingIn.value = true;
Expand Down Expand Up @@ -109,7 +112,7 @@ async function loginOIDC() {
</template>
</v-divider>
<v-btn
v-if="heartbeatStore.value.OIDC.ENABLED"
v-if="oidcEnabled"
block
type="submit"
class="bg-terciary"
Expand All @@ -118,20 +121,24 @@ async function loginOIDC() {
:loading="loggingInOIDC"
@click="loginOIDC()"
>
<template v-if="heartbeatStore.value.OIDC.PROVIDER" #prepend>
<template v-if="oidcProvider" #prepend>
<v-icon size="20">
<v-img
:src="`https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/${heartbeatStore.value.OIDC.PROVIDER}.png`"
:src="`/assets/dashboard-icons/${oidcProvider.toLowerCase()}.png`"
>
<template #error><v-icon>mdi-key</v-icon></template>
<template #error>
<v-icon size="20">mdi-key</v-icon>
</template>
</v-img>
</v-icon>
</template>
{{
t("login.login-oidc", {
oidc: heartbeatStore.value.OIDC.PROVIDER || "OIDC",
})
}}
<div class="pt-1">
{{
t("login.login-oidc", {
oidc: oidcProvider || "OIDC",
})
}}
</div>
<template #loader>
<v-progress-circular
color="romm-accent-1"
Expand Down

0 comments on commit 68d4879

Please sign in to comment.