mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-08-21 00:02:23 +00:00
Ruben Fiszel
65 lines
1.5 KiB
Svelte
65 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import Toggle from '$lib/components/Toggle.svelte'
|
|
import { Button, SecondsInput } from '$lib/components/common'
|
|
import { Database } from 'lucide-svelte'
|
|
import Popover from '$lib/components/meltComponents/Popover.svelte'
|
|
import { autoPlacement } from '@floating-ui/core'
|
|
|
|
interface Props {
|
|
cache_ttl: number | undefined
|
|
}
|
|
|
|
let { cache_ttl = $bindable() }: Props = $props()
|
|
</script>
|
|
|
|
<Popover
|
|
floatingConfig={{
|
|
middleware: [
|
|
autoPlacement({
|
|
allowedPlacements: ['bottom-start', 'bottom-end', 'top-start', 'top-end', 'top', 'bottom']
|
|
})
|
|
]
|
|
}}
|
|
closeButton
|
|
contentClasses="block text-primary p-4"
|
|
>
|
|
{#snippet trigger()}
|
|
<Button
|
|
nonCaptureEvent={true}
|
|
btnClasses={Boolean(cache_ttl)
|
|
? 'bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600'
|
|
: 'bg-surface text-primay hover:bg-hover'}
|
|
color="light"
|
|
variant="contained"
|
|
size="xs2"
|
|
iconOnly
|
|
startIcon={{ icon: Database }}
|
|
title="Cache settings"
|
|
/>
|
|
{/snippet}
|
|
{#snippet content()}
|
|
<Toggle
|
|
checked={Boolean(cache_ttl)}
|
|
on:change={() => {
|
|
if (cache_ttl != undefined) {
|
|
cache_ttl = undefined
|
|
} else {
|
|
cache_ttl = 600
|
|
}
|
|
}}
|
|
options={{
|
|
right: 'Cache the results for each possible inputs'
|
|
}}
|
|
/>
|
|
<div class="mb-4">
|
|
<span class="text-xs font-bold">How long to keep cache valid</span>
|
|
|
|
{#if cache_ttl}
|
|
<SecondsInput bind:seconds={cache_ttl} />
|
|
{:else}
|
|
<SecondsInput disabled />
|
|
{/if}
|
|
</div>
|
|
{/snippet}
|
|
</Popover>
|