Files
windmill/frontend/src/lib/components/AuthentikSetting.svelte
T
Guilhem 959610c483 fix(frontend): redesign instance settings (#7916)
* handle dirty config

* Move instance update in drawer actions

* Put windmill version in drawer header

* Use sidebar instead of tabs

* Rework user section

* improve user table

* Handle EE

* Add settings section header

* test-1

* option 2

* create new settings group

* harmonize all settings inputs

* improve members/users table styling

* refactor instance setup

* show user count

* nit

* Create setting card component

* harmonize instance settings and workspace settings

* fix python version loader

* nit

* clean code

* nit

* add email validation

* fix reactivity issue on default value

* fix dirty config check

* fix object storage dirty config check

* Fix object storage settings reactivity

* fix indexer dirty reactivity

* Add validation for indexer

* fix sso dirty issues

* clean

* nit
2026-02-12 09:50:01 +00:00

73 lines
2.2 KiB
Svelte

<script lang="ts">
import IconedResourceType from './IconedResourceType.svelte'
import Toggle from './Toggle.svelte'
import SettingCard from './instanceSettings/SettingCard.svelte'
export let value: any
$: enabled = value != undefined
// Initialize org from existing auth_url
$: org = value?.connect_config?.auth_url?.replace('/application/o/authorize/', '') ?? ''
$: changeOrg(org)
function changeOrg(org) {
if (value && org) {
value = {
...value,
connect_config: {
auth_url: `${org}/application/o/authorize/`,
token_url: `${org}/application/o/token/`,
scopes: ['openid', 'offline_access']
},
login_config: {
auth_url: `${org}/application/o/authorize/`,
token_url: `${org}/application/o/token/`,
userinfo_url: `${org}/application/o/userinfo/`,
scopes: ['openid', 'offline_access', 'email']
}
}
}
}
</script>
<div class="flex flex-col gap-1">
<!-- svelte-ignore a11y-label-has-associated-control -->
<label class="text-xs font-semibold text-emphasis flex gap-4 items-center"
><div class="w-[120px]"><IconedResourceType name={'authentik'} after={true} /></div><Toggle
checked={enabled}
on:change={(e) => {
if (e.detail) {
value = { id: '', secret: '' }
} else {
value = undefined
}
}}
/></label
>
{#if enabled}
<SettingCard class="flex flex-col gap-6">
<label>
<span class="text-emphasis font-semibold text-xs">Authentik Url</span>
<span class="text-secondary font-normal text-xs"
>({'AUTHENTIK_HOST/application/o/authorize/'})</span
>
<input type="text" placeholder="Authentik base url" bind:value={org} required />
</label>
<label>
<span class="text-emphasis font-semibold text-xs">Custom Name</span>
<input type="text" placeholder="Custom Name" bind:value={value['display_name']} />
</label>
<label>
<span class="text-emphasis font-semibold text-xs">Client Id</span>
<input type="text" placeholder="Client Id" bind:value={value['id']} />
</label>
<label>
<span class="text-emphasis font-semibold text-xs">Client Secret </span>
<input type="text" placeholder="Client Secret" bind:value={value['secret']} />
</label>
</SettingCard>
{/if}
</div>