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

fix: edit url in all tableau

This commit is contained in:
Sabda Yagra 2025-11-12 00:14:42 +07:00
parent c7b2456a78 a08841b44c
commit cde575cb5e
37 changed files with 230 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
.gitlab-ci.yml
View File

@ -6,10 +6,12 @@ build-prod:
stage: build stage: build
when: on_success when: on_success
only: only:
- prod - main
image: docker:stable - dev-landing-v2
image:
name: docker:25.0.3-cli
services: services:
- name: docker:dind - name: docker:25.0.3-dind
command: ["--insecure-registry=103.82.242.92:8900"] command: ["--insecure-registry=103.82.242.92:8900"]
script: script:
- docker logout - docker logout

41
app/[locale]/(protected)/contributor/content/image/components/table-image.tsx
View File

@ -34,7 +34,7 @@ import {
} from "@/components/ui/dropdown-menu"; } from "@/components/ui/dropdown-menu";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { InputGroup, InputGroupText } from "@/components/ui/input-group"; import { InputGroup, InputGroupText } from "@/components/ui/input-group";
import { useParams } from "next/navigation"; import { useParams, useSearchParams } from "next/navigation";
import TablePagination from "@/components/table/table-pagination"; import TablePagination from "@/components/table/table-pagination";
import { listDataImage, listEnableCategory } from "@/service/content/content"; import { listDataImage, listEnableCategory } from "@/service/content/content";
import Swal from "sweetalert2"; import Swal from "sweetalert2";
@ -47,8 +47,7 @@ const TableImage = () => {
const params = useParams(); const params = useParams();
const locale = params?.locale; const locale = params?.locale;
const MySwal = withReactContent(Swal); const MySwal = withReactContent(Swal);
const searchParams = useSearchParams();
// === STATES ===
const [dataTable, setDataTable] = React.useState<any[]>([]); const [dataTable, setDataTable] = React.useState<any[]>([]);
const [totalData, setTotalData] = React.useState<number>(1); const [totalData, setTotalData] = React.useState<number>(1);
const [totalPage, setTotalPage] = React.useState(1); const [totalPage, setTotalPage] = React.useState(1);
@ -63,8 +62,6 @@ const TableImage = () => {
const [page, setPage] = React.useState(1); const [page, setPage] = React.useState(1);
const [search, setSearch] = React.useState(""); const [search, setSearch] = React.useState("");
const [searchTimeout, setSearchTimeout] = React.useState<any>(null); const [searchTimeout, setSearchTimeout] = React.useState<any>(null);
// === FILTER STATES ===
const [categories, setCategories] = React.useState<any[]>([]); const [categories, setCategories] = React.useState<any[]>([]);
const [selectedCategories, setSelectedCategories] = React.useState<number[]>( const [selectedCategories, setSelectedCategories] = React.useState<number[]>(
[] []
@ -105,14 +102,9 @@ const TableImage = () => {
}, },
}); });
// === EFFECTS ===
React.useEffect(() => { React.useEffect(() => {
fetchData(); fetchData();
getCategories(); getCategories();
}, [categoryFilter, statusFilter, page, showData, startDate, endDate]);
React.useEffect(() => {
fetchData();
}, [ }, [
categoryFilter, categoryFilter,
statusFilter, statusFilter,
@ -121,11 +113,38 @@ const TableImage = () => {
filterByCreator, filterByCreator,
filterBySource, filterBySource,
filterByCreatorGroup, filterByCreatorGroup,
// search,
showData, showData,
page, page,
]); ]);
React.useEffect(() => {
const pageFromUrl = searchParams?.get("page");
if (pageFromUrl) {
setPage(Number(pageFromUrl));
}
}, [searchParams]);
// === EFFECTS ===
// React.useEffect(() => {
// fetchData();
// getCategories();
// }, [categoryFilter, statusFilter, page, showData, startDate, endDate]);
// React.useEffect(() => {
// fetchData();
// }, [
// categoryFilter,
// statusFilter,
// startDate,
// endDate,
// filterByCreator,
// filterBySource,
// filterByCreatorGroup,
// // search,
// showData,
// page,
// ]);
async function getCategories() { async function getCategories() {
const category = await listEnableCategory("1"); const category = await listEnableCategory("1");
const resCategory = category?.data?.data?.content; const resCategory = category?.data?.data?.content;

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

@ -55,7 +55,8 @@ export default function ExecutiveDashboard() {
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[1] ? isInternational[1]
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-published-produksi?" ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-published-produksi?"
: "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-executive?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-executive?"
"/views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-executive?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-polda-executive?polda-selected=${state}&` ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-polda-executive?polda-selected=${state}&`
: `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-polda-executive?polda-selected=${state}&`; : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-published-produksi-polda-executive?polda-selected=${state}&`;
@ -64,7 +65,8 @@ export default function ExecutiveDashboard() {
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_Rev200/db-waktu-akses-pengguna-executive?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-executive?"
"/views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-executive?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda-executive?polda-selected=${state}&` ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda-executive?polda-selected=${state}&`
: `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda-executive?polda-selected=${state}&`; : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-waktu-akses-pengguna-polda-executive?polda-selected=${state}&`;
@ -72,8 +74,11 @@ export default function ExecutiveDashboard() {
const view4 = const view4 =
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/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?"
: 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/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}&`;
@ -81,8 +86,10 @@ export default function ExecutiveDashboard() {
const view5 = const view5 =
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[1] ? isInternational[1]
? "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?" ? // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?"
: "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?" "views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-konten-header"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-konten-header"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?provinsi-polda=${state}&` ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?provinsi-polda=${state}&`
: `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?provinsi-polda=${state}&`; : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-polres?provinsi-polda=${state}&`;
@ -90,8 +97,10 @@ export default function ExecutiveDashboard() {
const view6 = const view6 =
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[1] ? isInternational[1]
? "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?" ? // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?"
: "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?" "views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-konten-header"
: // "views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?"
"views/2025_10_MediaHUB-Viz-POLDA_Rev200/db-konten-header"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?satker-selected=${state}&` ? `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?satker-selected=${state}&`
: `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?satker-selected=${state}&`; : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-satker?satker-selected=${state}&`;
@ -140,8 +149,94 @@ export default function ExecutiveDashboard() {
return ( return (
<div> <div>
<SiteBreadcrumb /> <SiteBreadcrumb />
<div className="mt-3 flex gap-2 flex-row justify-center"> <div className="mt-3">
{/* Polda */} <Card className="rounded-sm p-5 w-full">
<div className="flex flex-row flex-wrap gap-5 justify-between">
{/* ===================== POLDA ===================== */}
{(levelNumber === "1" || levelNumber === "2") && (
<div className="flex-1 min-w-[350px]">
<p className="text-base font-semibold mb-3">
Publish Konten Polda
</p>
{ticket1 == "" ? (
<iframe
src={`${baseUrl + view4 + param}`}
width="100%"
height="750"
frameBorder="0"
className="rounded-md"
/>
) : (
<iframe
src={`${url + ticket1}/${view4}${param}`}
width="100%"
height="750"
frameBorder="0"
className="rounded-md"
/>
)}
</div>
)}
{/* ===================== POLRES ===================== */}
{/* {(levelNumber === "1" || levelNumber === "2") && (
<div className="flex-1 min-w-[350px]">
<p className="text-base font-semibold mb-3">
Publish Konten Polres
</p>
{ticket3 == "" ? (
<iframe
src={`${baseUrl + view5 + param}`}
width="100%"
height="750"
frameBorder="0"
className="rounded-md"
/>
) : (
<iframe
src={`${url + ticket3}/${view5}${param}`}
width="100%"
height="750"
frameBorder="0"
className="rounded-md"
/>
)}
</div>
)} */}
{/* ===================== SATKER ===================== */}
{/* {(levelNumber === "1" || levelNumber === "3") && (
<div className="flex-1 min-w-[350px]">
<p className="text-base font-semibold mb-3">
Publish Konten Satker
</p>
{ticket2 == "" ? (
<iframe
src={`${baseUrl + view6 + param}`}
width="100%"
height="750"
frameBorder="0"
className="rounded-md"
/>
) : (
<iframe
src={`${url + ticket2}/${view6}${param}`}
width="100%"
height="750"
frameBorder="0"
className="rounded-md"
/>
)}
</div>
)} */}
</div>
</Card>
</div>
{/* <div className="mt-3 flex gap-2 flex-row justify-center">
{(levelNumber === "1" || levelNumber === "2") && ( {(levelNumber === "1" || levelNumber === "2") && (
<Card <Card
className={`rounded-sm p-3 ${ className={`rounded-sm p-3 ${
@ -200,7 +295,6 @@ export default function ExecutiveDashboard() {
</Card> </Card>
)} )}
{/* Satker */}
{(levelNumber === "1" || levelNumber === "3") && ( {(levelNumber === "1" || levelNumber === "3") && (
<Card <Card
className={`rounded-sm p-3 ${ className={`rounded-sm p-3 ${
@ -229,7 +323,7 @@ export default function ExecutiveDashboard() {
</div> </div>
</Card> </Card>
)} )}
</div> </div> */}
<div className="w-full mt-3"> <div className="w-full mt-3">
<Card className="rounded-sm p-3 h-[750px]"> <Card className="rounded-sm p-3 h-[750px]">
<div className="flex flex-row justify-between"> <div className="flex flex-row justify-between">

2
app/[locale]/(protected)/shared/curated-content/giat-penugasan/audio-visual.tsx
View File

@ -26,7 +26,7 @@ const VideoSliderPage = () => {
}); });
const initFetch = async () => { const initFetch = async () => {
const request = { const request = {
sortBy: type == "popular" ? "clickCount" : "createdAt", sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "2", contentTypeId: "2",
}; };
const response = await getListContent(request); const response = await getListContent(request);

2
app/[locale]/(protected)/shared/curated-content/giat-penugasan/audio.tsx
View File

@ -30,7 +30,7 @@ const AudioSliderPage = () => {
}); });
const initFetch = async () => { const initFetch = async () => {
const request = { const request = {
sortBy: type == "popular" ? "clickCount" : "createdAt", sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "4", contentTypeId: "4",
}; };
const response = await getListContent(request); const response = await getListContent(request);

2
app/[locale]/(protected)/shared/curated-content/giat-penugasan/image.tsx
View File

@ -30,7 +30,7 @@ const ImageSliderPage = () => {
}); });
const initFetch = async () => { const initFetch = async () => {
const request = { const request = {
sortBy: type == "popular" ? "clickCount" : "createdAt", sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "3", contentTypeId: "3",
}; };
const response = await getListContent(request); const response = await getListContent(request);

2
app/[locale]/(protected)/shared/curated-content/giat-penugasan/teks.tsx
View File

@ -30,7 +30,7 @@ const TeksSliderPage = () => {
}); });
const initFetch = async () => { const initFetch = async () => {
const request = { const request = {
sortBy: type == "popular" ? "clickCount" : "createdAt", sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "1", contentTypeId: "1",
}; };
const response = await getListContent(request); const response = await getListContent(request);

6
app/[locale]/(public)/(polda)/polda/[polda_name]/all/filter/page.tsx
View File

@ -68,7 +68,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -97,7 +97,7 @@ export default function FilterPage() {
setSearchTitle(title); setSearchTitle(title);
setCategoryFilter(category ? category.split("&") : []); setCategoryFilter(category ? category.split("&") : []);
setSortByOpt(sortBy === "popular" ? "clickCount" : "createdAt"); setSortByOpt(sortBy === "popular" ? "favorite" : "createdAt");
}, [searchParams]); }, [searchParams]);
useEffect(() => { useEffect(() => {
@ -381,7 +381,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/audio/filter/page.tsx
View File

@ -90,7 +90,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -435,7 +435,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/audio/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -251,7 +251,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/(polda)/polda/[polda_name]/document/filter/page.tsx
View File

@ -83,7 +83,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -451,7 +451,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/document/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/(polda)/polda/[polda_name]/image/filter/page.tsx
View File

@ -84,7 +84,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -432,7 +432,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/image/regional/page.tsx
View File

@ -78,7 +78,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -258,7 +258,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/(polda)/polda/[polda_name]/video/filter/page.tsx
View File

@ -82,7 +82,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -445,7 +445,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/(polda)/polda/[polda_name]/video/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

2
app/[locale]/(public)/(polda)/tbnews/[polda_name]/components/latest-news.tsx
View File

@ -119,7 +119,7 @@ const LatestNews = (props: { type: string }) => {
// } // }
async function fetchData() { async function fetchData() {
const sortBy = poldaName === "popular" ? "clickCount" : "createdAt"; const sortBy = poldaName === "popular" ? "favorite" : "createdAt";
const res = await listData("1", "", "", 5, 0, sortBy, "", "", poldaName); const res = await listData("1", "", "", 5, 0, sortBy, "", "", poldaName);
let data = res?.data?.data?.content; let data = res?.data?.data?.content;
setContent(data); setContent(data);

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

@ -68,7 +68,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -97,7 +97,7 @@ export default function FilterPage() {
setSearchTitle(title); setSearchTitle(title);
setCategoryFilter(category ? category.split("&") : []); setCategoryFilter(category ? category.split("&") : []);
setSortByOpt(sortBy === "popular" ? "clickCount" : "createdAt"); setSortByOpt(sortBy === "popular" ? "favorite" : "createdAt");
}, [searchParams]); }, [searchParams]);
useEffect(() => { useEffect(() => {
@ -381,7 +381,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

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

@ -90,7 +90,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -435,7 +435,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

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

@ -82,7 +82,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -442,7 +442,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

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

@ -83,7 +83,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -419,7 +419,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

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

@ -79,7 +79,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -434,7 +434,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

6
app/[locale]/(public)/all/filter/page.tsx
View File

@ -69,7 +69,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -98,7 +98,7 @@ export default function FilterPage() {
setSearchTitle(title); setSearchTitle(title);
setCategoryFilter(category ? category.split("&") : []); setCategoryFilter(category ? category.split("&") : []);
setSortByOpt(sortBy === "popular" ? "clickCount" : "createdAt"); setSortByOpt(sortBy === "popular" ? "favorite" : "createdAt");
}, [searchParams]); }, [searchParams]);
useEffect(() => { useEffect(() => {
@ -382,7 +382,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/audio/filter/page.tsx
View File

@ -82,7 +82,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -437,7 +437,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/document/filter/page.tsx
View File

@ -83,7 +83,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -453,7 +453,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/image/filter/page.tsx
View File

@ -85,7 +85,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -441,7 +441,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/regional/all-polda/audio/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -251,7 +251,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/regional/all-polda/document/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/regional/all-polda/image/regional/page.tsx
View File

@ -78,7 +78,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -258,7 +258,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/regional/all-polda/video/regional/page.tsx
View File

@ -77,7 +77,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const [formatFilter, setFormatFilter] = useState<any[]>([]); const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0; const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => { const handleSorting = (e: any) => {
const value = e.target.value; const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount"); setSortByOpt(value === "latest" ? "createdAt" : "favorite");
}; };
const handleDeleteDate = () => { const handleDeleteDate = () => {

4
app/[locale]/(public)/regional/filter/page.tsx
View File

@ -69,7 +69,7 @@ export default function FilterPage() {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const isRegional = asPath?.includes("regional"); const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker"); const isSatker = asPath?.includes("satker");
@ -371,7 +371,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

4
app/[locale]/(public)/video/filter/page.tsx
View File

@ -82,7 +82,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>(); const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>(""); const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>( const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt" sortBy === "popular" ? "favorite" : "createdAt"
); );
const poldaName = params?.polda_name; const poldaName = params?.polda_name;
const satkerName = params?.satker_name; const satkerName = params?.satker_name;
@ -451,7 +451,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") { if (e.target.value == "terbaru") {
setSortByOpt("createdAt"); setSortByOpt("createdAt");
} else { } else {
setSortByOpt("clickCount"); setSortByOpt("favorite");
} }
setChange(!change); setChange(!change);

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

@ -27,7 +27,8 @@ 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/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?"
: 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/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}`;
@ -36,7 +37,8 @@ export default function ContentProductionVisualization() {
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/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?"
: 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/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}&`;
@ -45,7 +47,8 @@ export default function ContentProductionVisualization() {
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/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna?"
"/views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten-top10?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${state}` ? `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${state}`
: `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${state}&`; : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${state}&`;

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

@ -24,7 +24,8 @@ export default function DashboardVisualization() {
safeLevelName === "MABES POLRI" safeLevelName === "MABES POLRI"
? isInternational[0] ? isInternational[0]
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-content-monitor?" ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-content-monitor?"
: "views/2023_09_MediaHUB-Viz-POLDA-content-monitor_Rev100/db-content-monitor?" : // "views/2023_09_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/2023_09_MediaHUB-Viz-ADMIN-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/2023_09_MediaHUB-Viz-ADMIN-POLDA-content-monitor_Rev100/db-content-monitor?satker-selected=${state}&`;
@ -33,7 +34,8 @@ export default function DashboardVisualization() {
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[1] ? isInternational[1]
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-content-interaction-konten?" ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-content-interaction-konten?"
: "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-content-interaction-konten?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-content-interaction-konten?"
"/views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-content-interaction?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-content-interaction-konten-polda?provinsi-polda=${state}&` ? `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-content-interaction-konten-polda?provinsi-polda=${state}&`
: `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-konten-polda?polda-selected=${state}&`; : `views/2023_04_MediaHUB-Viz-POLDA_Rev200/db-content-interaction-konten-polda?polda-selected=${state}&`;
@ -42,7 +44,8 @@ export default function DashboardVisualization() {
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[2] ? isInternational[2]
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-penugasan?" ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-penugasan?"
: "views/2023_09_db-penugasan_rev100/db-penugasan?" : // "views/2023_09_db-penugasan_rev100/db-penugasan?"
"/views/2023_09_db-penugasan_rev100_17617546618770/db-penugasan?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_09_db-penugasan-polda-param_rev100/db-penugasan?provinsi-polda=${state}&` ? `views/2023_09_db-penugasan-polda-param_rev100/db-penugasan?provinsi-polda=${state}&`
: `views/2023_09_db-penugasan_rev100/db-penugasan?polda-selected=${state}&`; : `views/2023_09_db-penugasan_rev100/db-penugasan?polda-selected=${state}&`;

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

@ -19,7 +19,9 @@ 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/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/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}&`;
const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true"; const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";

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

@ -28,7 +28,8 @@ export default function PatternRelationVisualization() {
levelName == "MABES POLRI" levelName == "MABES POLRI"
? isInternational[0] ? isInternational[0]
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-top10?" ? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-top10?"
: "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-top10?" : // "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-top10?"
"/views/2025_10_MediaHUB-Viz-POLDA_Rev201/db-konten?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-top10-polda?provinsi-polda=${state}&` ? `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-top10-polda?provinsi-polda=${state}&`
: `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-top10-polda?provinsi-polda=${state}`; : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-top10-polda?provinsi-polda=${state}`;
@ -37,7 +38,8 @@ 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/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-kategori-top10?"
: 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/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}`;
@ -46,7 +48,8 @@ export default function PatternRelationVisualization() {
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/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?"
: safeLevelName.includes("POLDA") : safeLevelName.includes("POLDA")
? `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10-polda?provinsi-polda=${state}&` ? `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10-polda?provinsi-polda=${state}&`
: `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10-polda?provinsi-polda=${state}&`; : `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-kategori-top10-polda?provinsi-polda=${state}&`;
@ -55,7 +58,8 @@ export default function PatternRelationVisualization() {
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/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?"
: 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/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}&`;

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

@ -28,14 +28,17 @@ 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/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/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}&`;
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/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?"
: 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/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}&`;
@ -72,7 +75,11 @@ export default function PerformancePoldaViz() {
return ( return (
<div className="flex flex-col gap-2 bg-white dark:bg-black rounded-lg p-3"> <div className="flex flex-col gap-2 bg-white dark:bg-black rounded-lg p-3">
<p className="text-lg"> <p className="text-lg">
<b>{levelName == "MABES POLRI" ? "PERFORMANCE PER POLDA" : "PERFORMANCE POLRES"}</b> <b>
{levelName == "MABES POLRI"
? "PERFORMANCE PER POLDA"
: "PERFORMANCE POLRES"}
</b>
</p> </p>
<div className="my-5"> <div className="my-5">
{ticket1 == "" ? ( {ticket1 == "" ? (