mediahub
/
mediahub-fe
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: url in visualization

This commit is contained in:
Sabda Yagra 2025-12-05 11:16:37 +07:00
parent 9765479537
commit a9e205b9f0
8 changed files with 164 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/[locale]/(protected)/dashboard/executive/page.tsx
View File

@ -81,14 +81,14 @@ export default function ExecutiveDashboard() {
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[1] ? isInternational[1]
? // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?" ? // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-konten-header?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-header?"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-konten-header?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-header?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? // `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?polda-selected=${state}&` ? // `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?polda-selected=${state}&`
`views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-konten-header?provinsi-polda=${provState}&` `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-header?provinsi-polda=${provState}&`
: // `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?polda-selected=${state}&`; : // `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polda?polda-selected=${state}&`;
`views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-satker?satker-selected=${state}&`; `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-header?provinsi-polda=${provState}&`;
const view5 = const view5 =
levelName == "MABES POLRI" levelName == "MABES POLRI"

52
app/[locale]/(public)/(satker)/satker/[satker_name]/image/detail/[slug]/page.tsx
View File

@ -26,11 +26,14 @@ import {
} from "@/components/ui/popover"; } from "@/components/ui/popover";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
import { sendMediaUploadToEmail } from "@/service/media-tracking/media-tracking"; import { sendMediaUploadToEmail } from "@/service/media-tracking/media-tracking";
import Image from "next/image";
import { Skeleton } from "@/components/ui/skeleton";
const DetailInfo = () => { const DetailInfo = () => {
const [selectedSize, setSelectedSize] = useState<string>("L"); const [selectedSize, setSelectedSize] = useState<string>("L");
const [emailShareList, setEmailShareList] = useState<any>(); const [emailShareList, setEmailShareList] = useState<any>();
const router = useRouter(); const router = useRouter();
const [isLoading, setIsLoading] = useState<any>(true);
const pathname = usePathname(); const pathname = usePathname();
const params = useParams(); const params = useParams();
const slug = String(params?.slug); const slug = String(params?.slug);
@ -305,6 +308,33 @@ const DetailInfo = () => {
xhr.send(); xhr.send();
}; };
useEffect(() => {
const timer = setTimeout(() => {
setIsLoading(false);
}, 3000);
return () => clearTimeout(timer);
}, []);
const shimmer = (w: number, h: number) => `
<svg width="${w}" height="${h}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="g">
<stop stop-color="#bcbcbd" offset="20%" />
<stop stop-color="#f9fafb" offset="50%" />
<stop stop-color="#bcbcbd" offset="70%" />
</linearGradient>
</defs>
<rect width="${w}" height="${h}" fill="#bcbcbd" />
<rect id="r" width="${w}" height="${h}" fill="url(#g)" />
<animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite" />
</svg>`;
const toBase64 = (str: string) =>
typeof window === "undefined"
? Buffer.from(str).toString("base64")
: window.btoa(str);
return ( return (
<> <>
<div className="min-h-screen px-4 md:px-24 py-4"> <div className="min-h-screen px-4 md:px-24 py-4">
@ -312,14 +342,34 @@ const DetailInfo = () => {
{/* Bagian Kiri */} {/* Bagian Kiri */}
<div className="md:w-3/4"> <div className="md:w-3/4">
{/* Gambar Besar */} {/* Gambar Besar */}
<div className="relative"> {/* <div className="relative">
<img <img
src={detailDataImage?.files[selectedImage]?.url} src={detailDataImage?.files[selectedImage]?.url}
alt="Main" alt="Main"
className="rounded-lg w-auto h-fit" className="rounded-lg w-auto h-fit"
/> />
<div className="absolute top-4 left-4"></div> <div className="absolute top-4 left-4"></div>
</div> */}
{isLoading ? (
<div className="relative">
<Skeleton className="rounded-lg h-[300px] w-screen lg:h-[600px] lg:w-[900px]" />
</div> </div>
) : (
<div className="relative">
<Image
placeholder={`data:image/svg+xml;base64,${toBase64(
shimmer(700, 475)
)}`}
width={2560}
height={1440}
src={detailDataImage?.files[selectedImage]?.url}
alt="Main"
className="rounded-lg h-[300px] w-screen lg:h-[570px] lg:w-full object-contain"
/>
<div className="absolute top-4 right-4"></div>
</div>
)}
{/* Gambar bawah Kecil */} {/* Gambar bawah Kecil */}
<div className="py-4 flex flex-row gap-3"> <div className="py-4 flex flex-row gap-3">

67
app/[locale]/(public)/(satker)/satker/[satker_name]/image/filter/page.tsx
View File

@ -36,6 +36,7 @@ import ReactDatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css"; import "react-datepicker/dist/react-datepicker.css";
import { close, loading } from "@/config/swal"; import { close, loading } from "@/config/swal";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
import ImageBlurry from "@/components/ui/image-blurry";
const columns: ColumnDef<any>[] = [ const columns: ColumnDef<any>[] = [
{ {
@ -765,7 +766,7 @@ const FilterPage = () => {
key={image?.id} key={image?.id}
className="hover:scale-110 transition-transform duration-300" className="hover:scale-110 transition-transform duration-300"
> >
<CardContent className="flex flex-col text-xs lg:text-sm w-full p-0"> {/* <CardContent className="flex flex-col text-xs lg:text-sm w-full p-0">
<Link <Link
href={`${prefixPath}/image/detail/${image?.slug}`} href={`${prefixPath}/image/detail/${image?.slug}`}
> >
@ -794,6 +795,70 @@ const FilterPage = () => {
{image?.title} {image?.title}
</div> </div>
</Link> </Link>
</CardContent> */}
<CardContent className="flex flex-col text-xs lg:text-sm w-full p-0">
<Link
href={`${prefixPath}/image/detail/${image?.slug}`}
>
{/* <img src={image?.thumbnailLink} className="h-60 object-cover items-center justify-center cursor-pointer rounded-lg" /> */}
<div className="img-container h-60 bg-[#e9e9e9] cursor-pointer">
<ImageBlurry
src={
image?.smallThumbnailLink ||
image?.thumbnailLink
}
alt={image?.title}
style={{
objectFit: "contain",
width: "100%",
height: "100%",
}}
/>
</div>
{/* <div className="flex flex-row items-center gap-2 text-[10px] mx-1 mt-2">
{formatDateToIndonesian(
new Date(image?.createdAt)
)}{" "}
{image?.timezone ? image?.timezone : "WIB"}
&nbsp; |
<Icon
icon="formkit:eye"
width="15"
height="15"
/>
{image?.clickCount}{" "}
</div>
<div className="font-semibold pr-3 pb-3 mx-2 hover:h-auto truncate hover:whitespace-normal hover:overflow-visible w-full">
{image?.title}
</div> */}
<div className="p-4 h-full flex flex-col justify-between">
<div className="flex flex-col gap-1 flex-grow">
<div className="flex flex-row justify-between">
<p className="text-[9px] font-bold text-[#bb3523]">
{image?.categoryName?.toUpperCase() ??
"Giat Pimpinan"}
</p>
<p className="flex flex-row items-center text-[9px] gap-1 text-gray-600">
{formatDateToIndonesian(
new Date(image?.createdAt)
)}{" "}
{image?.timezone ?? "WIB"} |
<Icon
icon="formkit:eye"
width="15"
height="15"
/>{" "}
{image.clickCount}
</p>
</div>
<p className="text-sm lg:text-base font-semibold text-black dark:text-white line-clamp-4">
{image?.title}
</p>
</div>
</div>
</Link>
</CardContent> </CardContent>
</Card> </Card>
))} ))}

28
components/visualization/content-production.tsx
View File

@ -27,36 +27,40 @@ export default function ContentProductionVisualization() {
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[0] ? isInternational[0]
? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-published-produksi?" ? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-published-produksi?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-published-produksi?" "views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-published-produksi?"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-published-produksi?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-published-produksi?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-published-produksi?" "views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-published-produksi?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-published-produksi-polda?provinsi-polda=${provState}&` ? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-published-produksi-polda?provinsi-polda=${provState}&`
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-published-produksi?provinsi-polda=${provState}&` `views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-published-produksi?provinsi-polda=${provState}&`
: // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-published-produksi-polda?provinsi-polda=${provState}`; : // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-published-produksi-polda?provinsi-polda=${provState}`;
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-published-produksi?provinsi-polda=${provState}&`; `views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-published-produksi?provinsi-polda=${provState}&`;
const view2 = const view2 =
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[1] ? isInternational[1]
? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-publisher?" ? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-publisher?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher?" "views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-konten-publisher?"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher?" "views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-konten-publisher?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher-polda?provinsi-polda=${state}&` ? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher-polda?provinsi-polda=${state}&`
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher?provinsi-polda=${provState}&` `views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-konten-publisher?provinsi-polda=${provState}&`
: // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher-polda?provinsi-polda=${state}&`; : // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher-polda?provinsi-polda=${state}&`;
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher?provinsi-polda=${provState}&`; `views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-konten-publisher?provinsi-polda=${provState}&`;
const view3 = const view3 =
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[2] ? isInternational[2]
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-waktu-akses-pengguna?" ? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-waktu-akses-pengguna?"
: "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna?" "views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-heatmap-bd?"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna?"
"views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-heatmap-bd?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${provState}` ? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${provState}`
: `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${provState}&`; `views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-heatmap-bd?provinsi-polda=${provState}`
: // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${provState}&`;
`views/2025_11_Mediahub-Admin-Mabes-BreadkdownRev100/db-heatmap-bd?provinsi-polda=${provState}`;
const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true"; const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";

8
components/visualization/dashboard-viz.tsx
View File

@ -24,14 +24,14 @@ export default function DashboardVisualization() {
const view1 = const view1 =
safeLevelName === "MABES POLRI" safeLevelName === "MABES POLRI"
? isInternational[0] ? isInternational[0]
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-content-monitor?" ? "views/202511_Mediahub-Admin-Mabes-Breakdown-content-monitor_rev100/db-content-monitor?"
: // "views/2025_10_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?" : // "views/2025_10_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?"
"views/2023_09_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?" "views/202511_Mediahub-Admin-Mabes-Breakdown-content-monitor_rev100/db-content-monitor?"
: // "views/2025_10_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?" : // "views/2025_10_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?"
safeLevelName.includes("POLDA") safeLevelName.includes("POLDA")
? `views/2023_09_MediaHUB-Viz-ADMIN-POLDA-content-monitor_Rev100/db-content-monitor?provinsi-polda=${state}&` ? `views/202511_Mediahub-Admin-Mabes-Breakdown-content-monitor_rev100/db-content-monitor?provinsi-polda=${state}&`
: // `views/2025_10_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?provinsi-polda=${state}&` : // `views/2025_10_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?provinsi-polda=${state}&`
`views/2023_09_MediaHUB-Viz-ADMIN-POLDA-content-monitor_Rev100/db-content-monitor?satker-selected=${state}&`; `views/202511_Mediahub-Admin-Mabes-Breakdown-content-monitor_rev100/db-content-monitor?provinsi-polda=${state}&`;
// `views/2025_10_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?provinsi-polda=${state}&`; // `views/2025_10_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?provinsi-polda=${state}&`;
const view2 = const view2 =

6
components/visualization/management-user-viz.tsx
View File

@ -20,11 +20,11 @@ export default function ManagementUserVisualization() {
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational ? isInternational
? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-user-count?" ? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-user-count?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-user-count?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-user-count?"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-user-count?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-user-count?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-user-count?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-user-count?"
: // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-user-count-polda?provinsi-polda=${poldaState}&`; : // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-user-count-polda?provinsi-polda=${poldaState}&`;
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-user-count?provinsi-polda=${provState}&`; `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-user-count?provinsi-polda=${provState}&`;
const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true"; const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";

24
components/visualization/pattern-relation-viz.tsx
View File

@ -41,40 +41,40 @@ export default function PatternRelationVisualization() {
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[1] ? isInternational[1]
? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten?" ? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten?"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-polda?provinsi-polda=${state}&` ? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-polda?provinsi-polda=${state}&`
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten?provinsi-polda=${provState}&` `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten?provinsi-polda=${provState}&`
: // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-polda?provinsi-polda=${state}`; : // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-polda?provinsi-polda=${state}`;
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten?provinsi-polda=${provState}&`; `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten?provinsi-polda=${provState}&`;
const view3 = const view3 =
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[2] ? isInternational[2]
? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-kategori-top10?" ? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-kategori-top10?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-kategori-top10?"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-kategori-top10?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10-polda?provinsi-polda=${provState}&` ? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10-polda?provinsi-polda=${provState}&`
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10?provinsi-polda=${provState}&` `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-kategori-top10?provinsi-polda=${provState}&`
: // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10-polda?provinsi-polda=${provState}&`; : // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10-polda?provinsi-polda=${provState}&`;
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10?provinsi-polda=${provState}&`; `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-kategori-top10?provinsi-polda=${provState}&`;
const view4 = const view4 =
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[3] ? isInternational[3]
? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-kategori?" ? // "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-kategori?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-kategori?"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-kategori?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-polda?provinsi-polda=${state}&` ? // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-polda?provinsi-polda=${state}&`
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori?provinsi-polda=${provState}&` `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-kategori?provinsi-polda=${provState}&`
: // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-polda?provinsi-polda=${provState}&`; : // `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-polda?provinsi-polda=${provState}&`;
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori?provinsi-polda=${provState}&`; `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-konten-kategori?provinsi-polda=${provState}&`;
const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true"; const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";

14
components/visualization/performance-polda.tsx
View File

@ -28,24 +28,24 @@ export default function PerformancePoldaViz() {
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[0] ? isInternational[0]
? // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-ranking-polda?" ? // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-ranking-polda?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-ranking-polda?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-ranking-polda?"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-ranking-polda?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-ranking-polda?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-ranking-polda?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-ranking-polda?"
: // `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${state}&`; : // `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${state}&`;
`views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-ranking-polda?provinsi-polda=${provState}&`; `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-ranking-polda?provinsi-polda=${provState}&`;
const view2 = const view2 =
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[0] ? isInternational[0]
? // "views/2023_09_db-ranking-polda_rev100/db-ranking-13?" ? // "views/2023_09_db-ranking-polda_rev100/db-ranking-13?"
"views/2025_10_db-ranking-polda_rev100/db-ranking-13?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-jumlah-konten?"
: // "views/2023_09_db-ranking-polda_rev100/db-ranking-13?" : // "views/2023_09_db-ranking-polda_rev100/db-ranking-13?"
"views/2025_10_db-ranking-polda_rev100/db-ranking-13?" "views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-jumlah-konten?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? // `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${state}&` ? // `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${state}&`
`views/2025_10_db-ranking-polda_rev100/db-ranking-13?provinsi-polda=${provState}&` `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-jumlah-konten?provinsi-polda=${provState}&`
: // `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${state}&`; : // `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${state}&`;
`views/2025_10_db-ranking-polda_rev100/db-ranking-13?provinsi-polda=${provState}&`; `views/2025_11_Mediahub-Admin-Mabes-Breadkdown-Rev100/db-jumlah-konten?provinsi-polda=${provState}&`;
const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true"; const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";