34 lines
742 B
Svelte
34 lines
742 B
Svelte
<script>
|
|
import { createEventDispatcher } from "svelte"
|
|
import { Button } from "@budibase/bbui"
|
|
import ConfirmDialog from "components/common/ConfirmDialog.svelte"
|
|
|
|
export let selectedRows
|
|
export let deleteRows
|
|
|
|
const dispatch = createEventDispatcher()
|
|
let modal
|
|
|
|
async function confirmDeletion() {
|
|
await deleteRows()
|
|
modal?.hide()
|
|
dispatch("updaterows")
|
|
}
|
|
</script>
|
|
|
|
<Button icon="Delete" size="s" primary quiet on:click={modal.show}>
|
|
Delete
|
|
{selectedRows.length}
|
|
row(s)
|
|
</Button>
|
|
<ConfirmDialog
|
|
bind:this={modal}
|
|
okText="Delete"
|
|
onOk={confirmDeletion}
|
|
title="Confirm Deletion"
|
|
>
|
|
Are you sure you want to delete
|
|
{selectedRows.length}
|
|
row{selectedRows.length > 1 ? "s" : ""}?
|
|
</ConfirmDialog>
|