humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: e-ppid

This commit is contained in:
amd123 2024-03-02 22:25:48 +07:00
parent e3bb113dce
commit e110a1f955
153 changed files with 2534 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/e-majalah-polri/daftar-majalah/layout.tsx Normal file
View File

@ -0,0 +1,13 @@
import { HumasLayout } from "@/components/layout/HumasLayout";
export default function EMajalahLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<HumasLayout>
{children}
</HumasLayout>
);
}

8
app/e-majalah-polri/daftar-majalah/page.tsx Normal file
View File

@ -0,0 +1,8 @@
import ListEnewsPolri from '@/components/table/tabel-emajalah-polri'
import React from 'react'
export default function ListEnewsPage() {
return (
<ListEnewsPolri />
)
}

0
app/e-majalah-polri/page.tsx Normal file
View File

7
app/portal-ppid/admin/page.tsx Normal file
View File

@ -0,0 +1,7 @@
import React from 'react'
export default function PPIDAdminPage() {
return (
<div>PPIDAdminPage</div>
)
}

19
app/portal-ppid/e-ppid-satker/layout.tsx Normal file
View File

@ -0,0 +1,19 @@
'use client'
import { PPIDLayout } from '@/components/layout/PPIDLayout';
import { usePathname } from 'next/navigation';
import React, { Children } from 'react'
export default function EPPIDSatkerLayout({
children,
}: {
children: React.ReactNode
}) {
const pathname = usePathname();
console.log(pathname)
return (
<PPIDLayout>
{children}
</PPIDLayout>
)
}

7
app/portal-ppid/e-ppid-satker/page.tsx Normal file
View File

@ -0,0 +1,7 @@
import PPIDSatker from '@/components/Portal PPID/PPIDSatker'
export default function PPIDSakterPage() {
return (
<PPIDSatker />
)
}

2
app/portal-ppid/layout.tsx → app/portal-ppid/informasi-publik/layout.tsx
View File

