|
<script lang="ts"> |
|
import { downloadDatabase } from '$lib/apis/utils'; |
|
import { onMount, getContext } from 'svelte'; |
|
import { config } from '$lib/stores'; |
|
import { toast } from 'svelte-sonner'; |
|
|
|
const i18n = getContext('i18n'); |
|
|
|
export let saveHandler: Function; |
|
|
|
onMount(async () => { |
|
// permissions = await getUserPermissions(localStorage.token); |
|
}); |
|
</script> |
|
|
|
<form |
|
class="flex flex-col h-full justify-between space-y-3 text-sm" |
|
on:submit|preventDefault={async () => { |
|
saveHandler(); |
|
}} |
|
> |
|
<div class=" space-y-3 pr-1.5 overflow-y-scroll max-h-80"> |
|
<div> |
|
<div class=" mb-2 text-sm font-medium">{$i18n.t('Database')}</div> |
|
|
|
<div class=" flex w-full justify-between"> |
|
{$i18n.t('Allow Chat Deletion')} |
|
|
|
{#if $config?.admin_export_enabled ?? true} |
|
<button |
|
class=" flex rounded-md py-1.5 px-3 w-full hover:bg-gray-200 dark:hover:bg-gray-800 transition" |
|
type="button" |
|
on:click={() => { |
|
// exportAllUserChats(); |
|
|
|
downloadDatabase(localStorage.token).catch((error) => { |
|
toast.error(error); |
|
}); |
|
}} |
|
> |
|
<div class=" self-center mr-3"> |
|
<svg |
|
xmlns="http://www.w3.org/2000/svg" |
|
viewBox="0 0 16 16" |
|
fill="currentColor" |
|
class="w-4 h-4" |
|
> |
|
<path d="M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3Z" /> |
|
<path |
|
fill-rule="evenodd" |
|
d="M13 6H3v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V6ZM8.75 7.75a.75.75 0 0 0-1.5 0v2.69L6.03 9.22a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 1 0-1.06-1.06l-1.22 1.22V7.75Z" |
|
clip-rule="evenodd" |
|
/> |
|
</svg> |
|
</div> |
|
<div class=" self-center text-sm font-medium">{$i18n.t('Download Database')}</div> |
|
</button> |
|
{/if} |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<!-- <div class="flex justify-end pt-3 text-sm font-medium"> |
|
<button |
|
class=" px-4 py-2 bg-emerald-700 hover:bg-emerald-800 text-gray-100 transition rounded-lg" |
|
type="submit" |
|
> |
|
Save |
|
</button> |
|
|
|
</div> --> |
|
</form> |
|
|