mirror of
https://github.com/immich-app/immich
synced 2025-11-07 17:27:20 +00:00
44 lines
1.3 KiB
Svelte
44 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import { createEventDispatcher } from 'svelte';
|
|
import ConfirmDialog from '../shared-components/dialog/confirm-dialog.svelte';
|
|
import { showDeleteModal } from '$lib/stores/preferences.store';
|
|
import Checkbox from '$lib/components/elements/checkbox.svelte';
|
|
import { t } from 'svelte-i18n';
|
|
import FormatMessage from '$lib/components/i18n/format-message.svelte';
|
|
|
|
export let size: number;
|
|
|
|
let checked = false;
|
|
|
|
const dispatch = createEventDispatcher<{
|
|
confirm: void;
|
|
cancel: void;
|
|
}>();
|
|
|
|
const handleConfirm = () => {
|
|
if (checked) {
|
|
$showDeleteModal = false;
|
|
}
|
|
dispatch('confirm');
|
|
};
|
|
</script>
|
|
|
|
<ConfirmDialog
|
|
title={$t('permanently_delete_assets_count', { values: { count: size } })}
|
|
confirmText={$t('delete')}
|
|
onConfirm={handleConfirm}
|
|
onCancel={() => dispatch('cancel')}
|
|
>
|
|
<svelte:fragment slot="prompt">
|
|
<p>
|
|
<FormatMessage key="permanently_delete_assets_prompt" values={{ count: size }} let:message>
|
|
<b>{message}</b>
|
|
</FormatMessage>
|
|
</p>
|
|
<p><b>{$t('cannot_undo_this_action')}</b></p>
|
|
|
|
<div class="pt-4 flex justify-center items-center">
|
|
<Checkbox id="confirm-deletion-input" label={$t('do_not_show_again')} bind:checked />
|
|
</div>
|
|
</svelte:fragment>
|
|
</ConfirmDialog>
|