247 lines
14 KiB
TypeScript
247 lines
14 KiB
TypeScript
|
'use client'
|
||
|
|
import { BreadcrumbItem, Breadcrumbs, Button, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@nextui-org/react";
|
||
|
|
import PPIDSidebar from '../Portal PPID/PPIDSidebar';
|
||
|
|
import { EyeFilledIcon, SearchIcon } from '../icons';
|
||
|
|
import Link from "next/link";
|
||
|
|
|
||
|
|
|
||
|
|
export default function PPIDSatker() {
|
||
|
|
const searchInput = (
|
||
|
|
<Input
|
||
|
|
aria-label="Search"
|
||
|
|
className="w-full"
|
||
|
|
classNames={{
|
||
|
|
inputWrapper: "bg-white hover:!bg-gray-100",
|
||
|
|
input: "text-sm",
|
||
|
|
innerWrapper: "text-red-500"
|
||
|
|
}}
|
||
|
|
labelPlacement="outside"
|
||
|
|
placeholder="Search..."
|
||
|
|
startContent={
|
||
|
|
<SearchIcon className="text-base text-default-400 pointer-events-none flex-shrink-0" />
|
||
|
|
}
|
||
|
|
endContent={
|
||
|
|
<Button size="sm" className="bg-[#DD8306] font-semibold">Cari</Button>
|
||
|
|
}
|
||
|
|
type="search"
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
|
||
|
|
const filters = [
|
||
|
|
{ label: "Title", value: "title" },
|
||
|
|
{ label: "Date", value: "date" },
|
||
|
|
{ label: "Created At", value: "createdAt" },
|
||
|
|
];
|
||
|
|
return (
|
||
|
|
<div className='md:flex '>
|
||
|
|
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 text-black'>
|
||
|
|
<div className='p-1 md:p-5 lg:p-8'>
|
||
|
|
<div className='font-bold text-xl'>Satuan Kerja</div>
|
||
|
|
<div className="pt-2 pb-7">
|
||
|
|
<Breadcrumbs color='primary'>
|
||
|
|
<BreadcrumbItem><Link href='/portal-ppid'>Beranda</Link></BreadcrumbItem>
|
||
|
|
<BreadcrumbItem>Satuan Kerja</BreadcrumbItem>
|
||
|
|
</Breadcrumbs>
|
||
|
|
</div>
|
||
|
|
<div className='pt-4 space-y- border border-[#DD8306] rounded-lg bg-[#FFFFFF]'>
|
||
|
|
<div className="text-center text-xl font-semibold underline underline-offset-8 decoration-red-600">Satuan Kerja</div>
|
||
|
|
<div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 pt-8 gap-3">
|
||
|
|
<div className="flex justify-center">
|
||
|
|
<Link href='satuan-kerja/siber'>
|
||
|
|
<img src="/assets/satker/siber.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/divkum'>
|
||
|
|
<img src="/assets/satker/divkum.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/puskeu'>
|
||
|
|
<img src="/assets/satker/puskeu.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/ssdm'>
|
||
|
|
<img src="/assets/satker/ssdm.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/itwasum'>
|
||
|
|
<img src="/assets/satker/itwasum.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/stik-ptik'>
|
||
|
|
<img src="/assets/satker/stik-ptik.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/stik-brimob'>
|
||
|
|
<img src="/assets/satker/brimob.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/stik-div-humas'>
|
||
|
|
<img src="/assets/satker/humas.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/stik-puslitbang'>
|
||
|
|
<img src="/assets/satker/puslitbang.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/binmas'>
|
||
|
|
<img src="/assets/satker/binmas.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/divtik'>
|
||
|
|
<img src="/assets/satker/divtik.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/spripim'>
|
||
|
|
<img src="/assets/satker/spripim.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/div-propam'>
|
||
|
|
<img src="/assets/satker/propam.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/korps-sabhara-baharkam'>
|
||
|
|
<img src="/assets/satker/baharkam.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/pusdokkes'>
|
||
|
|
<img src="/assets/satker/pusdokes.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/baharkam'>
|
||
|
|
<img src="/assets/satker/baharkam2.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/polairud'>
|
||
|
|
<img src="/assets/satker/polairud.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/polair'>
|
||
|
|
<img src="/assets/satker/polair.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/poludara'>
|
||
|
|
<img src="/assets/satker/poludara.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/lemdiklat'>
|
||
|
|
<img src="/assets/satker/lemdiklat.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/akpol'>
|
||
|
|
<img src="/assets/satker/akpol.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/korlantas'>
|
||
|
|
<img src="/assets/satker/korlantas.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/pusinafis'>
|
||
|
|
<img src="/assets/satker/pusinafis.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/pusjarah'>
|
||
|
|
<img src="/assets/satker/pusjarah.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/pusiknas'>
|
||
|
|
<img src="/assets/satker/pusiknas.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/slog'>
|
||
|
|
<img src="/assets/satker/slog.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/baintelkam'>
|
||
|
|
<img src="/assets/satker/baintelkam.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/bareskrim'>
|
||
|
|
<img src="/assets/satker/bareskrim.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/div-hubinter'>
|
||
|
|
<img src="/assets/satker/divhubinter.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/setum'>
|
||
|
|
<img src="/assets/satker/setum.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/puslabfor'>
|
||
|
|
<img src="/assets/satker/puslabfor.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/densus88'>
|
||
|
|
<img src="/assets/satker/densus.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/sahli-kapolri'>
|
||
|
|
<img src="/assets/satker/sahli-kapolri.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/sops'>
|
||
|
|
<img src="/assets/satker/sops.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/srena'>
|
||
|
|
<img src="/assets/satker/srena.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center">
|
||
|
|
<Link href='satuan-kerja/sespim'>
|
||
|
|
<img src="/assets/satker/sespim.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
<div className="flex items-center justify-center lg:col-span-6">
|
||
|
|
<Link href='satuan-kerja/setupa'>
|
||
|
|
<img src="/assets/satker/setupa.svg" alt="logo" />
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className='w-auto md:w-1/3 lg:w-[25%]'>
|
||
|
|
<PPIDSidebar />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|