fix/modo-lectura-activo-fijo

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

@@ -5,7 +5,6 @@
 	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,
@@ -17,7 +16,6 @@
 
 	let showDetailsDialog = $state(false);
 	let showEditDialog = $state(false);
-	let showDeleteDialog = $state(false);
 
 	function handleCopyId() {
 		navigator.clipboard.writeText(item.key.toString());
@@ -30,10 +28,6 @@
 	function handleEdit() {
 		showEditDialog = true;
 	}
-
-	function handleDelete() {
-		showDeleteDialog = true;
-	}
 </script>
 
 <DropdownMenu.Root>
@@ -55,12 +49,9 @@
 		<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>
 	</DropdownMenu.Content>
 </DropdownMenu.Root>
 
 <!-- Dialogs -->
 <DetailsDialog bind:open={showDetailsDialog} {item} />
 <CreateEditDialog bind:open={showEditDialog} item={item} {onSuccess} />
-<DeleteDialog bind:open={showDeleteDialog} {item} {onSuccess} />

frontend/src/lib/components/dashboard/reference_data/states/columns.ts

@@ -10,7 +10,7 @@ export type State = {
 	ame_key?: string | null;
 };
 
-export function createColumns(onSuccess?: () => void): ColumnDef<State>[] {
+export function createColumns(onSuccess?: () => void, readOnly = false): ColumnDef<State>[] {
 	return [		
 		{
 			accessorKey: "m3_key",
@@ -74,11 +74,11 @@ 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, readOnly });
 			}
 		}
 	];
 }
 
 // Mantener compatibilidad hacia atrás
-export const columns = createColumns();
+export const columns = createColumns(undefined, true);

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

@@ -9,10 +9,12 @@
 
 	let { 
 		item,
-		onSuccess
+		onSuccess,
+		readOnly = false
 	}: { 
 		item: State;
 		onSuccess?: () => void;
+		readOnly?: boolean;
 	} = $props();
 
 	let showDetailsDialog = $state(false);
@@ -54,13 +56,17 @@
 		</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 !readOnly}
+			<DropdownMenu.Item onclick={handleEdit}>Editar</DropdownMenu.Item>
+			<DropdownMenu.Separator />
+			<DropdownMenu.Item class="text-destructive" onclick={handleDelete}>Eliminar</DropdownMenu.Item>
+		{/if}
 	</DropdownMenu.Content>
 </DropdownMenu.Root>
 
 <!-- Dialogs -->
 <DetailsDialog bind:open={showDetailsDialog} {item} />
-<CreateEditDialog bind:open={showEditDialog} item={item} {onSuccess} />
-<DeleteDialog bind:open={showDeleteDialog} {item} {onSuccess} />
+{#if !readOnly}
+	<CreateEditDialog bind:open={showEditDialog} item={item} {onSuccess} />
+	<DeleteDialog bind:open={showDeleteDialog} {item} {onSuccess} />
+{/if}

frontend/src/routes/dashboard/reference_data/states/+page.svelte

@@ -140,7 +140,7 @@
 	}
 
 	// Crear columnas con el callback onSuccess
-	const columns = createColumns(handleSuccess);
+	const columns = createColumns(handleSuccess, true);
 </script>
 
 <div class="flex flex-col gap-6 p-6 h-[calc(100svh-4rem)] group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(100svh-3rem)] overflow-hidden">