diff --git a/app/portal-ppid/page.tsx b/app/portal-ppid/page.tsx index 5fa36f3..ed23f90 100644 --- a/app/portal-ppid/page.tsx +++ b/app/portal-ppid/page.tsx @@ -7,14 +7,18 @@ import { usePathname } from 'next/navigation'; import React from 'react'; -export default function PortalPPID() { +interface PPIDBannerProps { + url: string; +} + +export default function PortalPPID({ url }: PPIDBannerProps) { const pathname = usePathname(); console.log(pathname) return ( <> - + diff --git a/app/portal-ppid/polda/[polda-name]/page.tsx b/app/portal-ppid/polda/[polda-name]/page.tsx index f51bf1e..084df35 100644 --- a/app/portal-ppid/polda/[polda-name]/page.tsx +++ b/app/portal-ppid/polda/[polda-name]/page.tsx @@ -9,7 +9,7 @@ export default function PoldaPage() { return (
- {url} + {pathname}
) } diff --git a/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx b/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx index a72806f..fe24701 100644 --- a/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx +++ b/app/portal-ppid/satuan-kerja/[satker-name]/page.tsx @@ -1,15 +1,16 @@ 'use client' +import PPIDSatkerMain from '@/components/Portal PPID/PPIDMainSatker'; +import PPIDBanner from '@/components/Portal PPID/ppid-banner'; import { usePathname } from 'next/navigation'; -import React from 'react' export default function SatkerPage() { const pathname = usePathname(); - // console.log(pathname) - const url = pathname.split('satuan-kerja/')[1]; + const url: string = pathname.split('satuan-kerja/')[1].replace(/-/g, ' ').toUpperCase(); return (
- {url} + +
) } diff --git a/components/Portal PPID/PPIDMainSatker.tsx b/components/Portal PPID/PPIDMainSatker.tsx new file mode 100644 index 0000000..48be944 --- /dev/null +++ b/components/Portal PPID/PPIDMainSatker.tsx @@ -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 ( +
+
+ + + + +
+
+ +
+
+ ) +} diff --git a/components/Portal PPID/PPIDSatker.tsx b/components/Portal PPID/PPIDSatker.tsx index 2d93bb8..a5ab716 100644 --- a/components/Portal PPID/PPIDSatker.tsx +++ b/components/Portal PPID/PPIDSatker.tsx @@ -1,11 +1,232 @@ '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 { BreadcrumbItem, Breadcrumbs, Button, Input } from "@nextui-org/react"; import Link from "next/link"; +import PPIDSidebar from '../Portal PPID/PPIDSidebar'; +import { SearchIcon } from '../icons'; 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 = (
- logo + logo
diff --git a/components/Portal PPID/PPIDSatkerSidebar.tsx b/components/Portal PPID/PPIDSatkerSidebar.tsx new file mode 100644 index 0000000..f10b1cc --- /dev/null +++ b/components/Portal PPID/PPIDSatkerSidebar.tsx @@ -0,0 +1,100 @@ +'use client' +import { Button, Input } from '@nextui-org/react' +import Link from 'next/link' + +export default function PPIDSatkerSidebar() { + return ( +
+
+ + satker + +
+
+ + satker + +
+
+ + permohonan + +
+
+
Permohonan Informasi
+
+ +
+
+ +
+
Lupa Password?
+
+ + + +
+
+ + + +
+
+ {/*
+ +
*/} + {/*
+
+ Media Update +
+
+ +
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+

Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari

+

21-07-2023 13:50

+

82

+
+
+
+
*/} +
+
Publikasi +
+ publikasi + publikasi + publikasi + publikasi + {/* publikasi */} + publikasi + publikasi +
+
+
+
+
Channel Humas Polri +
+ humas-polri + humas-polri + {/* humas-polri */} + humas-polri +
+
+
+
+ ) +} diff --git a/components/Portal PPID/PpidMain.tsx b/components/Portal PPID/PpidMain.tsx index f79450c..0990c53 100644 --- a/components/Portal PPID/PpidMain.tsx +++ b/components/Portal PPID/PpidMain.tsx @@ -1,9 +1,8 @@ 'use client' -import React from 'react' -import PublicInformation from './PublicInformation' -import PPIDSidebar from './PPIDSidebar' import LatestNews from './LatestNews' import MediaUpdate from './MediaUpdate' +import PPIDSidebar from './PPIDSidebar' +import PublicInformation from './PublicInformation' import Statistics from './Statistics' export default function PPIDbody() { diff --git a/components/Portal PPID/ppid-banner.tsx b/components/Portal PPID/ppid-banner.tsx index 54b214b..9f4a821 100644 --- a/components/Portal PPID/ppid-banner.tsx +++ b/components/Portal PPID/ppid-banner.tsx @@ -2,17 +2,23 @@ import { Input } from "@nextui-org/input"; import { SearchIcon } from "../icons"; -export default function PPIDBanner() { +interface PPIDBannerProps { + url: string; +} + + +export default function PPIDBanner({ url }: PPIDBannerProps) { + return (
- ppid-banner -
+

- SELAMAT DATANG DI PORTAL E-PPID POLRI + SELAMAT DATANG DI PORTAL E-PPID {url}

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. diff --git a/components/navbar/NavbarSatker.tsx b/components/navbar/NavbarSatker.tsx index 31a7bba..8e106d3 100644 --- a/components/navbar/NavbarSatker.tsx +++ b/components/navbar/NavbarSatker.tsx @@ -9,7 +9,6 @@ export default function NavbarSatker() { const pathname = usePathname() const newPathname = pathname.split('/')[3] - return (

@@ -324,315 +323,6 @@ export default function NavbarSatker() {
- {/*
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - logo - -
-
- - - Beranda - - - - - - - - - - } - > - - Informasi Serta Merta - - - } - > - - Informasi Berkala - - - }> - - Informasi Setiap Saat - - - }> - - Informasi Dikecualikan - - - }> - - Penerangan Satuan - - - }> - - UU & Peraturan - - - - - - - - - - - - } - > - - Sejarah PPID Polri - - - } - > - - Profile Singkat PPID - - - }> - - Tugas dan Fungsi PPID - - - }> - - Struktur PPID - - - }> - - Visi & Misi PPID - - - - - - - - - - - - } - > - - Registrasi Permohonan - - - } - > - - Permohonan Informasi - - - }> - - Permohonan Keberatan - - - }> - - Statistik / Rekapitulasi - - - }> - - Laporan Informasi Publik Tahunan - - - - - - - - - - - - } - > - - Alur Pelayanan Informasi Publik Polri - - - } - > - - Tata Cara Permohonan Informasi - - - }> - - Mekanisme Keberatan - - - }> - - Mekanisme Permohonan Penyelesainan Sengketa - - - }> - - Waktu Pelayanan - - - }> - - Standar Biaya Pelayanan - - - }> - - Maklumat Pelayanan - - - - - - - Regulasi - - - - - Kontak - - -
-
- - - - -
-
*/} ) } diff --git a/public/assets/satker/pusdokes.svg b/public/assets/satker/pusdokes.svg index c8cc9cf..7becfd0 100644 --- a/public/assets/satker/pusdokes.svg +++ b/public/assets/satker/pusdokes.svg @@ -1,10 +1,10 @@ - - - + + + - + - + diff --git a/public/ppid-polri.png b/public/ppid-polri.png new file mode 100644 index 0000000..1beda85 Binary files /dev/null and b/public/ppid-polri.png differ