feat: update dashboard executive

This commit is contained in:
hanif salafi 2025-03-03 11:58:16 +07:00
parent 74dc376a9e
commit b8090045df
2 changed files with 44 additions and 29 deletions

View File

@ -181,15 +181,15 @@ export default function ExecutiveDashboard() {
const view2 =
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_INTL_Rev202/db-published-produksi?"
: "views/2023_04_MediaHUB-Viz-POLDA_Rev202/db-published-produksi-executive?"
: `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher-polda?provinsi-polda=${poldaState}&`;
const view3 =
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_Rev202/db-waktu-akses-pengguna-executive?"
: `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${poldaState}&`;
const view4 =
@ -212,6 +212,21 @@ export default function ExecutiveDashboard() {
async function initState() {
const response1 = await generateTicket();
setTicket1(response1?.data?.data);
const response2 = await generateTicket();
setTicket2(response2?.data?.data);
const response3 = await generateTicket();
setTicket3(response3?.data?.data);
const response4 = await generateTicket();
setTicket4(response4?.data?.data);
const response5 = await generateTicket();
setTicket5(response5?.data?.data);
const response6 = await generateTicket();
setTicket6(response6?.data?.data);
}
initState();
@ -298,7 +313,7 @@ export default function ExecutiveDashboard() {
<LucideBoxSelect />
</div>
<div className="my-5">
{ticket1 == "" ? (
{ticket2 == "" ? (
<iframe
src={`${baseUrl + view4 + param}`}
width="100%"
@ -307,7 +322,7 @@ export default function ExecutiveDashboard() {
/>
) : (
<iframe
src={`${`${url + ticket1}/${view4}${param}`}`}
src={`${`${url + ticket2}/${view4}${param}`}`}
width="100%"
height="750"
frameBorder="0"
@ -323,7 +338,7 @@ export default function ExecutiveDashboard() {
<LucideBoxSelect />
</div>
<div className="my-5">
{ticket1 == "" ? (
{ticket3 == "" ? (
<iframe
src={`${baseUrl + view5 + param}`}
width="100%"
@ -332,7 +347,7 @@ export default function ExecutiveDashboard() {
/>
) : (
<iframe
src={`${`${url + ticket1}/${view5}${param}`}`}
src={`${`${url + ticket3}/${view5}${param}`}`}
width="100%"
height="750"
frameBorder="0"
@ -348,18 +363,18 @@ export default function ExecutiveDashboard() {
<LucideBoxSelect />
</div>
<div className="my-5">
{ticket2 == "" ? (
{ticket4 == "" ? (
<iframe
src={`${baseUrl + view2 + param}`}
width="100%"
height="750"
height="500"
frameBorder="0"
/>
) : (
<iframe
src={`${`${url + ticket2}/${view2}${param}`}`}
src={`${`${url + ticket4}/${view2}${param}`}`}
width="100%"
height="750"
height="500"
frameBorder="0"
/>
)}
@ -378,18 +393,18 @@ export default function ExecutiveDashboard() {
<LucideBoxSelect />
</div>
<div className="my-5">
{ticket3 == "" ? (
{ticket5 == "" ? (
<iframe
src={`${baseUrl + view3 + param}`}
width="100%"
height="750"
height="600"
frameBorder="0"
/>
) : (
<iframe
src={`${`${url + ticket3}/${view3}${param}`}`}
src={`${`${url + ticket5}/${view3}${param}`}`}
width="100%"
height="750"
height="600"
frameBorder="0"
/>
)}
@ -405,7 +420,7 @@ export default function ExecutiveDashboard() {
<div className="flex flex-col">
<div className="my-5">
{ticket1 == "" ? (
{ticket6 == "" ? (
<iframe
src={`${baseUrl + view1 + param}`}
width="100%"
@ -414,7 +429,7 @@ export default function ExecutiveDashboard() {
/>
) : (
<iframe
src={`${`${url + ticket1}/${view1}${param}`}`}
src={`${`${url + ticket6}/${view1}${param}`}`}
width="100%"
height="750"
frameBorder="0"

View File

@ -2834,16 +2834,16 @@ export function getMenuList(pathname: string, t: any): Group[] {
icon: "material-symbols:dashboard",
submenus: [
{
href: "/dashboard",
label: "Breakdown",
active: pathname === "/dashboard",
href: "/dashboard/executive",
label: "Executive",
active: pathname === "/dashboard/executive",
icon: "heroicons:arrow-trending-up",
children: [],
},
{
href: "/dashboard/executive",
label: "Executive",
active: pathname === "/dashboard/executive",
href: "/dashboard",
label: "Breakdown",
active: pathname === "/dashboard",
icon: "heroicons:arrow-trending-up",
children: [],
},
@ -3143,16 +3143,16 @@ export function getMenuList(pathname: string, t: any): Group[] {
icon: "material-symbols:dashboard",
submenus: [
{
href: "/dashboard",
label: "Breakdown",
active: pathname === "/dashboard",
href: "/dashboard/executive",
label: "Executive",
active: pathname === "/dashboard/executive",
icon: "heroicons:arrow-trending-up",
children: [],
},
{
href: "/dashboard/executive",
label: "Executive",
active: pathname === "/dashboard/executive",
href: "/dashboard",
label: "Breakdown",
active: pathname === "/dashboard",
icon: "heroicons:arrow-trending-up",
children: [],
},