@ -3,7 +3,7 @@ import { PPIDLayout } from '@/components/layout/PPIDLayout';
import { usePathname } from 'next/navigation';
import React, { Children } from 'react'
export default function PortalPPIDLayout({
export default function InfoPublicLayout({
children,
}: {
children: React.ReactNode

19
app/portal-ppid/layanan-informasi/layout.tsx Normal file
View File

@ -0,0 +1,19 @@
'use client'
import { PPIDLayout } from '@/components/layout/PPIDLayout';
import { usePathname } from 'next/navigation';
import React, { Children } from 'react'
export default function LayananInformasiLayout({
children,
}: {
children: React.ReactNode
}) {
const pathname = usePathname();
console.log(pathname)
return (
<PPIDLayout>
{children}
</PPIDLayout>
)
}

4
app/portal-ppid/page.tsx
View File

@ -1,6 +1,8 @@
'use client'
import FooterPPID from '@/components/Portal PPID/FooterPPID';
import PPIDbody from '@/components/Portal PPID/PpidMain';
import PPIDBanner from '@/components/Portal PPID/ppid-banner';
import NavbarPPID from '@/components/navbar/NavbarPPID';
import { usePathname } from 'next/navigation';
import React from 'react';
@ -14,8 +16,10 @@ export default function PortalPPID({
return (
<>
<NavbarPPID />
<PPIDBanner />
<PPIDbody />
<FooterPPID />
</>
)
}

19
app/portal-ppid/profile/layout.tsx Normal file
View File

@ -0,0 +1,19 @@
'use client'
import { PPIDLayout } from '@/components/layout/PPIDLayout';
import { usePathname } from 'next/navigation';
import React, { Children } from 'react'
export default function PPIDProfileLayout({
children,
}: {
children: React.ReactNode
}) {
const pathname = usePathname();
console.log(pathname)
return (
<PPIDLayout>
{children}
</PPIDLayout>
)
}

19
app/portal-ppid/regulasi/layout.tsx Normal file
View File

@ -0,0 +1,19 @@
'use client'
import { PPIDLayout } from '@/components/layout/PPIDLayout';
import { usePathname } from 'next/navigation';
import React, { Children } from 'react'
export default function RegulasiLayout({
children,
}: {
children: React.ReactNode
}) {
const pathname = usePathname();
console.log(pathname)
return (
<PPIDLayout>
{children}
</PPIDLayout>
)
}

4
app/portal-ppid/regulasi/page.tsx
View File

@ -4,10 +4,10 @@ import RegulationTable from '@/components/table/tabel-regulasi'
export default function RegulasiPage() {
return (
<div className='md:flex'>
<div className='w-auto md:w-[70%] bg-[#E2E2E2]'>
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5'>
<RegulationTable />
</div>
<div className='w-auto md:w-[30%]'>
<div className='w-auto md:w-1/3 lg:w-[25%]'>
<PPIDSidebar />
</div>
</div>

19
app/portal-ppid/satuan-kerja/[satker-name]/layout.tsx Normal file
View File

@ -0,0 +1,19 @@
'use client'
import { SatkerLayout } from '@/components/layout/SatKerLayout';
import { usePathname } from 'next/navigation';
import React from 'react';
export default function DinamicSatkerLayout({
children,
}: {
children: React.ReactNode
}) {
const pathname = usePathname();
console.log(pathname)
return (
<SatkerLayout>
{children}
</SatkerLayout>
)
}

13
app/portal-ppid/satuan-kerja/[satker-name]/page.tsx Normal file
View File

@ -0,0 +1,13 @@
'use client'
import { usePathname } from 'next/navigation';
import React from 'react'
export default function SatkerPage() {
const pathname = usePathname();
console.log(pathname)
return (
<div className='text-black'>
{pathname}
</div>
)
}

8
app/portal-ppid/satuan-kerja/[satker-name]/profile/profile-singkat-ppid/page.tsx Normal file
View File

@ -0,0 +1,8 @@
import About from '@/components/detail/About'
import React from 'react'
export default function PPIDProfile() {
return (
<About />
)
}

8
app/portal-ppid/satuan-kerja/[satker-name]/profile/sejarah-ppid-polri/page.tsx Normal file
View File

@ -0,0 +1,8 @@
import HistoryPPID from '@/components/page/HistoryPPID'
import React from 'react'
export default function PPIDProfilePage() {
return (
<HistoryPPID />
)
}

7
app/portal-ppid/satuan-kerja/[satker-name]/profile/struktur-ppid/page.tsx Normal file
View File

@ -0,0 +1,7 @@
import StrukturOrganisasi from "@/components/detail/StrukturOrganisasi";
export default function StructurePPID() {
return (
<StrukturOrganisasi />
)
}

9
app/portal-ppid/satuan-kerja/[satker-name]/profile/tugas-dan-fungsi-ppid/page.tsx Normal file
View File

@ -0,0 +1,9 @@
import Task from "@/components/detail/TaskDetail";
export default function PPIDTask() {
return (
<Task />
)
}

8
app/portal-ppid/satuan-kerja/[satker-name]/profile/visi-dan-misi-ppid/page.tsx Normal file
View File

@ -0,0 +1,8 @@
import VisiMisi from '@/components/detail/VisiMisi'
import React from 'react'
export default function VMPPID() {
return (
<VisiMisi />
)
}

19
app/portal-ppid/standar-layanan/layout.tsx Normal file
View File

@ -0,0 +1,19 @@
'use client'
import { PPIDLayout } from '@/components/layout/PPIDLayout';
import { usePathname } from 'next/navigation';
import React, { Children } from 'react'
export default function StandarLayananLayout({
children,
}: {
children: React.ReactNode
}) {
const pathname = usePathname();
console.log(pathname)
return (
<PPIDLayout>
{children}
</PPIDLayout>
)
}

8
components/Landing Page/ENewsPolri.tsx
View File

@ -1,8 +1,9 @@
'use client'
import { Button, Card, CardBody, CardFooter, } from '@nextui-org/react'
import { Card, CardFooter } from '@nextui-org/react';
import Image from 'next/image';
import React, { useEffect, useState } from 'react'
import { useState } from 'react';
import { ChevronLeftWhite, ChevronRightIcon } from '../icons';
import Link from 'next/link';
export default function ENewsPolri() {
const [limitedData, setLimitedData] = useState<any>([]);
@ -44,7 +45,7 @@ export default function ENewsPolri() {
// }, [eNews]);
return (
<div className='bg-[#1F1A17] text-center rounded-none md:rounded-lg h-auto lg:h-[338px] space-y-7 flex py-4 flex-col justify-center items-center'>
<div className='bg-[#1F1A17] text-center rounded-none md:rounded-lg h-auto lg:h-[338px] space-y-5 flex py-4 flex-col justify-center items-center'>
<p className='text-white font-bold text-2xl underline underline-offset-4 decoration-red-600'>E-Majalah Polri</p>
<div className='flex flex-row w-full items-center justify-between'>
<ChevronLeftWhite />
@ -71,6 +72,7 @@ export default function ENewsPolri() {
</div>
<ChevronRightIcon color='white' />
</div>
<Link className='flex items-center gap-2 text-[#DD8306]' href='/e-majalah-polri/daftar-majalah'>Lihat Semua <ChevronRightIcon color='[#DD8306]' /></Link>
</div>
)
}

6
components/Portal PPID/LatestNews.tsx
View File

@ -38,7 +38,7 @@ export default function LatestNews() {
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
{/* <div className='bg-white flex justify-center md:justify-start flex-wrap md:flex-row p-3 rounded-md'>
<div>
<img src="/news6.png" alt="" />
</div>
@ -67,8 +67,8 @@ export default function LatestNews() {
<img src="/news7.png" alt="" />
</div>
<div className='pl-3 f'>Kakorpolairud Kunjungi Polda Jateng, Tekankan Pelayanan Terbaik Bagi Masyarakat</div>
</div>
<div className='flex justify-center py-3'>
</div> */}
<div className='flex justify-center py-2'>
<Button
className='bg-[#DD8306] w-40 font-semibold'
size='sm'

45
components/Portal PPID/MediaUpdate.tsx Normal file
View File

@ -0,0 +1,45 @@
import { ScrollShadow } from '@nextui-org/react'
import React from 'react'
import { EyeIcon } from '../icons'
export default function MediaUpdate() {
return (
<div className='p-1 md:p-4 text-black lg:flex gap-5'>
<div className='w-full lg:w-1/2'>
<p className='text-lg font-semibold underline underline-offset-4 decoration-red-600 pb-2'>TV Polri</p>
<div className='h-[360px] border-2 border-red-700'></div>
</div>
<div className='w-auto lg:w-1/2 '>
<div>
<div className='text-lg font-semibold underline underline-offset-4 decoration-red-600 pb-2'>
Media Update
</div>
<div className='h-[360px] p-2 bg-[#020101] text-white rounded-md border-2 border-white'>
<ScrollShadow hideScrollBar className=" h-[343px]">
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
<p className='py-[2px]'>21-07-2023 13:50</p>
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
</ScrollShadow>
</div>
</div>
</div>
</div>
)
}

246
components/Portal PPID/PPIDSatker.tsx Normal file
View File

@ -0,0 +1,246 @@
'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>
)
}

44
components/Portal PPID/PPIDSidebar.tsx
View File

@ -3,13 +3,23 @@ import { Button, Input, ScrollShadow } from '@nextui-org/react'
import React from 'react'
import { EyeIcon } from '../icons'
import GPRKominfo from '../SocialMedia/GprKominfo'
import Link from 'next/link'
export default function PPIDSidebar() {
return (
<div className='bg-white text-black p-1 md:p-2 lg:p-4 space-y-4'>
<div className='flex justify-center'><img src="/e-ppid-satker.png" alt="satker" className='' /></div>
<div className='flex justify-center'><img src="/e-ppid-permohonan-informasi.png" alt="permohonan" /></div>
<div className='bg-[#161616] text-white p-3 rounded-lg flex w-full flex-col items-center space-y-2 border-2 border-red-700'>
<div className='flex justify-center'>
<Link href='/portal-ppid/e-ppid-satker'>
<img src="/e-ppid-satker.png" alt="satker" className='' />
</Link>
</div>
<div className='flex justify-center'><img src="/e-ppid-polda.png" alt="satker" className='' /></div>
<div className='flex justify-center'>
<Link href='portal-ppid/layanan-informasi/registrasi-permohonan'>
<img src="/e-ppid-permohonan-informasi.png" alt="permohonan" />
</Link>
</div>
<div className='bg-[#161616] text-white p-3 rounded-lg flex w-full flex-col items-center space-y-2'>
<div>Permohonan Informasi</div>
<div className='w-full'>
<Input variant='flat' size='sm' type="name" label="Nama Pengguna" className='w-full' />
@ -18,13 +28,21 @@ export default function PPIDSidebar() {
<Input variant='flat' size='sm' type="password" label="Password" className='w-full' />
</div>
<div className='text-xs text-right text-[#DD8306] w-full'>Lupa Password?</div>
<div className='w-full'><Button size='sm' className='bg-[#DD8306] w-full'>Masuk</Button></div>
<div className='w-full'><Button size='sm' className=' w-full bg-white text-[#DD8306] font-bold'>Register</Button></div>
<div className='w-full'>
<Link href='portal-ppid/layanan-informasi/permohonan-informasi'>
<Button size='sm' className='bg-[#DD8306] w-full font-semibold'>Masuk</Button>
</Link>
</div>
<div className='w-full'>
<Link href='portal-ppid/layanan-informasi/registrasi-permohonan'>
<Button href='portal-ppid/layanan-informasi/registrasi-permohonan' size='sm' className=' w-full bg-white text-[#DD8306] font-bold'>Register</Button>
</Link>
</div>
</div>
<div>
{/* <div>
<GPRKominfo />
</div>
<div>
</div> */}
{/* <div>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600 pb-3'>
Media Update
</div>
@ -52,7 +70,7 @@ export default function PPIDSidebar() {
</div>
</ScrollShadow>
</div>
</div>
</div> */}
<div>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Publikasi
<div className='flex flex-col gap-3 pt-3'>
@ -60,18 +78,18 @@ export default function PPIDSidebar() {
<img src="/publikasi2.png" alt="publikasi" />
<img src="/publikasi3.png" alt="publikasi" />
<img src="/publikasi4.png" alt="publikasi" />
<img src="/publikasi5.png" alt="publikasi" />
{/* <img src="/publikasi5.png" alt="publikasi" /> */}
<img src="/publikasi6.png" alt="publikasi" />
<img src="/publikasi7.png" alt="publikasi" />
<img src="/publikasi8.png" alt="publikasi" className='px-1' />
</div>
</div>
</div>
<div>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Channel Humas Polri
<div className='flex flex-col gap-3 m-10'>
<div className='flex flex-col gap-3 mt-5 mx-10'>
<img src="/humas1.png" alt="humas-polri" />
<img src="/humas2.png" alt="humas-polri" />
<img src="/humas3.png" alt="humas-polri" />
{/* <img src="/humas3.png" alt="humas-polri" /> */}
<img src="/humas4.png" alt="humas-polri" />
</div>
</div>

8
components/Portal PPID/PpidMain.tsx
View File

@ -2,15 +2,19 @@ import React from 'react'
import PublicInformation from './PublicInformation'
import PPIDSidebar from './PPIDSidebar'
import LatestNews from './LatestNews'
import MediaUpdate from './MediaUpdate'
import Statistics from './Statistics'
export default function PPIDbody() {
return (
<div className='md:flex'>
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[70%] px-5 md:px-2 lg:px-5'>
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5'>
<PublicInformation />
<MediaUpdate />
<LatestNews />
<Statistics />
</div>
<div className='w-auto md:w-1/3 lg:w-[30%]'>
<div className='w-auto md:w-1/3 lg:w-[25%]'>
<PPIDSidebar />
</div>
</div>

32
components/Portal PPID/Statistics.tsx Normal file
View File

@ -0,0 +1,32 @@
'use client'
import React from 'react'
export default function Statistics() {
return (
<div className='p-1 md:p-4 text-black'>
<p className='text-lg font-semibold underline underline-offset-8 decoration-red-600 pb-5'>Statistik Pengunjung</p>
<div className='w-auto grid grid-cols-2 lg:grid-cols-4 bg-white rounded-lg'>
<div className='flex flex-col items-center py-2 border-r-2 border-red-500 my-3 '>
<div><img src="pengaduan.png" alt="laporan" /></div>
<div className='text-xl font-bold text-[#DD8306]'>5,000+</div>
<div className='text-sm font font-bold text-[#DD8306]'>Pengaduan</div>
</div>
<div className='flex flex-col items-center py-2 border-r-2 border-red-500 my-3'>
<div><img src="permintaan-informasi.png" alt="laporan" /></div>
<div className='text-xl font-bold text-[#DD8306]'>97,439+</div>
<div className='text-sm font font-bold text-[#DD8306]'>Permintaan Informasi</div>
</div>
<div className='flex flex-col items-center py-2 border-r-2 border-red-500 my-3'>
<div><img src="keberatan.png" alt="laporan" /></div>
<div className='text-xl font-bold text-[#DD8306]'>39+</div>
<div className='text-sm font font-bold text-[#DD8306]'>Keberatan</div>
</div>
<div className='flex flex-col items-center py-2 border-r-2 border-red-500 my-3'>
<div><img src="lapor.png" alt="laporan" /></div>
<div className='text-xl font-bold text-[#DD8306]'>16+</div>
<div className='text-sm font font-bold text-[#DD8306]'>Lapor!</div>
</div>
</div>
</div>
)
}

4
components/detail/About.tsx
View File

@ -5,8 +5,8 @@ export default function About() {
<div className='bg-white text-black p-5'>
<div className='flex justify-center items-center'>
<div className='pt-4 hidden md:block'><img src="/al.png" alt="" className='' /></div>
<div className='font-bold text-lg md:text-2xl text-[#DD8306] pl-3'>LAYANAN INFORMASI PUBLIK</div>
<div className='hidden md:block absolute pb-10 pl-[500px]'><img src="spark.png" alt="" /></div>
<div className='font-bold text-lg md:text-2xl text-[#DD8306] pl-3'>Profile Singkat PPID</div>
<div className='hidden md:block absolute pb-10 pl-[380px]'><img src="/spark.png" alt="" /></div>
</div>
<div className='p-1 md:p-3 lg:p-5 bg-[#FFF6E9] mx-1 md:mx-3 lg:mx-10 my-4 leading-7'>
Berdasarkan <b>Undang-Undang No.14 Tahun 2008 tentang Keterbukaan Informasi Publik</b> dan <b>Peraturan Komisi Informasi (PERKI) No. I Tahun 2021, Bab I Ketentuan Umum, Pasal 1 ayat 9</b>, menyatakan bahwa Pejabat Pengelola Informasi dan Dokumentasi yang selanjutnya disebut PPID adalah pejabat yang bertanggung jawab di bidang penyimpanan, pendokumentasian, penyediaan, dan/atau pelayanan Informasi di Badan Publik.

2
components/detail/Contact.tsx
View File

@ -95,7 +95,7 @@ const Contact: React.FC = () => {
<div>Hari Senin - Jumat | 08:00 - 15:00 WIB</div>
</div>
</div>
<div className="border-2 border-red-600 flex justify-center">
<div className="flex justify-center">
<img src="maps.png" alt="maps" className="" />
</div>
</div>

2
components/detail/StrukturOrganisasi.tsx
View File

@ -7,7 +7,7 @@ export default function StrukturOrganisasi() {
<div className='flex justify-center items-center'>
<div className='pt-4 hidden md:block'><img src="/al.png" alt="" className='' /></div>
<div className='font-bold text-lg md:text-2xl text-[#DD8306] pl-3'>Struktur Organisasi</div>
<div className='hidden md:block absolute pb-10 pl-[370px]'><img src="spark.png" alt="" /></div>
<div className='hidden md:block absolute pb-10 pl-[370px]'><img src="/spark.png" alt="" /></div>
</div>
<div className='p-1 md:p-3 lg:p-5 bg-[#FFF6E9] mx-1 md:mx-3 lg:mx-10 my-4 flex flex-col md:items-center'>
<Tabs aria-label="Options" color='warning'>

2
components/detail/TaskDetail.tsx
View File

@ -8,7 +8,7 @@ export default function Task() {
<div className='flex justify-center items-center'>
<div className='pt-4 hidden md:block'><img src="/al.png" alt="" className='' /></div>
<div className='font-bold text-lg md:text-2xl text-[#DD8306] pl-3'>Tugas & Fungsi</div>
<div className='hidden md:block absolute pb-10 pl-[310px]'><img src="spark.png" alt="" /></div>
<div className='hidden md:block absolute pb-10 pl-[310px]'><img src="/spark.png" alt="" /></div>
</div>
<div className='p-1 md:p-3 lg:p-5 bg-[#FFF6E9] mx-1 md:mx-3 lg:mx-10 my-4 flex flex-col items-center'>
<Tabs aria-label="Options" color='warning'>

2
components/detail/VisiMisi.tsx
View File

@ -8,7 +8,7 @@ export default function VisiMisi() {
<div className='flex justify-center items-center'>
<div className='pt-4 hidden md:block'><img src="/al.png" alt="" className='' /></div>
<div className='font-bold text-lg md:text-2xl text-[#DD8306] pl-3'>Visi & Misi</div>
<div className='hidden md:block absolute pb-10 pl-[250px]'><img src="spark.png" alt="" /></div>
<div className='hidden md:block absolute pb-10 pl-[250px]'><img src="/spark.png" alt="" /></div>
</div>
<div className='p-1 md:p-3 lg:p-5 bg-[#FFF6E9] mx-1 md:mx-3 lg:mx-10 my-4 flex flex-col items-center'>
<Tabs aria-label="Options" color='warning'>

22
components/layout/SatKerLayout.tsx Normal file
View File

@ -0,0 +1,22 @@
"use client";
import React from "react";
import FooterPPID from "../Portal PPID/FooterPPID";
import NavbarPPID from "../navbar/NavbarPPID";
import NavbarSatker from "../navbar/NavbarSatker";
import FooterSatker from "../navbar/FooterSatker";
interface Props {
children: React.ReactNode;
pageTitle?: string;
}
export const SatkerLayout = ({ children, pageTitle }: Props) => {
return (
<section>
<NavbarSatker />
{children}
<FooterSatker />
</section>
);
};

86
components/navbar/FooterSatker.tsx Normal file
View File

@ -0,0 +1,86 @@
import React from 'react'
import { FbIcon, Hotline, IgIcon, Location, Mail, TtIcon, TwIcon, WorldIcon, YtIcon } from '../icons'
export default function FooterSatker() {
return (
<>
<div className='w-full bg-[#1F1A17] flex flex-col md:grid md:grid-cols-3 lg:grid-cols-4 gap-0 md:gap-3 lg:gap-7 p-2 lg:p-16 text-sm'>
<div className=' flex-col hidden lg:block'>
<img src="/e-ppid.png" alt="logo" />
</div>
<div className='text-sm space-y-3 text-white'>
<div className='border-b-2 border-white border-dashed pb-0 md:pb-2 font-semibold'>Kontak Kami</div>
<div className='flex gap-2'>
<div><Location /></div>
<div>Jl Trunojoyo No.3, RT.2/RW.1, Selong, Kec. Kebayoran Baru, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta 12110, Indonesia</div>
</div>
<div className='flex gap-2'>
<div><Hotline /></div>
<div>Hotline Divisi HumasPolri (021) 72120599</div>
</div>
<div className='flex gap-2'>
<div><Hotline /></div>
<div>Call Center 110</div>
</div>
<div className='flex gap-2'>
<div><Mail /></div>
<div>ppid@polri.go.id</div>
</div>
</div>
<div>
<div className='text-sm space-y-3 text-white'>
<div className='border-b-2 border-white border-dashed pb-2 text-white font-semibold'>Tautan</div>
<div className='grid grid-cols-2 gap-2'>
<div className='flex gap-2'>
<div><WorldIcon /></div>
<div>Polri.go.id</div>
</div>
<div className='flex gap-2'>
<div><WorldIcon /></div>
<div>TBNews</div>
</div>
<div className='flex gap-2'>
<div><WorldIcon /></div>
<div>Humas Polri</div>
</div>
<div className='flex gap-2'>
<div><WorldIcon /></div>
<div>MediaHub</div>
</div>
<div className='flex gap-2'>
<div><WorldIcon /></div>
<div>Satu Data</div>
</div>
<div className='flex gap-2'>
<div><WorldIcon /></div>
<div>PUSIKNAS</div>
</div>
<div className='flex gap-2'>
<div><WorldIcon /></div>
<div>SPIT</div>
</div>
<div className='flex gap-2'>
<div><WorldIcon /></div>
<div>POLRI TV</div>
</div>
</div>
</div>
</div>
<div>
<div className='text-sm space-y-3 text-white'>
<div className='border-b-2 border-white border-dashed pb-2 '>Social Media Humas</div>
<div className="flex gap-1 lg:gap-3 items-center">
<div><FbIcon /></div>
<div><IgIcon /></div>
<div><YtIcon /></div>
<div><TwIcon /></div>
<div><TtIcon /></div>
</div>
</div>
</div>
</div>
<div className='dark:bg-black text-black dark:text-white text-center py-2 text-xs md:text-sm flex justify-center font-normal'>&copy; Copyright Humas<p className='text-red-700'>&nbsp; POLRI &reg;</p>&nbsp; All Rights Reserved</div>
</>
)
}

33
components/navbar/NavbarHumas.tsx
View File

@ -27,7 +27,10 @@ export default function NavbarHumas() {
/>
);
return (
<Navbar shouldHideOnScroll maxWidth='full' isBlurred={true} className='h-28 md:h-36 dark:bg-[#1F1A17]'>
<Navbar
shouldHideOnScroll
position='static'
maxWidth='full' isBlurred={true} className='h-28 md:h-36 dark:bg-[#1F1A17]'>
<div className='w-1/12 min-w-max'>
<img src="/logohumas.png" alt="" />
</div>
@ -37,7 +40,7 @@ export default function NavbarHumas() {
<div>Beranda</div>
</Link>
<div>
<Dropdown>
<Dropdown className=' dark:bg-[#1F1A17]'>
<NavbarItem>
<DropdownTrigger>
<Button
@ -52,8 +55,8 @@ export default function NavbarHumas() {
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
// aria-label="tentang"
// title='Tentang'
className="pt-4"
classNames={{
// base: "flex",
@ -106,7 +109,7 @@ export default function NavbarHumas() {
</div>
<div><Link href="/portal-ppid">Portal PPID</Link></div>
<div>
<Dropdown>
<Dropdown className='dark:bg-[#1F1A17]'>
<NavbarItem>
<DropdownTrigger>
<Button
@ -211,11 +214,21 @@ export default function NavbarHumas() {
<div className='w-3/12 hidden lg:block'>
<div className='flex items-center justify-between'>
<div className="flex gap-1 lg:gap-3 items-center">
<div><FbIcon /></div>
<div><IgIcon /></div>
<div><YtIcon /></div>
<div><TwIcon /></div>
<div><TtIcon /></div>
<Link href='https://www.facebook.com/DivHumasPolri' target='_blank'>
<FbIcon />
</Link>
<Link href='https://www.instagram.com/divisihumaspolri/' target='_blank'>
<IgIcon />
</Link>
<Link href='https://www.youtube.com/user/pidhumaspolri' target='_blank'>
<YtIcon />
</Link>
<Link href='https://twitter.com/DivHumas_Polri' target='_blank'>
<TwIcon />
</Link>
<Link href='https://www.tiktok.com/@divhumas_polri' target='_blank'>
<TtIcon />
</Link>
</div>
<div className=''><IdnIcon /></div>
</div>

311
components/navbar/NavbarPPID.tsx
View File

@ -7,7 +7,314 @@ import { ThemeSwitch } from '../theme-switch'
export default function NavbarPPID() {
return (
<Navbar maxWidth='full' height="8rem" className='dark:bg-[#1F1A17]'>
<div className='w-full'>
<div className='w-full h-full flex'>
<div className='w-1/3 md:w-2/12 flex'>
<Link href={'/'}>
<img src="/e-ppid.png" alt="logo" className='w-auto lg:w-full h-auto lg:h-full p-0 lg:p-2 border-2 border-red-900' />
</Link>
</div>
<div className='w-10/12 hidden md:flex flex-col justify-cente pt-3 space-y-3'>
<div className='flex items-center justify-end gap-1 md:gap-5'>
<div className="flex gap-1 lg:gap-3 items-center">
<div><FbIcon /></div>
<div><IgIcon /></div>
<div><YtIcon /></div>
<div><TwIcon /></div>
<div><TtIcon /></div>
</div>
<div ><IdnIcon /></div>
</div>
<div className='flex flex-wrap items-center justify-around'>
<NavbarItem>
<Link href='/portal-ppid' color='foreground'>
Beranda
</Link>
</NavbarItem>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Informasi Publik
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/informasi-publik/informasi-serta-merta' color='foreground'>
Informasi Serta Merta
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/informasi-publik/informasi-berkala' color='foreground'>
Informasi Berkala
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/informasi-setiap-saat' color='foreground'>
Informasi Setiap Saat
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/informasi-dikecualikan' color='foreground'>
Informasi Dikecualikan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/penerangan-satuan' color='foreground'>
Penerangan Satuan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/uu-dan-peraturan' color='foreground'>
UU & Peraturan
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Profile
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/profile/sejarah-ppid-polri' color='foreground'>
Sejarah PPID Polri
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/profile/profile-singkat-ppid' color='foreground'>
Profile Singkat PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/tugas-dan-fungsi-ppid' color='foreground'>
Tugas dan Fungsi PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/struktur-ppid' color='foreground'>
Struktur PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/visi-dan-misi-ppid' color='foreground'>
Visi & Misi PPID
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Layanan Informasi
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/layanan-informasi/registrasi-permohonan' color='foreground'>
Registrasi Permohonan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/layanan-informasi/permohonan-informasi' color='foreground'>
Permohonan Informasi
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/layanan-informasi/permohonan-keberatan' color='foreground'>
Permohonan Keberatan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/layanan-informasi/statistik-rekapitulasi' color='foreground'>
Statistik / Rekapitulasi
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/layanan-informasi/ppid-laporan-tahunan' color='foreground'>
Laporan Informasi Publik Tahunan
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Standar Layanan
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/standar-layanan/alur-pelayanan-informasi-publik' color='foreground'>
Alur Pelayanan Informasi Publik Polri
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/standar-layanan/tata-cara-permohonan-informasi' color='foreground'>
Tata Cara Permohonan Informasi
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/mekanisme-keberatan' color='foreground'>
Mekanisme Keberatan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa' color='foreground'>
Mekanisme Permohonan Penyelesainan Sengketa
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/waktu-pelayanan' color='foreground'>
Waktu Pelayanan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/standar-biaya-pelayanan' color='foreground'>
Standar Biaya Pelayanan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/maklumat-pelayanan' color='foreground'>
Maklumat Pelayanan
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<NavbarItem>
<Link href='/portal-ppid/regulasi' color='foreground'>
Regulasi
</Link>
</NavbarItem>
<NavbarItem>
<Link href='/portal-ppid' color='foreground'>
Kontak
</Link>
</NavbarItem>
<div><ThemeSwitch /></div>
</div>
</div>
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
<ThemeSwitch />
<NavbarMenuToggle />
</NavbarContent>
</div>
{/* <div className='w-full'>
<div className='hidden md:flex items-end justify-end'>
<div className='flex items-center justify-between gap-1 md:gap-10'>
<div className="flex gap-1 lg:gap-3 items-center">
@ -315,7 +622,7 @@ export default function NavbarPPID() {
<NavbarMenuToggle />
</NavbarContent>
</div>
</div>
</div> */}
</Navbar>
)
}

632
components/navbar/NavbarSatker.tsx Normal file
View File

@ -0,0 +1,632 @@
import { Link } from '@nextui-org/link'
import { Navbar, NavbarContent, NavbarItem, NavbarMenuToggle } from '@nextui-org/navbar'
import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '@nextui-org/react'
import { ChevronDownIcon, ChevronRightIcon, FbIcon, IdnIcon, IgIcon, TtIcon, TwIcon, YtIcon } from '../icons'
import { ThemeSwitch } from '../theme-switch'
import { usePathname } from 'next/navigation'
export default function NavbarSatker() {
const pathname = usePathname();
console.log(pathname)
return (
<Navbar maxWidth='full' height="8rem" className='dark:bg-[#1F1A17]'>
<div className='w-full h-full flex'>
<div className='w-1/3 md:w-2/12 flex'>
<Link href={'/'}>
<img src="/assets/satker/EPPID2.png" alt="logo" className='w-auto lg:w-full h-auto lg:h-full p-0 lg:p-2 border-2 border-red-700 flex' />
</Link>
</div>
<div className='w-10/12 hidden md:flex flex-col justify-cente pt-3 space-y-3'>
<div className='flex items-center justify-end gap-1 md:gap-5'>
<div className="flex gap-1 lg:gap-3 items-center">
<div><FbIcon /></div>
<div><IgIcon /></div>
<div><YtIcon /></div>
<div><TwIcon /></div>
<div><TtIcon /></div>
</div>
<div ><IdnIcon /></div>
</div>
<div className='flex flex-wrap items-center justify-around'>
<NavbarItem>
<Link href='/portal-ppid' color='foreground'>
Beranda
</Link>
</NavbarItem>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Informasi Publik
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/informasi-publik/informasi-serta-merta' color='foreground'>
Informasi Serta Merta
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/informasi-publik/informasi-berkala' color='foreground'>
Informasi Berkala
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/informasi-setiap-saat' color='foreground'>
Informasi Setiap Saat
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/informasi-dikecualikan' color='foreground'>
Informasi Dikecualikan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/penerangan-satuan' color='foreground'>
Penerangan Satuan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/uu-dan-peraturan' color='foreground'>
UU & Peraturan
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Profile
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href={`${pathname}/profile/sejarah-ppid-polri`} color='foreground'>
Sejarah PPID Polri
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/profile/profile-singkat-ppid' color='foreground'>
Profile Singkat PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/tugas-dan-fungsi-ppid' color='foreground'>
Tugas dan Fungsi PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/struktur-ppid' color='foreground'>
Struktur PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/visi-dan-misi-ppid' color='foreground'>
Visi & Misi PPID
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Layanan Informasi
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/layanan-informasi/registrasi-permohonan' color='foreground'>
Registrasi Permohonan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/layanan-informasi/permohonan-informasi' color='foreground'>
Permohonan Informasi
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/layanan-informasi/permohonan-keberatan' color='foreground'>
Permohonan Keberatan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/layanan-informasi/statistik-rekapitulasi' color='foreground'>
Statistik / Rekapitulasi
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/layanan-informasi/ppid-laporan-tahunan' color='foreground'>
Laporan Informasi Publik Tahunan
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Standar Layanan
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/standar-layanan/alur-pelayanan-informasi-publik' color='foreground'>
Alur Pelayanan Informasi Publik Polri
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/standar-layanan/tata-cara-permohonan-informasi' color='foreground'>
Tata Cara Permohonan Informasi
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/mekanisme-keberatan' color='foreground'>
Mekanisme Keberatan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa' color='foreground'>
Mekanisme Permohonan Penyelesainan Sengketa
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/waktu-pelayanan' color='foreground'>
Waktu Pelayanan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/standar-biaya-pelayanan' color='foreground'>
Standar Biaya Pelayanan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/maklumat-pelayanan' color='foreground'>
Maklumat Pelayanan
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<NavbarItem>
<Link href='/portal-ppid/regulasi' color='foreground'>
Regulasi
</Link>
</NavbarItem>
<NavbarItem>
<Link href='/portal-ppid' color='foreground'>
Kontak
</Link>
</NavbarItem>
<div><ThemeSwitch /></div>
</div>
</div>
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
<ThemeSwitch />
<NavbarMenuToggle />
</NavbarContent>
</div>
{/* <div className='w-full'>
<div className='hidden md:flex items-end justify-end'>
<div className='flex items-center justify-between gap-1 md:gap-10'>
<div className="flex gap-1 lg:gap-3 items-center">
<div><FbIcon /></div>
<div><IgIcon /></div>
<div><YtIcon /></div>
<div><TwIcon /></div>
<div><TtIcon /></div>
</div>
<div ><IdnIcon /></div>
</div>
</div>
<div className='flex'>
<div className='w-1/3 lg:w-2/12'>
<Link href={'/'}>
<img src="/e-ppid.png" alt="logo" className='w-48' />
</Link>
</div>
<div className='w-2/3 lg:w-9/12 hidden md:flex flex-wrap items-center justify-evenly '>
<NavbarItem>
<Link href='/portal-ppid' color='foreground'>
Beranda
</Link>
</NavbarItem>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Informasi Publik
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/informasi-publik/informasi-serta-merta' color='foreground'>
Informasi Serta Merta
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/informasi-publik/informasi-berkala' color='foreground'>
Informasi Berkala
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/informasi-setiap-saat' color='foreground'>
Informasi Setiap Saat
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/informasi-dikecualikan' color='foreground'>
Informasi Dikecualikan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/penerangan-satuan' color='foreground'>
Penerangan Satuan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/informasi-publik/uu-dan-peraturan' color='foreground'>
UU & Peraturan
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Profile
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/profile/sejarah-ppid-polri' color='foreground'>
Sejarah PPID Polri
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/profile/profile-singkat-ppid' color='foreground'>
Profile Singkat PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/tugas-dan-fungsi-ppid' color='foreground'>
Tugas dan Fungsi PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/struktur-ppid' color='foreground'>
Struktur PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/visi-dan-misi-ppid' color='foreground'>
Visi & Misi PPID
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Layanan Informasi
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/layanan-informasi/registrasi-permohonan' color='foreground'>
Registrasi Permohonan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/layanan-informasi/permohonan-informasi' color='foreground'>
Permohonan Informasi
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/layanan-informasi/permohonan-keberatan' color='foreground'>
Permohonan Keberatan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/layanan-informasi/statistik-rekapitulasi' color='foreground'>
Statistik / Rekapitulasi
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/layanan-informasi/ppid-laporan-tahunan' color='foreground'>
Laporan Informasi Publik Tahunan
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<Dropdown>
<NavbarItem>
<DropdownTrigger>
<Button
disableRipple
className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium"
radius="sm"
variant="light"
endContent={<ChevronDownIcon className="pt-1" />}
>
Standar Layanan
</Button>
</DropdownTrigger>
</NavbarItem>
<DropdownMenu
aria-label="tentang"
title='Tentang'
className="pt-4"
classNames={{
// base: " border-2 border-red-500 bg-white",
// list: "border-2 gap-2 flex flex-row flex-wrap"
// list: "gap-2 flex flex-row flex-wrap"s
}}
itemClasses={{
// base: "border border-red-700 w-[350px]"
base: "w-[350px]"
}}
>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/standar-layanan/alur-pelayanan-informasi-publik' color='foreground'>
Alur Pelayanan Informasi Publik Polri
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/standar-layanan/tata-cara-permohonan-informasi' color='foreground'>
Tata Cara Permohonan Informasi
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/mekanisme-keberatan' color='foreground'>
Mekanisme Keberatan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa' color='foreground'>
Mekanisme Permohonan Penyelesainan Sengketa
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/waktu-pelayanan' color='foreground'>
Waktu Pelayanan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/standar-biaya-pelayanan' color='foreground'>
Standar Biaya Pelayanan
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/standar-layanan/maklumat-pelayanan' color='foreground'>
Maklumat Pelayanan
</Link>
</DropdownItem>
</DropdownMenu>
</Dropdown>
<NavbarItem>
<Link href='/portal-ppid/regulasi' color='foreground'>
Regulasi
</Link>
</NavbarItem>
<NavbarItem>
<Link href='/portal-ppid' color='foreground'>
Kontak
</Link>
</NavbarItem>
<div><ThemeSwitch /></div>
</div>
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
<ThemeSwitch />
<NavbarMenuToggle />
</NavbarContent>
</div>
</div> */}
</Navbar>
)
}

4
components/table/informasi-berkala.tsx
View File

@ -32,7 +32,7 @@ export default function InformasiBerkala() {
];
return (
<div className='md:flex '>
<div className='w-auto bg-[#E2E2E2] md:w-[70%] text-black'>
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5 text-black'>
<div className='p-1 md:p-5 lg:p-8'>
<div className='font-bold text-xl'>Informasi Berkala</div>
<div className="pt-2">
@ -254,7 +254,7 @@ export default function InformasiBerkala() {
</div>
</div>
<div className='w-auto md:w-[30%]'>
<div className='w-auto md:w-1/3 lg:w-[25%]'>
<PPIDSidebar />
</div>
</div>

4
components/table/informasi-dikecualikan.tsx
View File

@ -32,7 +32,7 @@ export default function InformasiDikecualikan() {
];
return (
<div className='md:flex '>
<div className='w-auto bg-[#E2E2E2] md:w-[70%] text-black'>
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5 text-black'>
<div className='p-1 md:p-5 lg:p-8'>
<div className='font-bold text-xl'>Informasi Dikecualikan</div>
<div className="pt-2">
@ -230,7 +230,7 @@ export default function InformasiDikecualikan() {
</div>
</div>
<div className='w-auto md:w-[30%]'>
<div className='w-auto md:w-1/3 lg:w-[25%] '>
<PPIDSidebar />
</div>
</div>

4
components/table/informasi-sertamerta.tsx
View File

@ -33,7 +33,7 @@ export default function InformasiSertaMerta() {
];
return (
<div className='md:flex '>
<div className='w-auto bg-[#E2E2E2] md:w-[70%] text-black'>
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5 text-black'>
<div className='p-1 md:p-5 lg:p-8'>
<div className='font-bold text-xl'>Informasi Serta Merta</div>
<div className="pt-2">
@ -153,7 +153,7 @@ export default function InformasiSertaMerta() {
</div>
</div>
<div className='w-auto md:w-[30%]'>
<div className='w-auto md:w-1/3 lg:w-[25%]'>
<PPIDSidebar />
</div>
</div>

4
components/table/informasi-setiap-saat.tsx
View File

@ -32,7 +32,7 @@ export default function InformasiSetiapSaat() {
];
return (
<div className='md:flex '>
<div className='w-auto bg-[#E2E2E2] md:w-[70%] text-black'>
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5 text-black'>
<div className='p-1 md:p-5 lg:p-8'>
<div className='font-bold text-xl'>Informasi Setiap Saat</div>
<div className="pt-2">
@ -230,7 +230,7 @@ export default function InformasiSetiapSaat() {
</div>
</div>
<div className='w-auto md:w-[30%]'>
<div className='w-auto md:w-1/3 lg:w-[25%]'>
<PPIDSidebar />
</div>
</div>

4
components/table/penerangan-satuan.tsx
View File

@ -32,7 +32,7 @@ export default function PeneranganSatuan() {
];
return (
<div className='md:flex '>
<div className='w-auto bg-[#E2E2E2] md:w-[70%] text-black'>
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5 text-black'>
<div className='p-1 md:p-5 lg:p-8'>
<div className='font-bold text-xl'>Penerangan Satuan</div>
<div className="pt-2">
@ -230,7 +230,7 @@ export default function PeneranganSatuan() {
</div>
</div>
<div className='w-auto md:w-[30%]'>
<div className='w-auto md:w-1/3 lg:w-[25%]'>
<PPIDSidebar />
</div>
</div>

186
components/table/tabel-emajalah-polri.tsx Normal file
View File

@ -0,0 +1,186 @@
'use client'
import { BreadcrumbItem, Breadcrumbs, Button, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, getKeyValue } from "@nextui-org/react";
import PPIDSidebar from '../Portal PPID/PPIDSidebar';
import { Checklist, EyeFilledIcon, EyeIcon, SearchIcon } from '../icons';
export default function ListEnewsPolri() {
const searchInput = (
<Input
aria-label="Search"
className="w-full"
classNames={{
inputWrapper: "bg-white hover:!bg-gray-100",
input: "text-sm",
}}
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 tableData = [
{
key: "1",
tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023",
icon: <EyeFilledIcon color="#DD8306" />
},
{
key: "2",
tahun: "Tribrata Edisi 1 2023",
icon: <EyeFilledIcon color="#DD8306" />
},
{
key: "3",
tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023",
icon: <EyeFilledIcon color="#DD8306" />
},
{
key: "4",
tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023",
icon: <EyeFilledIcon color="#DD8306" />
},
{
key: "5",
tahun: "MAJALAH TRIBRATA NEWS SUMSEL EDISI 33/ VII-IX/2023",
icon: <EyeFilledIcon color="#DD8306" />
},
];
const header = [
{
key: "tahun",
label: "Daftar E-Majalah Polri",
},
{
key: "icon",
label: ''
}
]
const animals = [
{ 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-[70%] text-black'>
<div className='p-1 md:p-5 lg:p-8'>
<div className='font-bold text-xl'>E-Majalah Polri</div>
<div className="pt-2">
<Breadcrumbs color='primary'>
<BreadcrumbItem>Beranda</BreadcrumbItem>
<BreadcrumbItem>E-Majalah Polri</BreadcrumbItem>
</Breadcrumbs>
</div>
<div className='pt-4 space-y-5'>
<div className='font-semibold text-lg border-b-4 border-red-700 leading-loose'>E-majalah Polri</div>
<div className="flex items-center gap-3">
{searchInput}
<Select
label="Sort By"
size="sm"
className="w-1/5"
classNames={{
// base: "bg-red-500",
// mainWrapper: "border-2 border-red-500",
label: "text-black",
value: "!text-black",
trigger: "bg-white hover:!bg-gray-100",
// innerWrapper: "bg-red-500"
// selectorIcon: "bg-red-500"
// listboxWrapper: "bg-red-500"
// listbox: "bg-red-500"
popoverContent: "bg-white"
}}
listboxProps={{
itemClasses: {
base: "text-black",
wrapper: "!bg-white ",
}
}}
// onChange={onChangeFilterEnterprising}
>
<SelectSection >
{animals.map((list: any) => (
<SelectItem key={list.id}>{list.label}</SelectItem>
))}
</SelectSection>
</Select>
<Select
label="Tanggal Publikasi"
size="sm"
className="w-1/4"
classNames={{
// base: "bg-red-500",
// mainWrapper: "border-2 border-red-500",
label: "text-black",
value: "!text-black",
trigger: "bg-white hover:!bg-gray-100",
// innerWrapper: "bg-red-500"
// selectorIcon: "bg-red-500"
// listboxWrapper: "bg-red-500"
// listbox: "bg-red-500"
popoverContent: "bg-white"
}}
listboxProps={{
itemClasses: {
base: "text-black",
wrapper: "!bg-white ",
}
}}
// onChange={onChangeFilterEnterprising}
>
<SelectSection >
{animals.map((list: any) => (
<SelectItem key={list.id}>{list.label}</SelectItem>
))}
</SelectSection>
</Select>
</div>
<div>
<div className="flex flex-col gap-3">
<Table
color='warning'
selectionMode="single"
defaultSelectedKeys={["1"]}
aria-label="Example static collection table"
classNames={{
wrapper: "bg-white",
base: 'font-bold',
// th: " border-2 border-red-500 text-xs",
td: "font-medium"
}}
>
<TableHeader columns={header}>
{(column) => <TableColumn className=' bg-[#DD8306] text-white text-md w-full' key={column.key}>{column.label}</TableColumn>}
</TableHeader>
<TableBody items={tableData}>
{(item) => (
<TableRow key={item.key}>
{(columnKey) => <TableCell>{getKeyValue(item, columnKey)}</TableCell>}
</TableRow>
)}
</TableBody>
</Table>
</div>
</div>
</div>
</div>
<div>
</div>
</div>
<div className='w-auto md:w-[30%]'>
<PPIDSidebar />
</div>
</div>
)
}

4
components/table/uu-peraturan.tsx
View File

@ -32,7 +32,7 @@ export default function UUPeraturan() {
];
return (
<div className='md:flex '>
<div className='w-auto bg-[#E2E2E2] md:w-[70%] text-black'>
<div className='w-auto bg-[#E2E2E2] md:w-2/3 lg:w-[75%] px-2 md:px-0 lg:px-5 text-black'>
<div className='p-1 md:p-5 lg:p-8'>
<div className='font-bold text-xl'>UU & Peraturan</div>
<div className="pt-2">
@ -230,7 +230,7 @@ export default function UUPeraturan() {
</div>
</div>
<div className='w-auto md:w-[30%]'>
<div className='w-auto md:w-1/3 lg:w-[25%]'>
<PPIDSidebar />
</div>
</div>

BIN
public/assets/polda/internasional.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

9
public/assets/polda/internasional.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
public/assets/polda/polda-aceh.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

9
public/assets/polda/polda-aceh.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
public/assets/polda/polda-bali.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

9
public/assets/polda/polda-bali.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

BIN
public/assets/polda/polda-banten.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

9
public/assets/polda/polda-banten.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 210 KiB

BIN
public/assets/polda/polda-bengkulu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

9
public/assets/polda/polda-bengkulu.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
public/assets/polda/polda-diy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

9
public/assets/polda/polda-diy.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

BIN
public/assets/polda/polda-gorontalo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

9
public/assets/polda/polda-gorontalo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
public/assets/polda/polda-jabar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

9
public/assets/polda/polda-jabar.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
public/assets/polda/polda-jambi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

9
public/assets/polda/polda-jambi.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
public/assets/polda/polda-jateng.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

9
public/assets/polda/polda-jateng.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

BIN
public/assets/polda/polda-jatim.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

9
public/assets/polda/polda-jatim.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 209 KiB

BIN
public/assets/polda/polda-kalbar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

9
public/assets/polda/polda-kalbar.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
public/assets/polda/polda-kalsel.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

9
public/assets/polda/polda-kalsel.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
public/assets/polda/polda-kalteng.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

9
public/assets/polda/polda-kalteng.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
public/assets/polda/polda-kaltim.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

9
public/assets/polda/polda-kaltim.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
public/assets/polda/polda-kalut.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

9
public/assets/polda/polda-kalut.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
public/assets/polda/polda-kepri.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

9
public/assets/polda/polda-kepri.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
public/assets/polda/polda-lampung.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

9
public/assets/polda/polda-lampung.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
public/assets/polda/polda-maluku.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

9
public/assets/polda/polda-maluku.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
public/assets/polda/polda-malut.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

9
public/assets/polda/polda-malut.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
public/assets/polda/polda-metro.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

9
public/assets/polda/polda-metro.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 152 KiB

9
public/assets/polda/polda-ntb.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

9
public/assets/polda/polda-ntt.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.5 KiB

9
public/assets/polda/polda-papua.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

9
public/assets/polda/polda-papuabarat.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.7 KiB

9
public/assets/polda/polda-riau.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

BIN
public/assets/polda/polda-satker.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

9
public/assets/polda/polda-sulbar.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

9
public/assets/polda/polda-sulsel.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

9
public/assets/polda/polda-sulteng.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

9
public/assets/polda/polda-sultenggara.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

9
public/assets/polda/polda-sulut.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

9
public/assets/polda/polda-sumbar.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

9
public/assets/polda/polda-sumsel.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

9
public/assets/polda/polda-sumut.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 636 KiB

Some files were not shown because too many files have changed in this diff Show More