27 lines
1002 B
Svelte
27 lines
1002 B
Svelte
<script lang="ts">
|
|
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
|
|
import type { AssetInteractionStore } from '$lib/stores/asset-interaction.store';
|
|
import { type AssetStore, isSelectingAllAssets } from '$lib/stores/assets.store';
|
|
import { mdiSelectAll, mdiSelectRemove } from '@mdi/js';
|
|
import { selectAllAssets } from '$lib/utils/asset-utils';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
export let assetStore: AssetStore;
|
|
export let assetInteractionStore: AssetInteractionStore;
|
|
|
|
const handleSelectAll = async () => {
|
|
await selectAllAssets(assetStore, assetInteractionStore);
|
|
};
|
|
|
|
const handleCancel = () => {
|
|
$isSelectingAllAssets = false;
|
|
assetInteractionStore.clearMultiselect();
|
|
};
|
|
</script>
|
|
|
|
{#if $isSelectingAllAssets}
|
|
<CircleIconButton title={$t('unselect_all')} icon={mdiSelectRemove} on:click={handleCancel} />
|
|
{:else}
|
|
<CircleIconButton title={$t('select_all')} icon={mdiSelectAll} on:click={handleSelectAll} />
|
|
{/if}
|