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() {
|
||||
return (
|
||||
<div className=' bg-white relative'>
|
||||
<div className='bg-white relative text-white'>
|
||||
<img src="headerbanner1.png"
|
||||
alt="humasbanner"
|
||||
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 { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from '@nextui-org/react';
|
||||
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';
|
||||
|
||||
export default function NavbarHumas() {
|
||||
|
|
@ -27,219 +27,422 @@ export default function NavbarHumas() {
|
|||
/>
|
||||
);
|
||||
return (
|
||||
<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'>
|
||||
<Navbar maxWidth='full' height="8rem" className='dark:bg-[#1F1A17]'>
|
||||
<div className='w-full h-full flex'>
|
||||
<div className='w-1/3 md:w-1/12 flex items-center justify-center'>
|
||||
<Link href={'/'}>
|
||||
<div>Beranda</div>
|
||||
<img src="/logohumas.png" alt="logo" />
|
||||
</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 className='w-11/12 hidden md:flex flex-col justify-cente pt-3 space-y-3'>
|
||||
<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><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" />}
|
||||
<div className='flex flex-wrap items-center justify-around'>
|
||||
<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 />}
|
||||
>
|
||||
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='/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]"
|
||||
}}
|
||||
>
|
||||
<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
|
||||
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>
|
||||
</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 className='flex items-center gap-3'>
|
||||
<div>{searchInput}</div>
|
||||
<div><ThemeSwitch /></div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<Link href={'/kontak-kami'}>Kontak</Link></div>
|
||||
<div><ThemeSwitch /></div>
|
||||
</div>
|
||||
<NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
|
||||
<ThemeSwitch />
|
||||
<NavbarMenuToggle />
|
||||
</NavbarContent>
|
||||
</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>
|
||||
// <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-1/3 md:w-2/12 flex'>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</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 />
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
'use client'
|
||||
import { BreadcrumbItem, Breadcrumbs, Button, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, getKeyValue } from "@nextui-org/react";
|
||||
import PPIDSidebar from '../Portal PPID/PPIDSidebar';
|
||||
import { Checklist, EyeFilledIcon, EyeIcon, SearchIcon } from '../icons';
|
||||
import { BreadcrumbItem, Breadcrumbs, Button, Input, Select, SelectItem, SelectSection, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@nextui-org/react";
|
||||
import Link from "next/link";
|
||||
import SidebarNav from "../Landing Page/SidebarNav";
|
||||
import { EyeFilledIcon, SearchIcon } from '../icons';
|
||||
|
||||
|
||||
export default function ListEnewsPolri() {
|
||||
|
|
@ -11,8 +11,24 @@ export default function ListEnewsPolri() {
|
|||
aria-label="Search"
|
||||
className="w-full"
|
||||
classNames={{
|
||||
inputWrapper: "bg-white hover:!bg-gray-100",
|
||||
input: "text-sm",
|
||||
input: ["w-full", "bg-transparent", "h-[20px]", "!text-black"],
|
||||
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"
|
||||
placeholder="Search..."
|
||||
|
|
@ -179,8 +195,8 @@ export default function ListEnewsPolri() {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='w-auto md:w-1/3 lg:w-[25%]'>
|
||||
<PPIDSidebar />
|
||||
<div className='w-auto md:w-1/3 lg:w-[25%] px-2 md:px-4 py-2 text-black'>
|
||||
<SidebarNav />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
|
|
|||
Loading…
Reference in New Issue