mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-08 00:03:07 +00:00
* 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
82 lines
2.4 KiB
Svelte
82 lines
2.4 KiB
Svelte
<script lang="ts">
|
|
import IconedResourceType from './IconedResourceType.svelte'
|
|
import TextInput from './text_input/TextInput.svelte'
|
|
import Toggle from './Toggle.svelte'
|
|
import SettingCard from './instanceSettings/SettingCard.svelte'
|
|
|
|
export let value: any
|
|
|
|
$: enabled = value != undefined
|
|
|
|
let org = ''
|
|
|
|
$: changeOrg(org)
|
|
|
|
function changeOrg(org) {
|
|
if (value) {
|
|
value = {
|
|
...value,
|
|
connect_config: {
|
|
auth_url: `${org}/protocol/openid-connect/auth`,
|
|
token_url: `${org}/protocol/openid-connect/token`,
|
|
scopes: ['openid', 'offline_access']
|
|
},
|
|
login_config: {
|
|
auth_url: `${org}/protocol/openid-connect/auth`,
|
|
token_url: `${org}/protocol/openid-connect/token`,
|
|
userinfo_url: `${org}/protocol/openid-connect/userinfo`,
|
|
scopes: ['openid', 'offline_access']
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</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={'keycloak'} 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 class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs">Realm Url </span>
|
|
<span class="text-secondary font-normal text-xs"
|
|
>{'REALM_URL/protocol/openid-connect/auth'}</span
|
|
>
|
|
<TextInput inputProps={{ type: 'text', placeholder: 'yourorg' }} bind:value={org} />
|
|
</label>
|
|
<label class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs">Custom Name</span>
|
|
<TextInput
|
|
inputProps={{ type: 'text', placeholder: 'Custom Name' }}
|
|
bind:value={value['display_name']}
|
|
/>
|
|
</label>
|
|
<label class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs">Client Id</span>
|
|
<TextInput
|
|
inputProps={{ type: 'text', placeholder: 'Client Id' }}
|
|
bind:value={value['id']}
|
|
/>
|
|
</label>
|
|
<label class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs">Client Secret </span>
|
|
<TextInput
|
|
inputProps={{ type: 'text', placeholder: 'Client Secret' }}
|
|
bind:value={value['secret']}
|
|
/>
|
|
</label>
|
|
</SettingCard>
|
|
{/if}
|
|
</div>
|