diff --git a/src/lib/stores/oauth-providers.ts b/src/lib/stores/oauth-providers.ts index c5752e8acc..091bc169dc 100644 --- a/src/lib/stores/oauth-providers.ts +++ b/src/lib/stores/oauth-providers.ts @@ -4,6 +4,7 @@ import { writable } from 'svelte/store'; import Apple from '../../routes/console/project-[project]/auth/appleOAuth.svelte'; import Auth0 from '../../routes/console/project-[project]/auth/auth0OAuth.svelte'; import Authentik from '../../routes/console/project-[project]/auth/authentikOAuth.svelte'; +import FusionAuth from '../../routes/console/project-[project]/auth/fusionauthOAuth.svelte'; import GitLab from '../../routes/console/project-[project]/auth/gitlabOAuth.svelte'; import Google from '../../routes/console/project-[project]/auth/googleOAuth.svelte'; import Main from '../../routes/console/project-[project]/auth/mainOAuth.svelte'; @@ -76,6 +77,10 @@ const setProviders = (project: Models.Project): Provider[] => { case 'facebook': docs = 'https://developers.facebook.com/'; break; + case 'fusionauth': + docs = 'https://fusionauth.io/docs/v1/tech/oauth/'; + component = FusionAuth; + break; case 'github': docs = 'https://developer.github.com'; break; diff --git a/src/routes/console/project-[project]/auth/fusionauthOAuth.svelte b/src/routes/console/project-[project]/auth/fusionauthOAuth.svelte new file mode 100644 index 0000000000..046d0b6612 --- /dev/null +++ b/src/routes/console/project-[project]/auth/fusionauthOAuth.svelte @@ -0,0 +1,87 @@ + + + + {provider.name} OAuth2 Settings + + + To use {provider.name} authentication in your application, first fill in this form. For more + info you can + visit the docs. + + + + + + + To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration. + + + URI + + + + + (provider = null)}>Cancel + Update + + diff --git a/static/icons/dark/color/fusionauth.svg b/static/icons/dark/color/fusionauth.svg new file mode 100644 index 0000000000..c9bd24d096 --- /dev/null +++ b/static/icons/dark/color/fusionauth.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/static/icons/dark/grayscale/fusionauth.svg b/static/icons/dark/grayscale/fusionauth.svg new file mode 100644 index 0000000000..6256ba4e17 --- /dev/null +++ b/static/icons/dark/grayscale/fusionauth.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/static/icons/light/color/fusionauth.svg b/static/icons/light/color/fusionauth.svg new file mode 100644 index 0000000000..54f54e91dd --- /dev/null +++ b/static/icons/light/color/fusionauth.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/static/icons/light/grayscale/fusionauth.svg b/static/icons/light/grayscale/fusionauth.svg new file mode 100644 index 0000000000..6256ba4e17 --- /dev/null +++ b/static/icons/light/grayscale/fusionauth.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + +
+ To use {provider.name} authentication in your application, first fill in this form. For more + info you can + visit the docs. +
URI