Docble click implemnetado, ademas de habilitar permisos para mostrar editar y elimnar correctamente
This commit is contained in:
@@ -30,7 +30,9 @@ export function createColumns(onSuccess?: () => void, permissions?: { canEdit: b
|
||||
cell: ({ row }) => {
|
||||
return renderComponent(DataTableActions, {
|
||||
item: row.original,
|
||||
onSuccess
|
||||
onSuccess,
|
||||
canEdit: permissions?.canEdit,
|
||||
canDelete: permissions?.canDelete
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,10 +8,14 @@
|
||||
|
||||
let {
|
||||
item,
|
||||
onSuccess
|
||||
onSuccess,
|
||||
canEdit = false,
|
||||
canDelete = false
|
||||
}: {
|
||||
item: Company;
|
||||
onSuccess?: () => void;
|
||||
canEdit?: boolean;
|
||||
canDelete?: boolean;
|
||||
} = $props();
|
||||
|
||||
let loading = $state(false);
|
||||
@@ -49,6 +53,7 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
{#if canEdit || canDelete}
|
||||
<DropdownMenu.Root>
|
||||
<DropdownMenu.Trigger>
|
||||
{#snippet child({ props })}
|
||||
@@ -60,11 +65,14 @@
|
||||
</DropdownMenu.Trigger>
|
||||
<DropdownMenu.Content align="end">
|
||||
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
|
||||
{#if canEdit}
|
||||
<DropdownMenu.Item onclick={() => goto(`/dashboard/general_catalogs/company_information/edit/${item.id}`)}>
|
||||
<Pencil class="mr-2 h-4 w-4" />
|
||||
Editar
|
||||
</DropdownMenu.Item>
|
||||
<DropdownMenu.Separator />
|
||||
{/if}
|
||||
{#if canDelete}
|
||||
{#if canEdit}<DropdownMenu.Separator />{/if}
|
||||
<DropdownMenu.Item class="text-destructive focus:text-destructive" onclick={handleDelete} disabled={loading}>
|
||||
{#if loading}
|
||||
<LoaderCircle class="mr-2 h-4 w-4 animate-spin" />
|
||||
@@ -73,5 +81,7 @@
|
||||
{/if}
|
||||
Eliminar
|
||||
</DropdownMenu.Item>
|
||||
{/if}
|
||||
</DropdownMenu.Content>
|
||||
</DropdownMenu.Root>
|
||||
{/if}
|
||||
|
||||
@@ -202,6 +202,11 @@
|
||||
{loading}
|
||||
{hasMore}
|
||||
{loadMore}
|
||||
onRowDoubleClick={(row) => {
|
||||
if (canEdit) {
|
||||
goto(`/dashboard/general_catalogs/company_information/edit/${row.id}`);
|
||||
}
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</Card.Content>
|
||||
|
||||
Reference in New Issue
Block a user