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