From 8df66601996090948078cc0d97024a01e6692e47 Mon Sep 17 00:00:00 2001 From: amd123 Date: Fri, 15 Mar 2024 17:19:37 +0700 Subject: [PATCH] feat: ppid satker dynamic title --- app/portal-ppid/page.tsx | 8 +- app/portal-ppid/polda/[polda-name]/page.tsx | 2 +- .../satuan-kerja/[satker-name]/page.tsx | 9 +- components/Portal PPID/PPIDMainSatker.tsx | 23 ++ components/Portal PPID/PPIDSatker.tsx | 229 ++++++++++++- components/Portal PPID/PPIDSatkerSidebar.tsx | 100 ++++++ components/Portal PPID/PpidMain.tsx | 5 +- components/Portal PPID/ppid-banner.tsx | 14 +- components/navbar/NavbarSatker.tsx | 310 ------------------ public/assets/satker/pusdokes.svg | 10 +- public/ppid-polri.png | Bin 0 -> 1913 bytes 11 files changed, 377 insertions(+), 333 deletions(-) create mode 100644 components/Portal PPID/PPIDMainSatker.tsx create mode 100644 components/Portal PPID/PPIDSatkerSidebar.tsx create mode 100644 public/ppid-polri.png 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 0000000000000000000000000000000000000000..1beda855cbd07af5a77b5a97ff80458868d556fb GIT binary patch literal 1913 zcmd5-={wtr7XDGHV!Iubs?bNPiq=f4YOAUx6isL(Wh}LIh9;J%B_U%e)yp+Q@90Qr zf*C`EqUq=oYZ^uCc0!Y2Bs5K#AQ4R_B^o4S=EMCH?sGq!bKduT&WH2iecn?M1`9L* zS%3flFbKNn4+j7ZyIp*3-`?H+La^bwJ9IG@zsv#vJ>$Ph1E?pO?}{2(@IYUni)p#C zOSF=GpgsUVt=8L4&;|eLz4BiT4pXJRhAcl_^Ngq)^3U4fA%tL`Os`0binR7Ce(xK@AiSQ3 zB>s!p*QsBtzrwz+k?zo^=b^bmlD(X_R3LFH@c__-E+uQsQ4G}~id0$u0@ z1HV0dK&8qWM{PrDi82P|SB>KRSJkgt`t4(x8pWp!3;}%`B5=>&P2-CSjAs020xkMc zhHi1tEn}c&pB->)KMc6^KVD$j=)4Y3%NP`T)$c3~D;j!}C)8PyZu`huF)HEk_ukh1 zH~1vCEH)CYc!FGeXLmobXk+!$kW&p9yJME#_a?AtiSMmIlF`w#mRog#zR-Dki)Xr& zyaiEE6_eGfjd6)59?jsxj(G~lS5%we4^$>H%kpOJj2W$qgzgXQQ+$)Tn5>*zkq=q z*lEm4^&{TFf{#BfXQp_9Y@y8vgR;_~q$v}}W#{W$N*Jgxa6+eh+g*GfLCIX1d)%3l zJ3Jwl+m_-GFg<^v61SK`%gBxG5e!!P#y>GB@gjExv{SocCFy5D)qXx5)H1w}D2;U9 z+eFuDsCveGe(b&oii|L*J&lp2XU9O4xHfAC@~xcINI^kmAYZSYz^HVBPv_M4K5n*`%z`mgt=3@*Emi)6KksA#8_;tbv9%|%DoQY- z5@aLAmW8nD|ARgij8!wTzxka(Y01k}xouyFc8`5d;Wtm}4K00Gx++__TQyIk$YVEY zs9R%5TwxBeWwcm%m?)$&CXJC7yzIJ1R4RmvbC$=PdKFy%$b~#ylocF_Y+1e4QDC3y&UyzcLp`)L7 zG4}R2d>iZwA9|_?YhCEj>eU9srI;UMfP<2zAQYrDk^IZkEy<%_5Zs{`W; z>0s3R(4zj}fSo$b7aV6T(;IbSw&TPUaXPBGDVSx>>0?V&#SF-=vM7=&_qh68q|Hs5 z&+m61VvIfR46Nhch8hL$R8(2auCFDK-02olBs>FEN2X9#dKLMddx|46uBE1~N^a|h`uPnT z4hVpEQxNaq!CBPYDD; LVE$dc@g;u(n}>{k literal 0 HcmV?d00001