refractor: navbar humas, e-majalah polri
This commit is contained in:
amd123
parent
f9195a833b
commit
885e718c58
|
|
@ -2,7 +2,7 @@ import React from 'react'
|
||||||
|
|
||||||
export default function BannerHumas() {
|
export default function BannerHumas() {
|
||||||
return (
|
return (
|
||||||
<div className=' bg-white relative'>
|
<div className='bg-white relative text-white'>
|
||||||
<img src="headerbanner1.png"
|
<img src="headerbanner1.png"
|
||||||
alt="humasbanner"
|
alt="humasbanner"
|
||||||
className='w-full relative bottom-0 md:bottom-10'
|
className='w-full relative bottom-0 md:bottom-10'
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@ import { Input } from '@nextui-org/input';
|
||||||
import { Navbar, NavbarContent, NavbarItem, NavbarMenuToggle } from '@nextui-org/navbar';
|
import { Navbar, NavbarContent, NavbarItem, NavbarMenuToggle } from '@nextui-org/navbar';
|
||||||
import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '@nextui-org/react';
|
import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '@nextui-org/react';
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { ChevronDownIcon, ChevronRightWhite, FbIcon, IdnIcon, IgIcon, SearchIcon, TtIcon, TwIcon, YtIcon } from '../icons';
|
import { ChevronDownIcon, ChevronRightIcon, ChevronRightWhite, FbIcon, IdnIcon, IgIcon, SearchIcon, TtIcon, TwIcon, YtIcon } from '../icons';
|
||||||
import { ThemeSwitch } from '../theme-switch';
|
import { ThemeSwitch } from '../theme-switch';
|
||||||
|
|
||||||
export default function NavbarHumas() {
|
export default function NavbarHumas() {
|
||||||
|
|
@ -27,15 +27,25 @@ export default function NavbarHumas() {
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
return (
|
return (
|
||||||
<Navbar
|
<Navbar maxWidth='full' height="8rem" className='dark:bg-[#1F1A17]'>
|
||||||
shouldHideOnScroll
|
<div className='w-full h-full flex'>
|
||||||
position='static'
|
<div className='w-1/3 md:w-1/12 flex items-center justify-center'>
|
||||||
maxWidth='full' isBlurred={true} className='h-28 md:h-36 dark:bg-[#1F1A17]'>
|
<Link href={'/'}>
|
||||||
<div className='w-1/12 min-w-max'>
|
<img src="/logohumas.png" alt="logo" />
|
||||||
<img src="/logohumas.png" alt="" />
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
<div className='w-11/12 lg:w-8/12 font-semibold hidden md:block '>
|
<div className='w-11/12 hidden md:flex flex-col justify-cente pt-3 space-y-3'>
|
||||||
<div className='flex justify-around items-center'>
|
<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'>
|
||||||
<Link href={'/'}>
|
<Link href={'/'}>
|
||||||
<div>Beranda</div>
|
<div>Beranda</div>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
@ -208,38 +218,231 @@ export default function NavbarHumas() {
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Link href={'/kontak-kami'}>Kontak</Link></div>
|
<Link href={'/kontak-kami'}>Kontak</Link></div>
|
||||||
|
<div className='flex items-center gap-3'>
|
||||||
|
<div>{searchInput}</div>
|
||||||
<div><ThemeSwitch /></div>
|
<div><ThemeSwitch /></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<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">
|
|
||||||
<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>
|
|
||||||
<div className='pb-10 pt-3'>
|
|
||||||
{searchInput}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
||||||
<ThemeSwitch />
|
<ThemeSwitch />
|
||||||
<NavbarMenuToggle />
|
<NavbarMenuToggle />
|
||||||
</NavbarContent>
|
</NavbarContent>
|
||||||
|
</div>
|
||||||
</Navbar>
|
</Navbar>
|
||||||
|
// <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>
|
||||||
|
// <div className='w-11/12 lg:w-8/12 font-semibold hidden md:block '>
|
||||||
|
// <div className='flex justify-around items-center'>
|
||||||
|
// <Link href={'/'}>
|
||||||
|
// <div>Beranda</div>
|
||||||
|
// </Link>
|
||||||
|
// <div>
|
||||||
|
// <Dropdown className=' dark:bg-[#1F1A17]'>
|
||||||
|
// <NavbarItem>
|
||||||
|
// <DropdownTrigger>
|
||||||
|
// <Button
|
||||||
|
// disableRipple
|
||||||
|
// className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
|
||||||
|
// radius="sm"
|
||||||
|
// variant="light"
|
||||||
|
// endContent={<ChevronDownIcon className="pt-1" />}
|
||||||
|
// >
|
||||||
|
// Tentang
|
||||||
|
// </Button>
|
||||||
|
// </DropdownTrigger>
|
||||||
|
// </NavbarItem>
|
||||||
|
// <DropdownMenu
|
||||||
|
// // aria-label="tentang"
|
||||||
|
// // title='Tentang'
|
||||||
|
// className="pt-4"
|
||||||
|
// classNames={{
|
||||||
|
// // base: "flex",
|
||||||
|
// // list: "border-2 gap-2 flex flex-row flex-wrap"
|
||||||
|
// list: "gap-2 flex flex-row flex-wrap"
|
||||||
|
// }}
|
||||||
|
// itemClasses={{
|
||||||
|
// // base: "border border-red-700 w-[350px]"
|
||||||
|
// base: "w-[350px]"
|
||||||
|
// }}
|
||||||
|
// >
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}
|
||||||
|
// >
|
||||||
|
// <Link href='/tentang-humas-polri'>
|
||||||
|
// Tentang Humas POLRI
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}
|
||||||
|
// >
|
||||||
|
// <Link href='/profile-pimpinan-polri'>
|
||||||
|
// Profile Pimpinan POLRI
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='/struktur-organisasi'>
|
||||||
|
// Struktur Organisasi
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='/visi-misi'>
|
||||||
|
// Visi & Misi
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='/tugas-dan-fungsi'>
|
||||||
|
// Tugas & Fungsi
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// Logo
|
||||||
|
// </DropdownItem>
|
||||||
|
// </DropdownMenu>
|
||||||
|
// </Dropdown>
|
||||||
|
// </div>
|
||||||
|
// <div><Link href="/portal-ppid">Portal PPID</Link></div>
|
||||||
|
// <div>
|
||||||
|
// <Dropdown className='dark:bg-[#1F1A17]'>
|
||||||
|
// <NavbarItem>
|
||||||
|
// <DropdownTrigger>
|
||||||
|
// <Button
|
||||||
|
// disableRipple
|
||||||
|
// className="p-0 bg-transparent data-[hover=true]:bg-transparent text-medium font font-semibold"
|
||||||
|
// radius="sm"
|
||||||
|
// variant="light"
|
||||||
|
// endContent={<ChevronDownIcon className="pt-1" />}
|
||||||
|
// >
|
||||||
|
// Pelayanan Masyarakat
|
||||||
|
// </Button>
|
||||||
|
// </DropdownTrigger>
|
||||||
|
// </NavbarItem>
|
||||||
|
// <DropdownMenu
|
||||||
|
// aria-label="pelayanan-masyarakat"
|
||||||
|
// title='pelayanan-masyarakat'
|
||||||
|
// className="pt-4"
|
||||||
|
// classNames={{
|
||||||
|
// list: "gap-2 flex flex-row flex-wrap"
|
||||||
|
// }}
|
||||||
|
// itemClasses={{
|
||||||
|
// base: "w-[350px]"
|
||||||
|
// }}
|
||||||
|
// >
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}
|
||||||
|
// >
|
||||||
|
// <Link href={'/form-permohonan-informasi'}>
|
||||||
|
// Formulir Permohonan Informasi
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}
|
||||||
|
// >
|
||||||
|
// <Link href='https://www.digitalkorlantas.id/sim/' target="_blank">
|
||||||
|
// Pelayanan SIM
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='https://erikkes.id/' target="_blank">
|
||||||
|
// Pelayanan e-Rikkes SIM
|
||||||
|
// </Link>
|
||||||
|
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='https://eppsi.id/' target="_blank">
|
||||||
|
// Pelayanan Test Psikologi SIM
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href="https://e-avis.korlantas.polri.go.id/" target='_blank'>
|
||||||
|
// Pelayanan e-Arvis
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href="https://samsatdigital.id/" target='_blank'>
|
||||||
|
// Pelayanan Samsat Digital
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='https://play.google.com/store/apps/details?id=superapps.polri.presisi.presisi&hl=en_US' target='_blank'>
|
||||||
|
// Pelayanan SKCK
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam' target='_blank'>
|
||||||
|
// Pelayanan Propam Presisi
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='https://dumaspresisi.polri.go.id/' target='_blank'>
|
||||||
|
// Pelayanan Dumas Presisi
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='https://bos.polri.go.id/login' target='_blank'>
|
||||||
|
// Pelayanan Binmas
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// <DropdownItem
|
||||||
|
// endContent={<ChevronRightWhite />}>
|
||||||
|
// <Link href='https://play.google.com/store/apps/details?id=id.go.ssdmpolri.pengaduanappsbarupolri2' target='_blank'>
|
||||||
|
// Whistle Blower System
|
||||||
|
// </Link>
|
||||||
|
// </DropdownItem>
|
||||||
|
// </DropdownMenu>
|
||||||
|
// </Dropdown>
|
||||||
|
// </div>
|
||||||
|
// <div>
|
||||||
|
// <Link href={'/kontak-kami'}>Kontak</Link></div>
|
||||||
|
// <div><ThemeSwitch /></div>
|
||||||
|
// </div>
|
||||||
|
// </div>
|
||||||
|
// <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">
|
||||||
|
// <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>
|
||||||
|
// <div className='pb-10 pt-3'>
|
||||||
|
// {searchInput}
|
||||||
|
// </div>
|
||||||
|
// </div>
|
||||||
|
// <NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
||||||
|
// <ThemeSwitch />
|
||||||
|
// <NavbarMenuToggle />
|
||||||
|
// </NavbarContent>
|
||||||
|
// </Navbar>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@ export default function NavbarPPID() {
|
||||||
<div className='w-full h-full flex'>
|
<div className='w-full h-full flex'>
|
||||||
<div className='w-1/3 md:w-2/12 flex'>
|
<div className='w-1/3 md:w-2/12 flex'>
|
||||||
<Link href={'/'}>
|
<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' />
|
<img src="/e-ppid.png" alt="logo" className='w-auto lg:w-full h-auto lg:h-full p-0 lg:p-2 ' />
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
<div className='w-10/12 hidden md:flex flex-col justify-cente pt-3 space-y-3'>
|
<div className='w-10/12 hidden md:flex flex-col justify-cente pt-3 space-y-3'>
|
||||||
|
|
@ -334,288 +334,7 @@ export default function NavbarPPID() {
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
<div className='w-2/3 lg:w-9/12 hidden md:flex flex-wrap items-center justify-evenly '>
|
<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>
|
</div>
|
||||||
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
||||||
<ThemeSwitch />
|
<ThemeSwitch />
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
'use client'
|
'use client'
|
||||||
import { BreadcrumbItem, Breadcrumbs, Button, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, getKeyValue } from "@nextui-org/react";
|
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 { Checklist, EyeFilledIcon, EyeIcon, SearchIcon } from '../icons';
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
import SidebarNav from "../Landing Page/SidebarNav";
|
||||||
|
import { EyeFilledIcon, SearchIcon } from '../icons';
|
||||||
|
|
||||||
|
|
||||||
export default function ListEnewsPolri() {
|
export default function ListEnewsPolri() {
|
||||||
|
|
@ -11,8 +11,24 @@ export default function ListEnewsPolri() {
|
||||||
aria-label="Search"
|
aria-label="Search"
|
||||||
className="w-full"
|
className="w-full"
|
||||||
classNames={{
|
classNames={{
|
||||||
inputWrapper: "bg-white hover:!bg-gray-100",
|
input: ["w-full", "bg-transparent", "h-[20px]", "!text-black"],
|
||||||
input: "text-sm",
|
mainWrapper: ["w-full", "bg-transparent"],
|
||||||
|
innerWrapper: ["bg-transparent", "h-[20px]"],
|
||||||
|
inputWrapper: [
|
||||||
|
"bg-white",
|
||||||
|
"dark:bg-white",
|
||||||
|
// "!border-2 !border-gray-200",
|
||||||
|
"hover:!bg-gray-300",
|
||||||
|
"dark:hover:bg-gray-300",
|
||||||
|
"group-data-[focused=true]:bg-transparent",
|
||||||
|
"dark:group-data-[focused=true]:bg-transaparent",
|
||||||
|
"group-data-[focused=false]:bg-transparent",
|
||||||
|
"focus-within:!bg-transparent",
|
||||||
|
"h-[20px]",
|
||||||
|
"dark:focus-within:!bg-gray-100"
|
||||||
|
// "border-2",
|
||||||
|
// "border-red-500",
|
||||||
|
],
|
||||||
}}
|
}}
|
||||||
labelPlacement="outside"
|
labelPlacement="outside"
|
||||||
placeholder="Search..."
|
placeholder="Search..."
|
||||||
|
|
@ -179,8 +195,8 @@ export default function ListEnewsPolri() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='w-auto md:w-1/3 lg:w-[25%]'>
|
<div className='w-auto md:w-1/3 lg:w-[25%] px-2 md:px-4 py-2 text-black'>
|
||||||
<PPIDSidebar />
|
<SidebarNav />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue