a[0].localeCompare(b[0])) : undefined} bind:filteredItems={filteredConnects} f={(x) => x[0]} /> a[0].localeCompare(b[0]))} bind:filteredItems={filteredConnectsManual} f={(x) => x[0]} /> { dispatch('close') }} on:open={() => { loadResources() }} size="800px" > {#if step == 1}

OAuth APIs

{#if filteredConnects} {#each filteredConnects as [key, values]} {/each} {:else} {#each new Array(3) as _} {/each} {/if}

{#if manual == false && resource_type != ''}

Scopes

{#if !manual && resource_type != ''} {#each scopes as v}

{/each}

({(scopes ?? []).length} item{(scopes ?? []).length > 1 ? 's' : ''})

{/if} {/if}

Non OAuth APIs & Resources

{#if filteredConnectsManual} {#each filteredConnectsManual as [key, _]} {/each} {:else} {#each new Array(9) as _} {/each} {/if}

{:else if step == 2 && manual} {#if apiTokenApps[resource_type]}

Instructions

{@html step}

{#if apiTokenApps[resource_type].img}

{/if} {/if} {#if resource_type == 'postgresql' || resource_type == 'mysql' || resource_type == 'mongodb'} {/if}

Value

{#key resource_type} {/key}

Description

{:else}
			<Path
				initialPath=""
				namePlaceholder={resource_type}
				bind:error={pathError}
				bind:path
				kind="resource"
			/>
			{#if apiTokenApps[resource_type] || !manual}
				<ul class="mt-10 bg-white">
					<li>
						1. A secret variable containing the {apiTokenApps[resource_type]?.key ?? 'token'}
						<span class="font-bold">{truncateRev(value, 5, '*****')}</span>
						will be stored a
						<span class="font-mono whitespace-nowrap">{path}</span>.
					</li>
					<li class="mt-4">
						2. The resource containing that token will be stored at the same path <span
							class="font-mono whitespace-nowrap">{path}</span
						>. The Variable and Resource will be "linked together", they will be deleted and renamed
						together.
					</li></ul
				>
			{/if}
		{/if}
		<div slot="actions">
			{#if step > 1 && !no_back}
				<Button variant="border" on:click={back}>Back</Button>
			{/if}
			{#if isGoogleSignin}
				<button {disabled} on:click={next}>
					<img class="h-10 w-auto" src="/google_signin.png" alt="Google sign-in" />
				</button>
			{:else}
				<Button {disabled} on:click={next}>
					{#if step == 1 && !manual}
						Connect
					{:else if step == 1 && manual}
						Next
					{:else}
						Save
					{/if}
				</Button>
			{/if}
		</div>
	</DrawerContent>
</Drawer>