jfmonty2/creddy
2
1
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 15 Wiki Activity

finish manage-credentials page and rework home screen

Browse Source
This commit is contained in:
Joseph Montanaro
2024-06-28 06:25:55 -04:00
parent bb980c5eef
commit bf0a2ca72d
10 changed files with 118 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/credentials/AwsCredential.svelte
View File

@ -64,28 +64,31 @@
</script>
<div transition:slide|local={{duration: record.isNew ? 300 : 0}} class="px-6 py-4 space-y-4">
<div class="flex items-center gap-x-4">
<h3 class="text-lg font-bold">{record.name}</h3>
<div
transition:slide|local={{duration: record.isNew ? 300 : 0}}
class="rounded-box space-y-4 bg-base-200 {record.is_default ? 'border border-accent' : ''}"
>
<div class="flex items-center px-6 py-4 gap-x-4">
<h3 class="text-lg font-bold">{record.name || ''}</h3>
{#if record.is_default}
<span class="badge badge-secondary">Default</span>
<span class="badge badge-accent">Default</span>
{/if}
<div class="join ml-auto">
<button
type="button"
class="btn btn-sm btn-primary join-item"
class="btn btn-outline join-item"
on:click={() => showDetails = !showDetails}
>
<Icon name="pencil" class="w-5 h-5" />
<Icon name="pencil" class="size-6" />
</button>
<button
type="button"
class="btn btn-sm btn-error join-item"
class="btn btn-outline btn-error join-item"
on:click={conditionalDelete}
>
<Icon name="trash" class="w-5 h-5" />
<Icon name="trash" class="size-6" />
</button>
</div>
</div>
@ -93,12 +96,14 @@
{#if showDetails}
{#if error}
<ErrorAlert bind:this={alert}>{error}</ErrorAlert>
<div class="px-6">
<ErrorAlert bind:this={alert}>{error}</ErrorAlert>
</div>
{/if}
<form
transition:slide|local={{duration: 200}}
class="space-y-4"
class=" px-6 pb-4 space-y-4"
on:submit|preventDefault={saveCredential}
>
<div class="grid grid-cols-[auto_1fr] items-center gap-4">
@ -106,7 +111,7 @@
<span class="justify-self-end">Name</span>
<input
type="text"
class="input input-bordered"
class="input input-bordered bg-transparent"
bind:value={local.name}
>
{/if}
@ -114,20 +119,20 @@
<span class="justify-self-end">Key ID</span>
<input
type="text"
class="input input-bordered font-mono"
class="input input-bordered font-mono bg-transparent"
bind:value={local.credential.AccessKeyId}
>
<span>Secret key</span>
<div class="font-mono">
<PassphraseInput bind:value={local.credential.SecretAccessKey} />
<PassphraseInput class="bg-transparent" bind:value={local.credential.SecretAccessKey} />
</div>
</div>
<div class="flex justify-between">
<label class="label cursor-pointer justify-self-start space-x-4">
<span class="label-text">Default for type</span>
<input type="checkbox" class="toggle toggle-secondary" bind:checked={local.is_default}>
<input type="checkbox" class="toggle toggle-accent" bind:checked={local.is_default}>
</label>
{#if isModified}
<button