diff --git a/frontend/src/lib/components/OktaSetting.svelte b/frontend/src/lib/components/OktaSetting.svelte index d75316b1d3..f56a0084f2 100644 --- a/frontend/src/lib/components/OktaSetting.svelte +++ b/frontend/src/lib/components/OktaSetting.svelte @@ -3,28 +3,29 @@ import IconedResourceType from './IconedResourceType.svelte' import Toggle from './Toggle.svelte' import Tooltip from './Tooltip.svelte' + import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte' + import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte' export let value: any $: enabled = value != undefined - let org = '' + $: changeDomain(value?.['domain'], value?.['custom']) - $: changeOrg(org) - - function changeOrg(org) { + function changeDomain(domain, custom) { if (value) { + let baseUrl = custom ? `https://${domain}` : `https://${domain}.okta.com` value = { ...value, login_config: { - auth_url: `https://${org}.okta.com/oauth2/v1/authorize`, - token_url: `https://${org}.okta.com/oauth2/v1/token`, - userinfo_url: `https://${org}.okta.com/oauth2/v1/userinfo`, + auth_url: `${baseUrl}/oauth2/v1/authorize`, + token_url: `${baseUrl}/oauth2/v1/token`, + userinfo_url: `${baseUrl}/oauth2/v1/userinfo`, scopes: ['openid', 'profile', 'email'] }, connect_config: { - auth_url: `https://${org}.okta.com/oauth2/v1/authorize`, - token_url: `https://${org}.okta.com/oauth2/v1/token`, + auth_url: `${baseUrl}/oauth2/v1/authorize`, + token_url: `${baseUrl}/oauth2/v1/token`, scopes: ['openid', 'profile', 'email'] } } @@ -38,7 +39,7 @@ checked={enabled} on:change={(e) => { if (e.detail) { - value = { id: '', secret: '' } + value = { id: '', secret: '', domain: '', custom: false } } else { value = undefined } @@ -48,9 +49,21 @@ {#if enabled}