ADUANASOFT/plantillas-proyectos
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: solución de bloqueos y estandarización de permisos

Browse Source
This commit is contained in:
Kevin_Ramirez
2026-04-27 10:47:30 -05:00
parent fa3cbb4d0a
commit 5c2a84e95d
312 changed files with 13889 additions and 7911 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/lib/components/dashboard/reference_data/code_pedimento_regimens/columns.ts
View File

@@ -10,7 +10,10 @@ export type CodePedimentoRegimen = {
type_code: string | null;
};
export function createColumns(onSuccess?: () => void): ColumnDef<CodePedimentoRegimen>[] {
export function createColumns(
onSuccess?: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<CodePedimentoRegimen>[] {
return [
{
accessorKey: "pedimento_code",
@@ -67,7 +70,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<CodePedimentoRe
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];

55
frontend/src/lib/components/dashboard/reference_data/code_pedimento_regimens/data-table-actions.svelte
View File

@@ -1,16 +1,24 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { CodePedimentoRegimen } from "./columns.js";
import DetailsDialog from "./details-dialog.svelte";
import EllipsisIcon from '@lucide/svelte/icons/ellipsis';
import Copy from '@lucide/svelte/icons/copy';
import Eye from '@lucide/svelte/icons/eye';
import Pencil from '@lucide/svelte/icons/pencil';
import Trash2 from '@lucide/svelte/icons/trash-2';
import { Button } from '$lib/components/ui/button/index.js';
import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index.js';
import type { CodePedimentoRegimen } from './columns.js';
import DetailsDialog from './details-dialog.svelte';
let {
let {
item,
onSuccess
}: {
onSuccess,
canEdit = true,
canDelete = true
}: {
item: CodePedimentoRegimen;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -37,13 +45,38 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar ID
</DropdownMenu.Item>
<DropdownMenu.Item onclick={handleViewDetails}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item
onclick={() => alert('Módulo de edición no disponible para Catálogos Públicos')}
>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item
onclick={() => alert('Módulo de eliminación no disponible para Catálogos Públicos')}
class="text-destructive"
>
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>
<!-- Dialogs -->
<DetailsDialog bind:open={showDetailsDialog} {item} />

15
frontend/src/lib/components/dashboard/reference_data/containers/columns.ts
View File

@@ -8,7 +8,10 @@ export type Container = {
description: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<Container>[] {
export function createColumns(
onSuccess: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<Container>[] {
return [
{
accessorKey: "key",
@@ -40,11 +43,15 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Container>[] {
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];
}
// Mantener compatibilidad hacia atrás
export const columns = createColumns();
// Legacy export removed

61
frontend/src/lib/components/dashboard/reference_data/containers/data-table-actions.svelte
View File

@@ -1,16 +1,24 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { Container } from "./columns.js";
import DetailsDialog from "./details-dialog.svelte";
import EllipsisIcon from '@lucide/svelte/icons/ellipsis';
import Copy from '@lucide/svelte/icons/copy';
import Eye from '@lucide/svelte/icons/eye';
import Pencil from '@lucide/svelte/icons/pencil';
import Trash2 from '@lucide/svelte/icons/trash-2';
import { Button } from '$lib/components/ui/button/index.js';
import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index.js';
import type { Container } from './columns.js';
import DetailsDialog from './details-dialog.svelte';
let {
let {
item,
onSuccess
}: {
onSuccess,
canEdit = true,
canDelete = true
}: {
item: Container;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -18,10 +26,6 @@
function handleCopyId() {
navigator.clipboard.writeText(item.key.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
@@ -37,13 +41,38 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
Copiar ID
<Copy class="mr-2 size-4" />
Copiar Código
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item
onclick={() => alert('Módulo de edición no disponible para Catálogos Públicos')}
>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item
onclick={() => alert('Módulo de eliminación no disponible para Catálogos Públicos')}
class="text-destructive"
>
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>
<!-- Dialogs -->
<DetailsDialog bind:open={showDetailsDialog} {item} />

15
frontend/src/lib/components/dashboard/reference_data/countries/columns.ts
View File

@@ -11,7 +11,10 @@ export type Country = {
description_en: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<Country>[] {
export function createColumns(
onSuccess: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<Country>[] {
return [
{
accessorKey: "m3_key",
@@ -84,11 +87,15 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Country>[] {
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];
}
// Mantener compatibilidad hacia atrás
export const columns = createColumns();
// Legacy export removed

43
frontend/src/lib/components/dashboard/reference_data/countries/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { Country } from "./columns.js";
@@ -7,10 +11,14 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: Country;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -18,14 +26,10 @@
function handleCopyId() {
navigator.clipboard.writeText(item.m3_key.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +41,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
Copiar ID
<Copy class="mr-2 size-4" />
Copiar Clave M3
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

15
frontend/src/lib/components/dashboard/reference_data/currency_types/columns.ts
View File

@@ -9,7 +9,10 @@ export type CurrencyType = {
country_description: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<CurrencyType>[] {
export function createColumns(
onSuccess: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<CurrencyType>[] {
return [
{
accessorKey: "code",
@@ -54,11 +57,15 @@ export function createColumns(onSuccess?: () => void): ColumnDef<CurrencyType>[]
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];
}
// Mantener compatibilidad hacia atrás
export const columns = createColumns();
// Legacy export removed

41
frontend/src/lib/components/dashboard/reference_data/currency_types/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { CurrencyType } from "./columns.js";
@@ -7,10 +11,14 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: CurrencyType;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -18,14 +26,10 @@
function handleCopyId() {
navigator.clipboard.writeText(item.code.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +41,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Código
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

15
frontend/src/lib/components/dashboard/reference_data/customs_sections/columns.ts
View File

@@ -8,7 +8,10 @@ export type CustomsSection = {
section_name: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<CustomsSection>[] {
export function createColumns(
onSuccess: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<CustomsSection>[] {
return [
{
accessorKey: "customs_code",
@@ -40,11 +43,15 @@ export function createColumns(onSuccess?: () => void): ColumnDef<CustomsSection>
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];
}
// Mantener compatibilidad hacia atrás
export const columns = createColumns();
// Legacy export removed

53
frontend/src/lib/components/dashboard/reference_data/customs_sections/data-table-actions.svelte
View File

@@ -1,31 +1,39 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import Eye from "@lucide/svelte/icons/eye";
import Copy from "@lucide/svelte/icons/copy";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { CustomsSection } from "./columns.js";
import DetailsDialog from "./details-dialog.svelte";
import CreateEditDialog from "./create-edit-dialog.svelte";
import DeleteDialog from "./delete-dialog.svelte";
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: CustomsSection;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
let showEditDialog = $state(false);
let showDeleteDialog = $state(false);
function handleCopyId() {
navigator.clipboard.writeText(item.customs_code.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,13 +45,42 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Código
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (showEditDialog = true)}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (showDeleteDialog = true)} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>
<!-- Dialogs -->
<DetailsDialog bind:open={showDetailsDialog} {item} />
{#if canEdit}
<CreateEditDialog bind:open={showEditDialog} {item} {onSuccess} />
{/if}
{#if canDelete}
<DeleteDialog bind:open={showDeleteDialog} {item} {onSuccess} />
{/if}

12
frontend/src/lib/components/dashboard/reference_data/customs_warehouses/columns.ts
View File

@@ -9,7 +9,10 @@ export type CustomsWarehouse = {
fiscalized_warehouse: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<CustomsWarehouse>[] {
export function createColumns(
onSuccess?: () => void,
{ canEdit = true, canDelete = true }: { canEdit?: boolean; canDelete?: boolean } = {}
): ColumnDef<CustomsWarehouse>[] {
return [
{
accessorKey: "key",
@@ -54,7 +57,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<CustomsWarehous
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit,
canDelete
});
}
}
];

37
frontend/src/lib/components/dashboard/reference_data/customs_warehouses/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { CustomsWarehouse } from "./columns.js";
@@ -7,10 +11,14 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: CustomsWarehouse;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -25,7 +33,7 @@
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +45,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Clave
</DropdownMenu.Item>
<DropdownMenu.Item onclick={handleViewDetails}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

12
frontend/src/lib/components/dashboard/reference_data/incoterms/columns.ts
View File

@@ -9,7 +9,10 @@ export type Incoterm = {
description_en: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<Incoterm>[] {
export function createColumns(
onSuccess?: () => void,
{ canEdit = true, canDelete = true }: { canEdit?: boolean; canDelete?: boolean } = {}
): ColumnDef<Incoterm>[] {
return [
{
accessorKey: "code",
@@ -54,7 +57,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Incoterm>[] {
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit,
canDelete
});
}
}
];

39
frontend/src/lib/components/dashboard/reference_data/incoterms/data-table-actions.svelte
View File

@@ -1,5 +1,8 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { Incoterm } from "./columns.js";
@@ -7,16 +10,20 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: Incoterm;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
function handleCopyId() {
navigator.clipboard.writeText(item.code.toString());
navigator.clipboard.writeText(item.code);
}
function handleViewDetails() {
@@ -25,7 +32,7 @@
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +44,31 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
Copiar Código
Copiar Clave
</DropdownMenu.Item>
<DropdownMenu.Item onclick={handleViewDetails}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

12
frontend/src/lib/components/dashboard/reference_data/invoice_types/columns.ts
View File

@@ -10,7 +10,10 @@ export type InvoiceType = {
type?: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<InvoiceType>[] {
export function createColumns(
onSuccess?: () => void,
{ canEdit = true, canDelete = true }: { canEdit?: boolean; canDelete?: boolean } = {}
): ColumnDef<InvoiceType>[] {
return [
{
accessorKey: "key",
@@ -68,7 +71,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<InvoiceType>[]
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit,
canDelete
});
}
}
];

39
frontend/src/lib/components/dashboard/reference_data/invoice_types/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { InvoiceType } from "./columns.js";
@@ -7,16 +11,20 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: InvoiceType;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
function handleCopyId() {
navigator.clipboard.writeText(item.key.toString());
navigator.clipboard.writeText(item.key);
}
function handleViewDetails() {
@@ -25,7 +33,7 @@
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +45,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Clave
</DropdownMenu.Item>
<DropdownMenu.Item onclick={handleViewDetails}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

12
frontend/src/lib/components/dashboard/reference_data/material_types/columns.ts
View File

@@ -9,7 +9,10 @@ export type MaterialType = {
description: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<MaterialType>[] {
export function createColumns(
onSuccess?: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<MaterialType>[] {
return [
{
accessorKey: "key",
@@ -54,7 +57,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<MaterialType>[]
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];

41
frontend/src/lib/components/dashboard/reference_data/material_types/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { MaterialType } from "./columns.js";
@@ -7,10 +11,14 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: MaterialType;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -18,14 +26,10 @@
function handleCopyId() {
navigator.clipboard.writeText(item.key.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +41,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Clave
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

12
frontend/src/lib/components/dashboard/reference_data/payment_methods/columns.ts
View File

@@ -8,7 +8,10 @@ export type PaymentMethod = {
description: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<PaymentMethod>[] {
export function createColumns(
onSuccess?: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<PaymentMethod>[] {
return [
{
accessorKey: "key",
@@ -40,7 +43,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<PaymentMethod>[
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];

41
frontend/src/lib/components/dashboard/reference_data/payment_methods/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { PaymentMethod } from "./columns.js";
@@ -7,10 +11,14 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: PaymentMethod;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -18,14 +26,10 @@
function handleCopyId() {
navigator.clipboard.writeText(item.key.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +41,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Clave
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

12
frontend/src/lib/components/dashboard/reference_data/pedimento_codes/columns.ts
View File

@@ -8,7 +8,10 @@ export type PedimentoCode = {
description: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<PedimentoCode>[] {
export function createColumns(
onSuccess?: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<PedimentoCode>[] {
return [
{
accessorKey: "code",
@@ -40,7 +43,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<PedimentoCode>[
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];

41
frontend/src/lib/components/dashboard/reference_data/pedimento_codes/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { PedimentoCode } from "./columns.js";
@@ -7,10 +11,14 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: PedimentoCode;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -18,14 +26,10 @@
function handleCopyId() {
navigator.clipboard.writeText(item.code.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +41,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Código
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

15
frontend/src/lib/components/dashboard/reference_data/pedimento_regimens/columns.ts
View File

@@ -8,7 +8,10 @@ export type PedimentoRegimen = {
description: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<PedimentoRegimen>[] {
export function createColumns(
onSuccess: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<PedimentoRegimen>[] {
return [
{
accessorKey: "code",
@@ -40,11 +43,15 @@ export function createColumns(onSuccess?: () => void): ColumnDef<PedimentoRegime
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];
}
// Mantener compatibilidad hacia atrás
export const columns = createColumns();
// Legacy export removed

41
frontend/src/lib/components/dashboard/reference_data/pedimento_regimens/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { PedimentoRegimen } from "./columns.js";
@@ -7,10 +11,14 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: PedimentoRegimen;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -18,14 +26,10 @@
function handleCopyId() {
navigator.clipboard.writeText(item.code.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +41,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Código
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

12
frontend/src/lib/components/dashboard/reference_data/sectors/columns.ts
View File

@@ -12,7 +12,10 @@ export type Sector = {
tenant_id: number;
};
export function createColumns(onSuccess?: () => void): ColumnDef<Sector>[] {
export function createColumns(
onSuccess?: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<Sector>[] {
return [
{
accessorKey: "key",
@@ -60,7 +63,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<Sector>[] {
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];

58
frontend/src/lib/components/dashboard/reference_data/sectors/data-table-actions.svelte
View File

@@ -1,43 +1,35 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { Sector } from "./columns.js";
import CreateEditDialog from "./create-edit-dialog.svelte";
import DetailsDialog from "./details-dialog.svelte";
import DeleteDialog from "./delete-dialog.svelte";
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: Sector;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
let showEditDialog = $state(false);
let showDeleteDialog = $state(false);
function handleCopyId() {
navigator.clipboard.writeText(item.key.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
function handleEdit() {
showEditDialog = true;
}
function handleDelete() {
showDeleteDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -49,18 +41,34 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Clave
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
<DropdownMenu.Item onclick={handleEdit}>Editar</DropdownMenu.Item>
<DropdownMenu.Separator />
<DropdownMenu.Item class="text-destructive" onclick={handleDelete}>Eliminar</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>
<!-- Dialogs -->
<DetailsDialog bind:open={showDetailsDialog} {item} />
<CreateEditDialog bind:open={showEditDialog} item={item} {onSuccess} />
<DeleteDialog bind:open={showDeleteDialog} {item} {onSuccess} />

12
frontend/src/lib/components/dashboard/reference_data/states/columns.ts
View File

@@ -10,7 +10,10 @@ export type State = {
ame_key?: string | null;
};
export function createColumns(onSuccess?: () => void): ColumnDef<State>[] {
export function createColumns(
onSuccess?: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<State>[] {
return [
{
accessorKey: "m3_key",
@@ -74,7 +77,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<State>[] {
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];

60
frontend/src/lib/components/dashboard/reference_data/states/data-table-actions.svelte
View File

@@ -1,43 +1,35 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { State } from "./columns.js";
import CreateEditDialog from "./create-edit-dialog.svelte";
import DetailsDialog from "./details-dialog.svelte";
import DeleteDialog from "./delete-dialog.svelte";
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: State;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
let showEditDialog = $state(false);
let showDeleteDialog = $state(false);
function handleCopyId() {
navigator.clipboard.writeText(item.m3_key.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
function handleEdit() {
showEditDialog = true;
}
function handleDelete() {
showDeleteDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -49,18 +41,34 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
Copiar Clave M3
<Copy class="mr-2 size-4" />
Copiar Clave
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
<DropdownMenu.Item onclick={handleEdit}>Editar</DropdownMenu.Item>
<DropdownMenu.Separator />
<DropdownMenu.Item class="text-destructive" onclick={handleDelete}>Eliminar</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>
<!-- Dialogs -->
<DetailsDialog bind:open={showDetailsDialog} {item} />
<CreateEditDialog bind:open={showEditDialog} item={item} {onSuccess} />
<DeleteDialog bind:open={showDeleteDialog} {item} {onSuccess} />

15
frontend/src/lib/components/dashboard/reference_data/transport_modes/columns.ts
View File

@@ -8,7 +8,10 @@ export type TransportMode = {
name: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<TransportMode>[] {
export function createColumns(
onSuccess: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<TransportMode>[] {
return [
{
accessorKey: "key",
@@ -40,11 +43,15 @@ export function createColumns(onSuccess?: () => void): ColumnDef<TransportMode>[
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];
}
// Mantener compatibilidad hacia atrás
export const columns = createColumns();
// Legacy export removed

41
frontend/src/lib/components/dashboard/reference_data/transport_modes/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { TransportMode } from "./columns.js";
@@ -7,10 +11,14 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: TransportMode;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -18,14 +26,10 @@
function handleCopyId() {
navigator.clipboard.writeText(item.key.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +41,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Clave
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => {/* Edición no disponible por ahora para catálogos públicos en UI */ alert('Módulo de edición no disponible para Catálogos Públicos')}}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => {/* Eliminación no disponible por ahora para catálogos públicos en UI */ alert('Módulo de eliminación no disponible para Catálogos Públicos')}} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

12
frontend/src/lib/components/dashboard/reference_data/transport_types/columns.ts
View File

@@ -8,7 +8,10 @@ export type TransportType = {
description: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<TransportType>[] {
export function createColumns(
onSuccess?: () => void,
permissions: { canEdit: boolean; canDelete: boolean } = { canEdit: true, canDelete: true }
): ColumnDef<TransportType>[] {
return [
{
accessorKey: "transport_code",
@@ -40,7 +43,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<TransportType>[
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit: permissions.canEdit,
canDelete: permissions.canDelete
});
}
}
];

41
frontend/src/lib/components/dashboard/reference_data/transport_types/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { TransportType } from "./columns.js";
@@ -7,10 +11,14 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: TransportType;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
@@ -18,14 +26,10 @@
function handleCopyId() {
navigator.clipboard.writeText(item.transport_code.toString());
}
function handleViewDetails() {
showDetailsDialog = true;
}
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +41,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Código
</DropdownMenu.Item>
<DropdownMenu.Item onclick={() => (showDetailsDialog = true)}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>

12
frontend/src/lib/components/dashboard/reference_data/valuation_methods/columns.ts
View File

@@ -8,7 +8,10 @@ export type ValuationMethod = {
description: string;
};
export function createColumns(onSuccess?: () => void): ColumnDef<ValuationMethod>[] {
export function createColumns(
onSuccess?: () => void,
{ canEdit = true, canDelete = true }: { canEdit?: boolean; canDelete?: boolean } = {}
): ColumnDef<ValuationMethod>[] {
return [
{
accessorKey: "key",
@@ -40,7 +43,12 @@ export function createColumns(onSuccess?: () => void): ColumnDef<ValuationMethod
{
id: "actions",
cell: ({ row }) => {
return renderComponent(DataTableActions, { item: row.original, onSuccess });
return renderComponent(DataTableActions, {
item: row.original,
onSuccess,
canEdit,
canDelete
});
}
}
];

39
frontend/src/lib/components/dashboard/reference_data/valuation_methods/data-table-actions.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import EllipsisIcon from "@lucide/svelte/icons/ellipsis";
import Copy from "@lucide/svelte/icons/copy";
import Eye from "@lucide/svelte/icons/eye";
import Pencil from "@lucide/svelte/icons/pencil";
import Trash2 from "@lucide/svelte/icons/trash-2";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";
import type { ValuationMethod } from "./columns.js";
@@ -7,16 +11,20 @@
let {
item,
onSuccess
onSuccess,
canEdit = true,
canDelete = true
}: {
item: ValuationMethod;
onSuccess?: () => void;
canEdit?: boolean;
canDelete?: boolean;
} = $props();
let showDetailsDialog = $state(false);
function handleCopyId() {
navigator.clipboard.writeText(item.key.toString());
navigator.clipboard.writeText(item.key);
}
function handleViewDetails() {
@@ -25,7 +33,7 @@
</script>
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<DropdownMenu.Trigger disabled={!canEdit && !canDelete}>
{#snippet child({ props })}
<Button {...props} variant="ghost" size="icon" class="relative size-8 p-0">
<span class="sr-only">Abrir menú</span>
@@ -37,11 +45,32 @@
<DropdownMenu.Group>
<DropdownMenu.Label>Acciones</DropdownMenu.Label>
<DropdownMenu.Item onclick={handleCopyId}>
<Copy class="mr-2 size-4" />
Copiar Clave
</DropdownMenu.Item>
<DropdownMenu.Item onclick={handleViewDetails}>
<Eye class="mr-2 size-4" />
Ver detalles
</DropdownMenu.Item>
</DropdownMenu.Group>
<DropdownMenu.Separator />
<DropdownMenu.Item onclick={handleViewDetails}>Ver detalles</DropdownMenu.Item>
{#if canEdit || canDelete}
<DropdownMenu.Separator />
<DropdownMenu.Group>
{#if canEdit}
<DropdownMenu.Item onclick={() => (alert('Módulo de edición no disponible para Catálogos Públicos'))}>
<Pencil class="mr-2 size-4" />
Editar
</DropdownMenu.Item>
{/if}
{#if canDelete}
<DropdownMenu.Item onclick={() => (alert('Módulo de eliminación no disponible para Catálogos Públicos'))} class="text-destructive">
<Trash2 class="mr-2 size-4" />
Eliminar
</DropdownMenu.Item>
{/if}
</DropdownMenu.Group>
{/if}
</DropdownMenu.Content>
</DropdownMenu.Root>