mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-11 16:09:39 +00:00
Diego ImbertandClaude Opus 4.6
5d79f33590
* Remove $$props.field usage * Rename slots to ensure no hyphen * _props * _trigger * OnSelectedIteration type correct capitalization * rename _content * Remove afterUpdate * Migrate everything to svelte 5 * array bind * Fix popover * type never * nit fixes * Fixed many trivial errors * onClick * Fix errors * use let: * nit typing * fix: wrap state_referenced_locally vars with untrack() Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add untrack import * Fix all syntax errors due to untrack migration * Fix undefined errors * Fix more undefined errors * untrack(() => initialOpen) * svelte-ignore * Fix state_descriptors_fixed error in Chart.svelte Use $state.snapshot() to pass plain copies of data/options to Chart.js instead of $state proxies. Chart.js's listenArrayEvents tries to define property descriptors on data arrays, which Svelte 5 proxies reject. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * nit typing * Merge issue * Fix "path is not set" error in resource picker / editor * Fix InputTransformForm error when rerunning some flows * fix npm run check --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
81 lines
2.3 KiB
Svelte
81 lines
2.3 KiB
Svelte
<script lang="ts">
|
|
import { run } from 'svelte/legacy';
|
|
|
|
import IconedResourceType from './IconedResourceType.svelte'
|
|
import Toggle from './Toggle.svelte'
|
|
import SettingCard from './instanceSettings/SettingCard.svelte'
|
|
|
|
interface Props {
|
|
value: any;
|
|
}
|
|
|
|
let { value = $bindable() }: Props = $props();
|
|
|
|
|
|
|
|
|
|
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']
|
|
}
|
|
}
|
|
}
|
|
}
|
|
let enabled = $derived(value != undefined)
|
|
// Initialize org from existing auth_url
|
|
let org = $derived(value?.connect_config?.auth_url?.replace('/application/o/authorize/', '') ?? '')
|
|
run(() => {
|
|
changeOrg(org)
|
|
});
|
|
</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>
|