feat: ppid satker dynamic title
This commit is contained in:
amd123
parent
3f876b324c
commit
8df6660199
|
|
@ -7,14 +7,18 @@ import { usePathname } from 'next/navigation';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
|
||||||
|
|
||||||
export default function PortalPPID() {
|
interface PPIDBannerProps {
|
||||||
|
url: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function PortalPPID({ url }: PPIDBannerProps) {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
console.log(pathname)
|
console.log(pathname)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<NavbarPPID />
|
<NavbarPPID />
|
||||||
<PPIDBanner />
|
<PPIDBanner url={url} />
|
||||||
<PPIDbody />
|
<PPIDbody />
|
||||||
<FooterPPID />
|
<FooterPPID />
|
||||||
</>
|
</>
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@ export default function PoldaPage() {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='text-black'>
|
<div className='text-black'>
|
||||||
{url}
|
{pathname}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,16 @@
|
||||||
'use client'
|
'use client'
|
||||||
|
import PPIDSatkerMain from '@/components/Portal PPID/PPIDMainSatker';
|
||||||
|
import PPIDBanner from '@/components/Portal PPID/ppid-banner';
|
||||||
import { usePathname } from 'next/navigation';
|
import { usePathname } from 'next/navigation';
|
||||||
import React from 'react'
|
|
||||||
|
|
||||||
export default function SatkerPage() {
|
export default function SatkerPage() {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
// console.log(pathname)
|
const url: string = pathname.split('satuan-kerja/')[1].replace(/-/g, ' ').toUpperCase();
|
||||||
const url = pathname.split('satuan-kerja/')[1];
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='text-black'>
|
<div className='text-black'>
|
||||||
{url}
|
<PPIDBanner url={url} />
|
||||||
|
<PPIDSatkerMain />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
'use client'
|
||||||
|
import LatestNews from './LatestNews'
|
||||||
|
import MediaUpdate from './MediaUpdate'
|
||||||
|
import PPIDSatkerSidebar from './PPIDSatkerSidebar'
|
||||||
|
import PPIDSidebar from './PPIDSidebar'
|
||||||
|
import PublicInformation from './PublicInformation'
|
||||||
|
import Statistics from './Statistics'
|
||||||
|
|
||||||
|
export default function PPIDSatkerMain() {
|
||||||
|
return (
|
||||||
|
<div className='md:flex'>
|
||||||
|
<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-[25%]'>
|
||||||
|
<PPIDSatkerSidebar />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
@ -1,11 +1,232 @@
|
||||||
'use client'
|
'use client'
|
||||||
import { BreadcrumbItem, Breadcrumbs, Button, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@nextui-org/react";
|
import { BreadcrumbItem, Breadcrumbs, Button, Input } from "@nextui-org/react";
|
||||||
import PPIDSidebar from '../Portal PPID/PPIDSidebar';
|
|
||||||
import { EyeFilledIcon, SearchIcon } from '../icons';
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
import PPIDSidebar from '../Portal PPID/PPIDSidebar';
|
||||||
|
import { SearchIcon } from '../icons';
|
||||||
|
|
||||||
|
|
||||||
export default function PPIDSatker() {
|
export default function PPIDSatker() {
|
||||||
|
|
||||||
|
const listSatkerAll = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
img: "/assets/polda/polda-metro.svg",
|
||||||
|
title: "Polda Metro Jaya",
|
||||||
|
path: 'polda/polda-metro-jaya'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
img: "/assets/polda/polda-jabar.svg",
|
||||||
|
title: "Polda Jawa Barat",
|
||||||
|
path: 'polda/polda-jawa-barat'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
img: "/assets/polda/polda-banten.svg",
|
||||||
|
title: "Polda Banten",
|
||||||
|
path: 'polda/polda-banten'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 4,
|
||||||
|
img: "/assets/polda/polda-jateng.svg",
|
||||||
|
title: "Polda Jawa Tengah",
|
||||||
|
path: 'polda/polda-jateng'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 5,
|
||||||
|
img: "/assets/polda/polda-diy.svg",
|
||||||
|
title: "Polda D.I Yogyakarta",
|
||||||
|
path: 'polda/polda-daerah-istimewa-yogyakarta'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 6,
|
||||||
|
img: "/assets/polda/polda-jatim.svg",
|
||||||
|
title: "Polda Jawa Timur",
|
||||||
|
path: 'polda/polda-jawa-timur'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 7,
|
||||||
|
img: "/assets/polda/polda-aceh.svg",
|
||||||
|
title: "Polda Aceh",
|
||||||
|
path: 'polda/polda-aceh'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 8,
|
||||||
|
img: "/assets/polda/polda-sumut.svg",
|
||||||
|
title: "Polda Sumatra Utara",
|
||||||
|
path: 'polda/polda-sumatra-utara'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 9,
|
||||||
|
img: "/assets/polda/polda-sumbar.svg",
|
||||||
|
title: "Polda Sumatra Barat",
|
||||||
|
path: 'polda/polda-sumatra-barat'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 10,
|
||||||
|
img: "/assets/polda/polda-riau.svg",
|
||||||
|
title: "Polda Riau",
|
||||||
|
path: 'polda/polda-riau'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 11,
|
||||||
|
img: "/assets/polda/polda-kepri.svg",
|
||||||
|
title: "Polda Kep.Riau",
|
||||||
|
path: 'polda/polda-kepulauan-riau'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 12,
|
||||||
|
img: "/assets/polda/polda-jambi.svg",
|
||||||
|
title: "Polda Jambi",
|
||||||
|
path: 'polda/polda-jambi'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 13,
|
||||||
|
img: "/assets/polda/polda-jambi.svg",
|
||||||
|
title: "Polda Jambi",
|
||||||
|
path: 'polda/polda-jambi'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 14,
|
||||||
|
img: "/assets/polda/polda-sumsel.svg",
|
||||||
|
title: "Polda Sumatra Selatan",
|
||||||
|
path: 'polda/polda-sumatra-selatan'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 15,
|
||||||
|
img: "/assets/polda/polda-sumsel.svg",
|
||||||
|
title: "Polda Kep.Bangka Belitung",
|
||||||
|
path: 'polda/polda-bangka-belitung'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 16,
|
||||||
|
img: "/assets/polda/polda-bengkulu.svg",
|
||||||
|
title: "Polda Bengkulu",
|
||||||
|
path: 'polda/polda-bengkulu'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 17,
|
||||||
|
img: "/assets/polda/polda-lampung.svg",
|
||||||
|
title: "Polda Lampung",
|
||||||
|
path: 'polda/polda-lampung'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 18,
|
||||||
|
img: "/assets/polda/polda-ntb.svg",
|
||||||
|
title: "Polda Nusa Tenggara Barat",
|
||||||
|
path: 'polda/polda-ntb'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 19,
|
||||||
|
img: "/assets/polda/polda-ntb.svg",
|
||||||
|
title: "Polda Nusa Tenggara Barat",
|
||||||
|
path: 'polda/polda-ntb'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 20,
|
||||||
|
img: "/assets/polda/polda-ntt.svg",
|
||||||
|
title: "Polda Nusa Tenggara Timur",
|
||||||
|
path: 'polda/polda-ntt'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 21,
|
||||||
|
img: "/assets/polda/polda-bali.svg",
|
||||||
|
title: "Polda Bali",
|
||||||
|
path: 'polda/polda-bali'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 22,
|
||||||
|
img: "/assets/polda/polda-kalbar.svg",
|
||||||
|
title: "Polda Kalimantan Barat",
|
||||||
|
path: 'polda/polda-kalimantan-barat'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 23,
|
||||||
|
img: "/assets/polda/polda-kalteng.svg",
|
||||||
|
title: "Polda Kalimantan Tengah",
|
||||||
|
path: 'polda/polda-kalimantan-tengah'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 24,
|
||||||
|
img: "/assets/polda/polda-kalsel.svg",
|
||||||
|
title: "Polda Kalimantan Selatan",
|
||||||
|
path: 'polda/polda-kalimantan-selatan'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 25,
|
||||||
|
img: "/assets/polda/polda-kaltim.svg",
|
||||||
|
title: "Polda Kalimantan Timur",
|
||||||
|
path: 'polda/polda-kalimantan-timur'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 26,
|
||||||
|
img: "/assets/polda/polda-kalut.svg",
|
||||||
|
title: "Polda Kalimantan Utara",
|
||||||
|
path: 'polda/polda-kalimantan-utara'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 27,
|
||||||
|
img: "/assets/polda/polda-sulteng.svg",
|
||||||
|
title: "Polda Sulawesi Tengah",
|
||||||
|
path: 'polda/polda-sulawesi-tengah'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 28,
|
||||||
|
img: "/assets/polda/polda-sulut.svg",
|
||||||
|
title: "Polda Sulawesi Utara",
|
||||||
|
path: 'polda/polda-sulawesi-utara'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 29,
|
||||||
|
img: "/assets/polda/polda-gorontalo.svg",
|
||||||
|
title: "Polda Gorontalo",
|
||||||
|
path: 'polda/polda-gorontalo'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 30,
|
||||||
|
img: "/assets/polda/polda-sulbar.svg",
|
||||||
|
title: "Polda Sulawesi Barat",
|
||||||
|
path: 'polda/polda-sulawesi-barat'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 31,
|
||||||
|
img: "/assets/polda/polda-sulsel.svg",
|
||||||
|
title: "Polda Sulawesi Selatan",
|
||||||
|
path: 'polda/polda-sulawesi-selatan'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 32,
|
||||||
|
img: "/assets/polda/polda-sultenggara.svg",
|
||||||
|
title: "Polda Sulawesi Tenggara",
|
||||||
|
path: 'polda/polda-sulawesi-tenggara'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 33,
|
||||||
|
img: "/assets/polda/polda-malut.svg",
|
||||||
|
title: "Polda Maluku Utara",
|
||||||
|
path: 'polda/polda-maluku-utara'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 34,
|
||||||
|
img: "/assets/polda/polda-maluku.svg",
|
||||||
|
title: "Polda Maluku",
|
||||||
|
path: 'polda/polda-maluku'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 35,
|
||||||
|
img: "/assets/polda/polda-papuabarat.svg",
|
||||||
|
title: "Polda Papua Barat",
|
||||||
|
path: 'polda/polda-papua-barat'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 36,
|
||||||
|
img: "/assets/polda/polda-papua.svg",
|
||||||
|
title: "Polda Papua",
|
||||||
|
path: 'polda/polda-papua'
|
||||||
|
},
|
||||||
|
|
||||||
|
];
|
||||||
|
|
||||||
const searchInput = (
|
const searchInput = (
|
||||||
<Input
|
<Input
|
||||||
aria-label="Search"
|
aria-label="Search"
|
||||||
|
|
@ -118,7 +339,7 @@ export default function PPIDSatker() {
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center justify-center">
|
<div className="flex items-center justify-center">
|
||||||
<Link href='satuan-kerja/pusdokkes'>
|
<Link href='satuan-kerja/pusdokkes'>
|
||||||
<img src="/assets/satker/pusdokes.svg" alt="logo" />
|
<img src="/assets/satker/pusdokes.svg" alt="logo" className="h-[89px]" />
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center justify-center">
|
<div className="flex items-center justify-center">
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,100 @@
|
||||||
|
'use client'
|
||||||
|
import { Button, Input } from '@nextui-org/react'
|
||||||
|
import Link from 'next/link'
|
||||||
|
|
||||||
|
export default function PPIDSatkerSidebar() {
|
||||||
|
return (
|
||||||
|
<div className='bg-white text-black p-1 md:p-2 lg:p-4 space-y-4'>
|
||||||
|
<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'>
|
||||||
|
<Link href='/portal-ppid'>
|
||||||
|
<img src="/ppid-polri.png" alt="satker" className='' />
|
||||||
|
</Link>
|
||||||
|
</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' />
|
||||||
|
</div>
|
||||||
|
<div className='w-full'>
|
||||||
|
<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'>
|
||||||
|
<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>
|
||||||
|
<GPRKominfo />
|
||||||
|
</div> */}
|
||||||
|
{/* <div>
|
||||||
|
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600 pb-3'>
|
||||||
|
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 className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Publikasi
|
||||||
|
<div className='flex flex-col gap-3 pt-3'>
|
||||||
|
<img src="/publikasi1.png" alt="publikasi" />
|
||||||
|
<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="/publikasi6.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 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="/humas4.png" alt="humas-polri" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
@ -1,9 +1,8 @@
|
||||||
'use client'
|
'use client'
|
||||||
import React from 'react'
|
|
||||||
import PublicInformation from './PublicInformation'
|
|
||||||
import PPIDSidebar from './PPIDSidebar'
|
|
||||||
import LatestNews from './LatestNews'
|
import LatestNews from './LatestNews'
|
||||||
import MediaUpdate from './MediaUpdate'
|
import MediaUpdate from './MediaUpdate'
|
||||||
|
import PPIDSidebar from './PPIDSidebar'
|
||||||
|
import PublicInformation from './PublicInformation'
|
||||||
import Statistics from './Statistics'
|
import Statistics from './Statistics'
|
||||||
|
|
||||||
export default function PPIDbody() {
|
export default function PPIDbody() {
|
||||||
|
|
|
||||||
|
|
@ -2,17 +2,23 @@
|
||||||
import { Input } from "@nextui-org/input";
|
import { Input } from "@nextui-org/input";
|
||||||
import { SearchIcon } from "../icons";
|
import { SearchIcon } from "../icons";
|
||||||
|
|
||||||
export default function PPIDBanner() {
|
interface PPIDBannerProps {
|
||||||
|
url: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default function PPIDBanner({ url }: PPIDBannerProps) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className=' bg-white relative'>
|
<div className=' bg-white relative'>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<img src="banner-ppid.png"
|
<img src="/banner-ppid.png"
|
||||||
alt="ppid-banner"
|
alt="ppid-banner"
|
||||||
className='w-full object-cover relative h-[300px] md:h-min'
|
className='w-full object-cover relative h-[300px] md:h-min'
|
||||||
/>
|
/>
|
||||||
<div className="absolute top-5 lg:top-1/3 left-1/2 w-[48%]">
|
<div className="absolute top-5 lg:top-1/3 left-1/2 w-[48%] text-white">
|
||||||
<p className='text-xs md:text-md lg:text-4xl font-bold leanding-0 md:leading-10'>
|
<p className='text-xs md:text-md lg:text-4xl font-bold leanding-0 md:leading-10'>
|
||||||
SELAMAT DATANG DI PORTAL E-PPID POLRI
|
SELAMAT DATANG DI PORTAL E-PPID {url}
|
||||||
</p>
|
</p>
|
||||||
<p className='text-xs font-medium lg:font-semibold pt-1 lg:pt-3'>
|
<p className='text-xs font-medium lg:font-semibold pt-1 lg:pt-3'>
|
||||||
Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama.
|
Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama.
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,6 @@ export default function NavbarSatker() {
|
||||||
const pathname = usePathname()
|
const pathname = usePathname()
|
||||||
const newPathname = pathname.split('/')[3]
|
const newPathname = pathname.split('/')[3]
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Navbar maxWidth='full' height="8rem" className='dark:bg-[#1F1A17]'>
|
<Navbar maxWidth='full' height="8rem" className='dark:bg-[#1F1A17]'>
|
||||||
<div className='w-full h-full flex'>
|
<div className='w-full h-full flex'>
|
||||||
|
|
@ -324,315 +323,6 @@ export default function NavbarSatker() {
|
||||||
<NavbarMenuToggle />
|
<NavbarMenuToggle />
|
||||||
</NavbarContent>
|
</NavbarContent>
|
||||||
</div>
|
</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>
|
</Navbar>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 466 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Loading…
Reference in New Issue