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

feat: dynamic ppid satker

This commit is contained in:
amd123 2024-03-20 10:14:01 +07:00
parent 8df6660199
commit 3e727dad9b
21 changed files with 193 additions and 312 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-berkala/page.tsx Normal file
View File

@ -0,0 +1,7 @@
import InformasiBerkala from '@/components/table/informasi-berkala'
export default function InformasiSMPage() {
return (
<InformasiBerkala />
)
}

7
app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-dikecualikan/page.tsx Normal file
View File

@ -0,0 +1,7 @@
import InformasiDikecualikan from '@/components/table/informasi-dikecualikan'
export default function InfromationExcluded() {
return (
<InformasiDikecualikan />
)
}

8
app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-serta-merta/page.tsx Normal file
View File

@ -0,0 +1,8 @@
import InformasiSertaMerta from '@/components/table/informasi-sertamerta'
import React from 'react'
export default function InformasiSMPage() {
return (
<InformasiSertaMerta />
)
}

8
app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/informasi-setiap-saat/page.tsx Normal file
View File

@ -0,0 +1,8 @@
import InformasiSetiapSaat from '@/components/table/informasi-setiap-saat'
import React from 'react'
export default function InformasiSSPage() {
return (
<InformasiSetiapSaat />
)
}

0
app/portal-ppid/satuan-kerja/[satker-name]/layout.tsx → app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/layout.tsx
View File

8
app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/penerangan-satuan/page.tsx Normal file
View File

@ -0,0 +1,8 @@
import PeneranganSatuan from '@/components/table/penerangan-satuan'
import React from 'react'
export default function UnitIlumintaion() {
return (
<PeneranganSatuan />
)
}

8
app/portal-ppid/satuan-kerja/[satker-name]/informasi-publik/uu-dan-peraturan/page.tsx Normal file
View File

@ -0,0 +1,8 @@
import UUPeraturan from '@/components/table/uu-peraturan'
import React from 'react'
export default function LawsRegulation() {
return (
<UUPeraturan />
)
}

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

@ -1,6 +1,8 @@
'use client'
import PPIDSatkerMain from '@/components/Portal PPID/PPIDMainSatker';
import PPIDBanner from '@/components/Portal PPID/ppid-banner';
import FooterSatker from '@/components/navbar/FooterSatker';
import NavbarSatker from '@/components/navbar/NavbarSatker';
import { usePathname } from 'next/navigation';
export default function SatkerPage() {
@ -9,8 +11,10 @@ export default function SatkerPage() {
return (
<div className='text-black'>
<NavbarSatker />
<PPIDBanner url={url} />
<PPIDSatkerMain />
<FooterSatker />
</div>
)
}

19
app/portal-ppid/satuan-kerja/[satker-name]/profile/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>
)
}

1
components/Portal PPID/PPIDMainSatker.tsx
View File

@ -2,7 +2,6 @@
import LatestNews from './LatestNews'
import MediaUpdate from './MediaUpdate'
import PPIDSatkerSidebar from './PPIDSatkerSidebar'
import PPIDSidebar from './PPIDSidebar'
import PublicInformation from './PublicInformation'
import Statistics from './Statistics'

10
components/Portal PPID/PPIDPolda.tsx
View File

