mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-11 08:07:15 +00:00
GuilhemandAlexander Petric
210b8285d4
* improve collapsible link * do not show superadmin ws link when already in it * improve OAuth UI * sso/oauth instance settings ui * refactor instance settings alerts WIP * Indexer and Oauth to brand guidelines * refactor ws error handler page * Create a tab SMTP in the Instance Settings * Ractivity isssue fix for tabs * nit * Add smtp settings status in Error handler * Add smtp configuration status * Display teams connection status for instance alerts * nit * Add critical alerts description * nit * nit * improve ee display * nit * nit * fix typo * nit * restore vit config --------- Co-authored-by: Alexander Petric <alex@windmill.dev>
84 lines
2.6 KiB
Svelte
84 lines
2.6 KiB
Svelte
<script lang="ts">
|
|
import OauthExtraParams from './OauthExtraParams.svelte'
|
|
import OauthScopes from './OauthScopes.svelte'
|
|
import Toggle from './Toggle.svelte'
|
|
import Tooltip from './Tooltip.svelte'
|
|
|
|
export let connect_config = {
|
|
scopes: [],
|
|
auth_url: '',
|
|
token_url: '',
|
|
req_body_auth: false,
|
|
extra_params: {},
|
|
extra_params_callback: {}
|
|
}
|
|
|
|
$: if (!connect_config) {
|
|
connect_config = {
|
|
scopes: [],
|
|
auth_url: '',
|
|
token_url: '',
|
|
req_body_auth: false,
|
|
extra_params: {},
|
|
extra_params_callback: {}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div class="flex flex-col gap-6">
|
|
<label class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs">Auth URL</span>
|
|
<input
|
|
type="text"
|
|
placeholder="https://github.com/login/oauth/authorize"
|
|
bind:value={connect_config.auth_url}
|
|
/>
|
|
</label>
|
|
<label class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs"> Token URL</span>
|
|
<input
|
|
type="text"
|
|
placeholder="https://github.com/login/oauth/access_token"
|
|
bind:value={connect_config.token_url}
|
|
/>
|
|
</label>
|
|
<!-- svelte-ignore a11y-label-has-associated-control -->
|
|
<label class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs">Scopes</span>
|
|
<OauthScopes bind:scopes={connect_config.scopes} />
|
|
</label>
|
|
<!-- svelte-ignore a11y-label-has-associated-control -->
|
|
<label class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs"
|
|
>Extra Query Args for Authorize Request <Tooltip
|
|
>Not needed in most cases. Examples of uses: google apis require the 2 extra args
|
|
"access_type=offline&prompt=consent"</Tooltip
|
|
></span
|
|
>
|
|
<OauthExtraParams bind:extra_params={connect_config.extra_params} />
|
|
</label>
|
|
<!-- svelte-ignore a11y-label-has-associated-control -->
|
|
<label class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs"
|
|
>Extra Query Args for Token request <Tooltip>Not needed in most cases</Tooltip></span
|
|
>
|
|
<OauthExtraParams bind:extra_params={connect_config.extra_params_callback} />
|
|
</label>
|
|
<!-- svelte-ignore a11y-label-has-associated-control -->
|
|
<label class="flex flex-col gap-1">
|
|
<span class="text-emphasis font-semibold text-xs"
|
|
>Payload <Tooltip
|
|
>Auth (client id/client secret) is passed as basic auth most commonly but can be passed in
|
|
the body x-www-form-urlencoded. Some LinkedIn is an example of OAuth using
|
|
x-www-form-urlencoded
|
|
</Tooltip></span
|
|
>
|
|
<div>
|
|
<Toggle
|
|
options={{ left: 'in query args', right: 'in body x-www-form-urlencoded' }}
|
|
bind:checked={connect_config.req_body_auth}
|
|
/></div
|
|
>
|
|
</label>
|
|
</div>
|