+page.svelte
1.86 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<script>
const clasificadores = [
{ id: 'institucional', nombre: 'Institucional', descripcion: 'Ministerios, universidades, municipios, empresas públicas', disponible: true },
{ id: 'objeto-gasto', nombre: 'Objeto del Gasto', descripcion: 'Servicios personales, bienes, inversiones', disponible: true },
{ id: 'fuente', nombre: 'Fuente de Financiamiento', descripcion: 'Tesoro, créditos externos, recursos propios', disponible: false },
{ id: 'organismo', nombre: 'Organismo Financiador', descripcion: 'BID, Banco Mundial, CAF', disponible: false },
{ id: 'geografico', nombre: 'Geográfico', descripcion: 'Departamentos, provincias, municipios', disponible: false },
{ id: 'funcional', nombre: 'Funcional', descripcion: 'Educación, salud, defensa', disponible: false },
{ id: 'economico', nombre: 'Económico', descripcion: 'Corrientes, de capital', disponible: false },
{ id: 'programatico', nombre: 'Programático', descripcion: 'Programas y proyectos', disponible: false },
];
</script>
<svelte:head>
<title>Clasificadores | Presupuesto Público</title>
</svelte:head>
<div class="max-w-4xl mx-auto p-4">
<p class="text-sm text-gray-500 mb-4">
<a href="/">Inicio</a> / Clasificadores
</p>
<h1 class="text-2xl mb-6">Clasificadores</h1>
<div class="space-y-2">
{#each clasificadores as item}
{#if item.disponible}
<a href="/clasificadores/{item.id}" class="block p-4 border rounded hover:bg-gray-50">
<strong>{item.nombre}</strong>
<p class="text-sm text-gray-600">{item.descripcion}</p>
</a>
{:else}
<div class="p-4 border rounded opacity-50">
<strong>{item.nombre}</strong>
<span class="text-xs text-gray-400 ml-2">(próximamente)</span>
<p class="text-sm text-gray-600">{item.descripcion}</p>
</div>
{/if}
{/each}
</div>
</div>