@ -1,8 +1,8 @@
'use client'
import { BreadcrumbItem, Breadcrumbs, Button, Image, 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, Image, Input } from "@nextui-org/react";
import Link from "next/link";
import PPIDSidebar from '../Portal PPID/PPIDSidebar';
import { SearchIcon } from '../icons';
export default function PPIDPolda() {
@ -16,7 +16,7 @@ export default function PPIDPolda() {
},
{
id: 2,
img: "/assets/polda/polda-jabar.svg",
img: "/assets/polda/polda-jawa-barat.svg",
title: "Polda Jawa Barat",
path: 'polda/polda-jawa-barat'
},
@ -172,7 +172,7 @@ export default function PPIDPolda() {
},
{
id: 28,
img: "/assets/polda/polda-sulut.svg",
img: "/assets/polda/polda-sulawesi-utara.svg",
title: "Polda Sulawesi Utara",
path: 'polda/polda-sulawesi-utara'
},

380
components/Portal PPID/PPIDSatker.tsx
View File

@ -7,223 +7,195 @@ 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'
img: "/assets/satker/siber.svg",
path: 'satuan-kerja/siber'
},
{
id: 2,
img: "/assets/polda/polda-jabar.svg",
title: "Polda Jawa Barat",
path: 'polda/polda-jawa-barat'
img: "/assets/satker/divkum.svg",
path: 'satuan-kerja/divkum'
},
{
id: 3,
img: "/assets/polda/polda-banten.svg",
title: "Polda Banten",
path: 'polda/polda-banten'
img: "/assets/satker/puskeu.svg",
path: 'satuan-kerja/puskeu'
},
{
id: 4,
img: "/assets/polda/polda-jateng.svg",
title: "Polda Jawa Tengah",
path: 'polda/polda-jateng'
img: "/assets/satker/ssdm.svg",
path: 'satuan-kerja/ssdm'
},
{
id: 5,
img: "/assets/polda/polda-diy.svg",
title: "Polda D.I Yogyakarta",
path: 'polda/polda-daerah-istimewa-yogyakarta'
img: "/assets/satker/itwasum.svg",
path: 'satuan-kerja/itwasum'
},
{
id: 6,
img: "/assets/polda/polda-jatim.svg",
title: "Polda Jawa Timur",
path: 'polda/polda-jawa-timur'
img: "/assets/satker/stik-ptik.svg",
path: 'satuan-kerja/stik-ptik'
},
{
id: 7,
img: "/assets/polda/polda-aceh.svg",
title: "Polda Aceh",
path: 'polda/polda-aceh'
img: "/assets/satker/brimob.svg",
path: 'satuan-kerja/brimob'
},
{
id: 8,
img: "/assets/polda/polda-sumut.svg",
title: "Polda Sumatra Utara",
path: 'polda/polda-sumatra-utara'
img: "/assets/satker/div-humas.svg",
path: 'satuan-kerja/div-humas'
},
{
id: 9,
img: "/assets/polda/polda-sumbar.svg",
title: "Polda Sumatra Barat",
path: 'polda/polda-sumatra-barat'
img: "/assets/satker/puslitbang.svg",
path: 'satuan-kerja/puslitbang'
},
{
id: 10,
img: "/assets/polda/polda-riau.svg",
title: "Polda Riau",
path: 'polda/polda-riau'
img: "/assets/satker/binmas.svg",
path: 'satuan-kerja/binmas'
},
{
id: 11,
img: "/assets/polda/polda-kepri.svg",
title: "Polda Kep.Riau",
path: 'polda/polda-kepulauan-riau'
img: "/assets/satker/divtik.svg",
path: 'satuan-kerja/divtik'
},
{
id: 12,
img: "/assets/polda/polda-jambi.svg",
title: "Polda Jambi",
path: 'polda/polda-jambi'
img: "/assets/satker/spripim.svg",
path: 'satuan-kerja/spripim'
},
{
id: 13,
img: "/assets/polda/polda-jambi.svg",
title: "Polda Jambi",
path: 'polda/polda-jambi'
img: "/assets/satker/propam.svg",
path: 'satuan-kerja/propam'
},
{
id: 14,
img: "/assets/polda/polda-sumsel.svg",
title: "Polda Sumatra Selatan",
path: 'polda/polda-sumatra-selatan'
img: "/assets/satker/baharkam.svg",
path: 'satuan-kerja/sabhara-baharkam'
},
{
id: 15,
img: "/assets/polda/polda-sumsel.svg",
title: "Polda Kep.Bangka Belitung",
path: 'polda/polda-bangka-belitung'
img: "/assets/satker/pusdokkes.svg",
path: 'satuan-kerja/pusdokkes'
},
{
id: 16,
img: "/assets/polda/polda-bengkulu.svg",
title: "Polda Bengkulu",
path: 'polda/polda-bengkulu'
img: "/assets/satker/baharkam2.svg",
path: 'satuan-kerja/baharkam'
},
{
id: 17,
img: "/assets/polda/polda-lampung.svg",
title: "Polda Lampung",
path: 'polda/polda-lampung'
img: "/assets/satker/polairud.svg",
path: 'satuan-kerja/polairud'
},
{
id: 18,
img: "/assets/polda/polda-ntb.svg",
title: "Polda Nusa Tenggara Barat",
path: 'polda/polda-ntb'
img: "/assets/satker/polair.svg",
path: 'satuan-kerja/polair'
},
{
id: 19,
img: "/assets/polda/polda-ntb.svg",
title: "Polda Nusa Tenggara Barat",
path: 'polda/polda-ntb'
img: "/assets/satker/poludara.svg",
path: 'satuan-kerja/poludara'
},
{
id: 20,
img: "/assets/polda/polda-ntt.svg",
title: "Polda Nusa Tenggara Timur",
path: 'polda/polda-ntt'
img: "/assets/satker/lemdiklat.svg",
path: 'satuan-kerja/lemdiklat'
},
{
id: 21,
img: "/assets/polda/polda-bali.svg",
title: "Polda Bali",
path: 'polda/polda-bali'
img: "/assets/satker/akpol.svg",
path: 'satuan-kerja/akpol'
},
{
id: 22,
img: "/assets/polda/polda-kalbar.svg",
title: "Polda Kalimantan Barat",
path: 'polda/polda-kalimantan-barat'
img: "/assets/satker/korlantas.svg",
path: 'satuan-kerja/korlantas'
},
{
id: 23,
img: "/assets/polda/polda-kalteng.svg",
title: "Polda Kalimantan Tengah",
path: 'polda/polda-kalimantan-tengah'
img: "/assets/satker/pusinafis.svg",
path: 'satuan-kerja/pusinafis'
},
{
id: 24,
img: "/assets/polda/polda-kalsel.svg",
title: "Polda Kalimantan Selatan",
path: 'polda/polda-kalimantan-selatan'
img: "/assets/satker/pusjarah.svg",
path: 'satuan-kerja/pusjarah'
},
{
id: 25,
img: "/assets/polda/polda-kaltim.svg",
title: "Polda Kalimantan Timur",
path: 'polda/polda-kalimantan-timur'
img: "/assets/satker/pusiknas.svg",
path: 'satuan-kerja/pusiknas'
},
{
id: 26,
img: "/assets/polda/polda-kalut.svg",
title: "Polda Kalimantan Utara",
path: 'polda/polda-kalimantan-utara'
img: "/assets/satker/slog.svg",
path: 'satuan-kerja/slog'
},
{
id: 27,
img: "/assets/polda/polda-sulteng.svg",
title: "Polda Sulawesi Tengah",
path: 'polda/polda-sulawesi-tengah'
img: "/assets/satker/baintelkam.svg",
path: 'satuan-kerja/baintelkam'
},
{
id: 28,
img: "/assets/polda/polda-sulut.svg",
title: "Polda Sulawesi Utara",
path: 'polda/polda-sulawesi-utara'
img: "/assets/satker/bareskrim.svg",
path: 'satuan-kerja/bareskrim'
},
{
id: 29,
img: "/assets/polda/polda-gorontalo.svg",
title: "Polda Gorontalo",
path: 'polda/polda-gorontalo'
img: "/assets/satker/divhubinter.svg",
path: 'satuan-kerja/div-hubinter'
},
{
id: 30,
img: "/assets/polda/polda-sulbar.svg",
title: "Polda Sulawesi Barat",
path: 'polda/polda-sulawesi-barat'
img: "/assets/satker/setum.svg",
path: 'satuan-kerja/setum'
},
{
id: 31,
img: "/assets/polda/polda-sulsel.svg",
title: "Polda Sulawesi Selatan",
path: 'polda/polda-sulawesi-selatan'
img: "/assets/satker/puslabfor.svg",
path: 'satuan-kerja/puslabfor'
},
{
id: 32,
img: "/assets/polda/polda-sultenggara.svg",
title: "Polda Sulawesi Tenggara",
path: 'polda/polda-sulawesi-tenggara'
img: "/assets/satker/densus.svg",
path: 'satuan-kerja/densus88'
},
{
id: 33,
img: "/assets/polda/polda-malut.svg",
title: "Polda Maluku Utara",
path: 'polda/polda-maluku-utara'
img: "/assets/satker/sahli-kapolri.svg",
path: 'satuan-kerja/sahli-kapolri'
},
{
id: 34,
img: "/assets/polda/polda-maluku.svg",
title: "Polda Maluku",
path: 'polda/polda-maluku'
img: "/assets/satker/sops.svg",
path: 'satuan-kerja/sops'
},
{
id: 35,
img: "/assets/polda/polda-papuabarat.svg",
title: "Polda Papua Barat",
path: 'polda/polda-papua-barat'
img: "/assets/satker/srena.svg",
path: 'satuan-kerja/srena'
},
{
id: 36,
img: "/assets/polda/polda-papua.svg",
title: "Polda Papua",
path: 'polda/polda-papua'
img: "/assets/satker/sespim.svg",
path: 'satuan-kerja/sespim'
},
{
id: 37,
img: "/assets/satker/setupa.svg",
path: 'satuan-kerja/setupa'
},
];
@ -267,191 +239,13 @@ export default function PPIDSatker() {
<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" className="h-[89px]" />
</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>
{listSatkerAll.map((data) => (
<div className="flex justify-center">
<Link href={data.path}>
<img src={data.img} alt="logo" />
</Link>
</div>
))}
</div>
</div>
</div>

18
components/Portal PPID/PublicInformation.tsx
View File

@ -1,10 +1,26 @@
'use client'
import Link from 'next/link';
import { usePathname } from 'next/navigation'
import React from 'react'
export default function PublicInformation() {
const pathname = usePathname()
const currentPath = pathname;
let targetPath;
if (currentPath.includes('/satuan-kerja')) {
// Jika path adalah '/portal-ppid', arahkan ke '/portal-ppid/informasi-publik'
targetPath = '/portal-ppid/informasi-publik/informasi-serta-merta';
} {
// Jika path adalah '/portal-ppid/satuan-kerja/div-humas', arahkan ke '/portal-ppid/satuan-kerja/div-humas/informasi-publik'
targetPath = '/portal-ppid/satuan-kerja/div-humas/informasi-publik/informasi-serta-merta';
}
return (
<div className='bg-[#E2E2E2] text-black p-1 md:p-4'>
<div className='text-lg font-semibold underline underline-offset-8 decoration-red-600 pb-5'>
Informasi Publik
{targetPath} <br />
{currentPath}
</div>
<div className='grid grid-col-2 md:grid-cols-3 lg:grid-cols-4 gap-4 text-white font-semibold text-md'>
<div className='flex flex-col items-center gap-2 p-3 bg-[#DD8306] rounded-md'>

8
components/Portal PPID/Statistics.tsx
View File

@ -7,22 +7,22 @@ export default function Statistics() {
<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><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><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><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><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>

1
components/Portal PPID/ppid-banner.tsx
View File

@ -6,7 +6,6 @@ interface PPIDBannerProps {
url: string;
}
export default function PPIDBanner({ url }: PPIDBannerProps) {
return (

2
components/navbar/FooterSatker.tsx
View File

@ -4,7 +4,7 @@ import { FbIcon, Hotline, IgIcon, Location, Mail, TtIcon, TwIcon, WorldIcon, YtI
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 id='footer-satker' 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>

16
components/navbar/NavbarSatker.tsx
View File

@ -8,6 +8,9 @@ import { usePathname } from 'next/navigation'
export default function NavbarSatker() {
const pathname = usePathname()
const newPathname = pathname.split('/')[3]
const isPolda = pathname.split('/')[2] == "polda"
console.log(isPolda, "polda");
return (
<Navbar maxWidth='full' height="8rem" className='dark:bg-[#1F1A17]'>
@ -17,7 +20,8 @@ export default function NavbarSatker() {
<div className='h-full flex'>
<img src="/assets/satker/EPPID2.png" alt="logo" className='w-auto lg:w-full h-auto lg:h-full p-0 lg:p-2 flex' />
<div className='absolute top-5 right-[-35px]'>
<img src="/assets/satker/pusdokes.svg" alt="" className='w-36' />
<img src={`/assets/${isPolda ? 'polda' : 'satker'}/${newPathname}.svg`} alt="" className={isPolda ? 'w-14 mr-12 mt-1' : 'w-36 mr-1'} />
<div>{ }</div>
</div>
</div>
</Link>
@ -70,7 +74,7 @@ export default function NavbarSatker() {
<DropdownItem
endContent={<ChevronRightIcon />}
>
<Link href='/portal-ppid/informasi-publik/informasi-serta-merta' color='foreground'>
<Link href={`/portal-ppid/satuan-kerja/${newPathname}/informasi-publik/informasi-serta-merta`} color='foreground'>
Informasi Serta Merta
</Link>
</DropdownItem>
@ -151,19 +155,19 @@ export default function NavbarSatker() {
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/tugas-dan-fungsi-ppid' color='foreground'>
<Link href={`/portal-ppid/satuan-kerja/${newPathname}/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'>
<Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/struktur-ppid`} color='foreground'>
Struktur PPID
</Link>
</DropdownItem>
<DropdownItem
endContent={<ChevronRightIcon />}>
<Link href='/portal-ppid/profile/visi-dan-misi-ppid' color='foreground'>
<Link href={`/portal-ppid/satuan-kerja/${newPathname}/profile/visi-dan-misi-ppid`} color='foreground'>
Visi & Misi PPID
</Link>
</DropdownItem>
@ -311,7 +315,7 @@ export default function NavbarSatker() {
</Link>
</NavbarItem>
<NavbarItem>
<Link href='/portal-ppid' color='foreground'>
<Link href='#footer-satker' color='foreground'>
Kontak
</Link>
</NavbarItem>

0
public/assets/polda/polda-jabar.svg → public/assets/polda/polda-jawa-barat.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

0
public/assets/polda/polda-sulut.svg → public/assets/polda/polda-sulawesi-utara.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

0
public/assets/satker/humas.svg → public/assets/satker/div-humas.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

0
public/assets/satker/pusdokes.svg → public/assets/satker/pusdokkes.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 466 KiB

After

Width:  |  Height:  |  Size: 466 KiB