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

feat: update fixing bugs dashboard

This commit is contained in:
hanif salafi 2025-12-01 11:49:58 +07:00
parent 097e726cb8
commit 3f04cf6698
4 changed files with 37 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/[locale]/(protected)/admin/performance-satker/page.tsx
View File

@ -6,7 +6,6 @@ export default function PerformanceSatker() {
return (
<div>
<SiteBreadcrumb />
<p className="font-semibold">PERFORMANCE KUMULATIF PER SATKER</p>
<PerformanceSatkerViz />
</div>
);

50
components/visualization/performance-polres.tsx
View File

@ -22,19 +22,17 @@ export default function PerformancePolresViz() {
const baseUrl = "https://db-mediahub.polri.go.id/";
const url = "https://db-mediahub.polri.go.id/trusted/";
const view1 =
levelName == "MABES POLRI"
? isInternational[0]
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-top10?"
: "views/2023_09_db-ranking-polda_rev100/db-ranking-13-polda?"
: `/views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${poldaState}&`;
const view1 = `views/2025_10_MediaHUB-Viz-POLDA_Rev203/db-ranking-polda-satker?polda-selected=${poldaState}&`;
const view2 = `views/2023_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${poldaState}&`;
const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
useEffect(() => {
async function initState() {
const response1 = await generateTicket();
setTicket1(response1?.data?.data);
const response2 = await generateTicket();
setTicket2(response2?.data?.data);
}
initState();
@ -48,21 +46,10 @@ export default function PerformancePolresViz() {
// Render
if (!hasMounted) return null;
const handleInternational = (index: number, val: boolean) => {
const updatedIsInternational = [...isInternational];
updatedIsInternational[index] = val;
setIsInternational(updatedIsInternational);
};
return (
<div className="flex flex-col gap-2 bg-white rounded-lg p-3">
<p className="text-lg">
<b>
{isInternational[0]
? "PUBLISH CONTENT PER POLICE REGENCY"
: "PUBLISH KONTEN PER POLRES"}
</b>
<b>PERFORMANCE POLRES</b>
</p>
<div className="my-5">
{ticket1 == "" ? (
@ -81,6 +68,31 @@ export default function PerformancePolresViz() {
/>
)}
</div>
<p className="text-lg">
<b>
{isInternational[0]
? "PUBLISH CONTENT PER POLICE REGENCY"
: "PUBLISH KONTEN PER POLRES"}
</b>
</p>
<div className="my-5">
{ticket2 == "" ? (
<iframe
src={`${baseUrl + view2 + param}`}
width="100%"
height="750"
frameBorder="0"
/>
) : (
<iframe
src={`${`${url + ticket2}/${view2}${param}`}`}
width="100%"
height="750"
frameBorder="0"
/>
)}
</div>
</div>
);
}

16
components/visualization/performance-satker.tsx
View File

@ -10,24 +10,16 @@ export default function PerformanceSatkerViz() {
const [hasMounted, setHasMounted] = useState(false);
const t = useTranslations("AnalyticsDashboard");
const levelName = getCookiesDecrypt("ulnae");
const poldaState = Cookies.get("state");
const state = Cookies.get("state");
const provState = Cookies.get("state-prov");
const [ticket1, setTicket1] = useState("");
const [ticket2, setTicket2] = useState("");
const [ticket3, setTicket3] = useState("");
const [ticket4, setTicket4] = useState("");
const [isInternational, setIsInternational] = useState([false, false, false]);
const [isInternationawl, setIsInternational] = useState([false, false, false]);
const baseUrl = "https://db-mediahub.polri.go.id/";
const url = "https://db-mediahub.polri.go.id/trusted/";
const view1 =
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_09_db-ranking-polres-by-polda_rev100/db-ranking-by-polda?polda-selected=${provState}&`;
const view1 = `views/2025_10_MediaHUB-Viz-POLDA_Rev203/db-ranking-polda-satker?polda-selected=${state}&unit-work-level-1=SATKER`;
const param = ":embed=yes&:toolbar=yes&:iframeSizedToWindow=true";
@ -59,7 +51,7 @@ export default function PerformanceSatkerViz() {
<div className="flex flex-col gap-2 bg-white rounded-lg p-3">
<p className="text-lg">
<b>
{isInternational[0] ? "SATKER PERFORMANCE" : "POLFORMANCE SATKER"}
{isInternational[0] ? "SATKER PERFORMANCE" : "PERFORMANCE SATKER"}
</b>
</p>
<div className="my-5">

4
lib/menus.ts
View File

@ -4049,7 +4049,7 @@ export function getMenuList(pathname: string, t: any): Group[] {
submenus: [
{
href: "/admin/media-tracking/tracking-berita",
label: "Tracking Beritra",
label: "Tracking Berita",
active: pathname === "/admin/media-tracking/tracking-berita",
icon: "heroicons:arrow-trending-up",
children: [],
@ -4258,7 +4258,7 @@ export function getMenuList(pathname: string, t: any): Group[] {
submenus: [
{
href: "/admin/media-tracking/tracking-berita",
label: "Tracking Beritra",
label: "Tracking Berita",
active: pathname === "/admin/media-tracking/tracking-berita",
icon: "heroicons:arrow-trending-up",
children: [],