LukeParke/OpenAPI.gg
1
0
Fork 0
mirror of https://github.com/LukeHagar/OpenAPI.gg.git synced 2025-12-10 12:37:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

add authentication tab

Browse Source
This commit is contained in:
Malte Teichert
2024-05-20 00:09:46 +02:00
parent 13ecd58c9f
commit eadefcf8d4
12 changed files with 574 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/lib/components/atoms/OAuthFlow.svelte Normal file
View File

@@ -0,0 +1,80 @@
<script lang="ts">
import ScopeList from './ScopeList.svelte';
import type { Flows } from '$lib/types/auth';
export let flow: Flows;
const addScope = () => {
flow.scopes = [...flow.scopes, [{ scope: '', description: '' }]];
};
const removeScope = (index: number) => {
flow.scopes = flow.scopes.filter((_, i) => i !== index);
};
</script>
<div class="flex flex-col gap-4">
{#if flow.name == 'authorizationCode'}
<h3 class="h3">Authorization Code</h3>
<label class="space-y-2">
<h4 class="h4">Authorization URL</h4>
<input
type="text"
name="authorizationURL"
class="input"
placeholder="https://api.example.com/oauth2/authorize"
bind:value={flow.authorizationUrl}
/>
</label>
<label class="space-y-2">
<h4 class="h4">Token URL</h4>
<input
type="text"
name="tokenURL"
class="input"
placeholder="https://api.example.com/oauth2/token"
bind:value={flow.tokenUrl}
/>
</label>
<ScopeList bind:flow />
{:else if flow.name == 'implicit'}
<h3 class="h3">Implicit</h3>
<label class="space-y-2">
<h4 class="h4">Authorization URL</h4>
<input
type="text"
name="authorizationURL"
class="input"
placeholder="https://api.example.com/oauth2/authorize"
bind:value={flow.authorizationUrl}
/>
</label>
<ScopeList bind:flow />
{:else if flow.name == 'password'}
<h3 class="h3">Password</h3>
<label class="space-y-2">
<h4 class="h4">Token URL</h4>
<input
type="text"
name="tokenURL"
class="input"
placeholder="https://api.example.com/oauth2/token"
bind:value={flow.tokenUrl}
/>
</label>
<ScopeList bind:flow />
{:else if flow.name == 'clientCredentials'}
<h3 class="h3">Client Credentials</h3>
<label class="space-y-2">
<h4 class="h4">Token URL</h4>
<input
type="text"
name="tokenURL"
class="input"
placeholder="https://api.example.com/oauth2/token"
bind:value={flow.tokenUrl}
/>
</label>
<ScopeList bind:flow />
{/if}
</div>