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
when: on_success
only:
- prod
image: docker:stable
- main
- dev-landing-v2
image:
name: docker:25.0.3-cli
services:
- name: docker:dind
- name: docker:25.0.3-dind
command: ["--insecure-registry=103.82.242.92:8900"]
script:
- 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";
import { Input } from "@/components/ui/input";
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 { listDataImage, listEnableCategory } from "@/service/content/content";
import Swal from "sweetalert2";
@ -47,8 +47,7 @@ const TableImage = () => {
const params = useParams();
const locale = params?.locale;
const MySwal = withReactContent(Swal);
// === STATES ===
const searchParams = useSearchParams();
const [dataTable, setDataTable] = React.useState<any[]>([]);
const [totalData, setTotalData] = React.useState<number>(1);
const [totalPage, setTotalPage] = React.useState(1);
@ -63,8 +62,6 @@ const TableImage = () => {
const [page, setPage] = React.useState(1);
const [search, setSearch] = React.useState("");
const [searchTimeout, setSearchTimeout] = React.useState<any>(null);
// === FILTER STATES ===
const [categories, setCategories] = React.useState<any[]>([]);
const [selectedCategories, setSelectedCategories] = React.useState<number[]>(
[]
@ -105,14 +102,9 @@ const TableImage = () => {
},
});
// === EFFECTS ===
React.useEffect(() => {
fetchData();
getCategories();
}, [categoryFilter, statusFilter, page, showData, startDate, endDate]);
React.useEffect(() => {
fetchData();
}, [
categoryFilter,
statusFilter,
@ -121,11 +113,38 @@ const TableImage = () => {
filterByCreator,
filterBySource,
filterByCreatorGroup,
// search,
showData,
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() {
const category = await listEnableCategory("1");
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"
? isInternational[1]
? "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")
? `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"
? isInternational[2]
? "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")
? `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 =
levelName == "MABES POLRI"
? 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")
? `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 =
levelName == "MABES POLRI"
? 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")
? `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 =
levelName == "MABES POLRI"
? 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")
? `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 (
<div>
<SiteBreadcrumb />
<div className="mt-3 flex gap-2 flex-row justify-center">
{/* Polda */}
<div className="mt-3">
<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") && (
<Card
className={`rounded-sm p-3 ${
@ -200,7 +295,6 @@ export default function ExecutiveDashboard() {
</Card>
)}
{/* Satker */}
{(levelNumber === "1" || levelNumber === "3") && (
<Card
className={`rounded-sm p-3 ${
@ -229,7 +323,7 @@ export default function ExecutiveDashboard() {
</div>
</Card>
)}
</div>
</div> */}
<div className="w-full mt-3">
<Card className="rounded-sm p-3 h-[750px]">
<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 request = {
sortBy: type == "popular" ? "clickCount" : "createdAt",
sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "2",
};
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 request = {
sortBy: type == "popular" ? "clickCount" : "createdAt",
sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "4",
};
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 request = {
sortBy: type == "popular" ? "clickCount" : "createdAt",
sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "3",
};
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 request = {
sortBy: type == "popular" ? "clickCount" : "createdAt",
sortBy: type == "popular" ? "favorite" : "createdAt",
contentTypeId: "1",
};
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -97,7 +97,7 @@ export default function FilterPage() {
setSearchTitle(title);
setCategoryFilter(category ? category.split("&") : []);
setSortByOpt(sortBy === "popular" ? "clickCount" : "createdAt");
setSortByOpt(sortBy === "popular" ? "favorite" : "createdAt");
}, [searchParams]);
useEffect(() => {
@ -381,7 +381,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -435,7 +435,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0;
@ -251,7 +251,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => {
const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount");
setSortByOpt(value === "latest" ? "createdAt" : "favorite");
};
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -451,7 +451,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => {
const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount");
setSortByOpt(value === "latest" ? "createdAt" : "favorite");
};
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -432,7 +432,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0;
@ -258,7 +258,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => {
const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount");
setSortByOpt(value === "latest" ? "createdAt" : "favorite");
};
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -445,7 +445,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => {
const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount");
setSortByOpt(value === "latest" ? "createdAt" : "favorite");
};
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() {
const sortBy = poldaName === "popular" ? "clickCount" : "createdAt";
const sortBy = poldaName === "popular" ? "favorite" : "createdAt";
const res = await listData("1", "", "", 5, 0, sortBy, "", "", poldaName);
let data = res?.data?.data?.content;
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -97,7 +97,7 @@ export default function FilterPage() {
setSearchTitle(title);
setCategoryFilter(category ? category.split("&") : []);
setSortByOpt(sortBy === "popular" ? "clickCount" : "createdAt");
setSortByOpt(sortBy === "popular" ? "favorite" : "createdAt");
}, [searchParams]);
useEffect(() => {
@ -381,7 +381,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -435,7 +435,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -442,7 +442,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -419,7 +419,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -434,7 +434,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -98,7 +98,7 @@ export default function FilterPage() {
setSearchTitle(title);
setCategoryFilter(category ? category.split("&") : []);
setSortByOpt(sortBy === "popular" ? "clickCount" : "createdAt");
setSortByOpt(sortBy === "popular" ? "favorite" : "createdAt");
}, [searchParams]);
useEffect(() => {
@ -382,7 +382,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
setChange(!change);

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

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

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

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

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

@ -85,7 +85,7 @@ const FilterPage = () => {
const [monthYearFilter, setMonthYearFilter] = useState<any>();
const [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -441,7 +441,7 @@ const FilterPage = () => {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0;
@ -251,7 +251,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => {
const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount");
setSortByOpt(value === "latest" ? "createdAt" : "favorite");
};
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => {
const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount");
setSortByOpt(value === "latest" ? "createdAt" : "favorite");
};
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0;
@ -258,7 +258,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => {
const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount");
setSortByOpt(value === "latest" ? "createdAt" : "favorite");
};
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const [formatFilter, setFormatFilter] = useState<any[]>([]);
const pages = page ? page - 1 : 0;
@ -252,7 +252,7 @@ export default function FilterPage() {
const handleSorting = (e: any) => {
const value = e.target.value;
setSortByOpt(value === "latest" ? "createdAt" : "clickCount");
setSortByOpt(value === "latest" ? "createdAt" : "favorite");
};
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 [searchTitle, setSearchTitle] = useState<string>("");
const [sortByOpt, setSortByOpt] = useState<any>(
sortBy === "popular" ? "clickCount" : "createdAt"
sortBy === "popular" ? "favorite" : "createdAt"
);
const isRegional = asPath?.includes("regional");
const isSatker = asPath?.includes("satker");
@ -371,7 +371,7 @@ export default function FilterPage() {
if (e.target.value == "terbaru") {
setSortByOpt("createdAt");
} else {
setSortByOpt("clickCount");
setSortByOpt("favorite");
}
setChange(!change);

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

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

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

@ -27,7 +27,8 @@ export default function ContentProductionVisualization() {
levelName == "MABES POLRI"
? isInternational[0]
? "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")
? `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"
? isInternational[1]
? "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")
? `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"
? isInternational[2]
? "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")
? `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"
? isInternational[0]
? "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")
? `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}&`;
@ -33,7 +34,8 @@ export default function DashboardVisualization() {
levelName == "MABES POLRI"
? isInternational[1]
? "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")
? `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}&`;
@ -42,7 +44,8 @@ export default function DashboardVisualization() {
levelName == "MABES POLRI"
? isInternational[2]
? "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")
? `views/2023_09_db-penugasan-polda-param_rev100/db-penugasan?provinsi-polda=${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"
? isInternational
? "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}&`;
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"
? isInternational[0]
? "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")
? `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"
? isInternational[1]
? "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")
? `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"
? isInternational[2]
? "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")
? `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"
? isInternational[3]
? "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")
? `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"
? 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/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}&`;
const view2 =
levelName == "MABES POLRI"
? 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/2025_10_db-ranking-polda_rev100/db-ranking-13?"
: 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}&`;
@ -72,7 +75,11 @@ export default function PerformancePoldaViz() {
return (
<div className="flex flex-col gap-2 bg-white dark:bg-black rounded-lg p-3">
<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>
<div className="my-5">
{ticket1 == "" ? (