Files
pocketbase/ui/src/components/collections/TokenField.svelte
T
2024-09-29 21:09:46 +03:00

33 lines
1.0 KiB
Svelte

<script>
import Field from "@/components/base/Field.svelte";
import CommonHelper from "@/utils/CommonHelper";
export let key;
export let label;
export let duration;
export let secret;
</script>
<Field class="form-field required" name="{key}.duration" let:uniqueId>
<label for={uniqueId}>{label} duration (in seconds)</label>
<input type="number" id={uniqueId} required bind:value={duration} placeholder="No change" />
<div class="help-block">
<!-- svelte-ignore a11y-click-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<span
class="link-primary"
class:txt-success={!!secret}
on:click={() => {
// toggle
if (secret) {
secret = undefined;
} else {
secret = CommonHelper.randomSecret(50);
}
}}
>
Invalidate all previously issued tokens
</span>
</div>
</Field>