feat: update dashboard executive
This commit is contained in:
parent
74dc376a9e
commit
b8090045df
|
|
@ -181,15 +181,15 @@ export default function ExecutiveDashboard() {
|
||||||
const view2 =
|
const view2 =
|
||||||
levelName == "MABES POLRI"
|
levelName == "MABES POLRI"
|
||||||
? isInternational[1]
|
? isInternational[1]
|
||||||
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-konten-publisher?"
|
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-published-produksi?"
|
||||||
: "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher?"
|
: "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}&`;
|
: `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-konten-publisher-polda?provinsi-polda=${poldaState}&`;
|
||||||
|
|
||||||
const view3 =
|
const view3 =
|
||||||
levelName == "MABES POLRI"
|
levelName == "MABES POLRI"
|
||||||
? isInternational[2]
|
? isInternational[2]
|
||||||
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-waktu-akses-pengguna?"
|
? "views/2023_04_MediaHUB-Viz_INTL_Rev202/db-waktu-akses-pengguna?"
|
||||||
: "views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna?"
|
: "views/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}&`;
|
: `views/2023_04_MediaHUB-Viz-POLDA_Rev201/db-waktu-akses-pengguna-polda?provinsi-polda=${poldaState}&`;
|
||||||
|
|
||||||
const view4 =
|
const view4 =
|
||||||
|
|
@ -212,6 +212,21 @@ export default function ExecutiveDashboard() {
|
||||||
async function initState() {
|
async function initState() {
|
||||||
const response1 = await generateTicket();
|
const response1 = await generateTicket();
|
||||||
setTicket1(response1?.data?.data);
|
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();
|
initState();
|
||||||
|
|
@ -298,7 +313,7 @@ export default function ExecutiveDashboard() {
|
||||||
<LucideBoxSelect />
|
<LucideBoxSelect />
|
||||||
</div>
|
</div>
|
||||||
<div className="my-5">
|
<div className="my-5">
|
||||||
{ticket1 == "" ? (
|
{ticket2 == "" ? (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${baseUrl + view4 + param}`}
|
src={`${baseUrl + view4 + param}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
|
|
@ -307,7 +322,7 @@ export default function ExecutiveDashboard() {
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${`${url + ticket1}/${view4}${param}`}`}
|
src={`${`${url + ticket2}/${view4}${param}`}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
height="750"
|
height="750"
|
||||||
frameBorder="0"
|
frameBorder="0"
|
||||||
|
|
@ -323,7 +338,7 @@ export default function ExecutiveDashboard() {
|
||||||
<LucideBoxSelect />
|
<LucideBoxSelect />
|
||||||
</div>
|
</div>
|
||||||
<div className="my-5">
|
<div className="my-5">
|
||||||
{ticket1 == "" ? (
|
{ticket3 == "" ? (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${baseUrl + view5 + param}`}
|
src={`${baseUrl + view5 + param}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
|
|
@ -332,7 +347,7 @@ export default function ExecutiveDashboard() {
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${`${url + ticket1}/${view5}${param}`}`}
|
src={`${`${url + ticket3}/${view5}${param}`}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
height="750"
|
height="750"
|
||||||
frameBorder="0"
|
frameBorder="0"
|
||||||
|
|
@ -348,18 +363,18 @@ export default function ExecutiveDashboard() {
|
||||||
<LucideBoxSelect />
|
<LucideBoxSelect />
|
||||||
</div>
|
</div>
|
||||||
<div className="my-5">
|
<div className="my-5">
|
||||||
{ticket2 == "" ? (
|
{ticket4 == "" ? (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${baseUrl + view2 + param}`}
|
src={`${baseUrl + view2 + param}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
height="750"
|
height="500"
|
||||||
frameBorder="0"
|
frameBorder="0"
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${`${url + ticket2}/${view2}${param}`}`}
|
src={`${`${url + ticket4}/${view2}${param}`}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
height="750"
|
height="500"
|
||||||
frameBorder="0"
|
frameBorder="0"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
@ -378,18 +393,18 @@ export default function ExecutiveDashboard() {
|
||||||
<LucideBoxSelect />
|
<LucideBoxSelect />
|
||||||
</div>
|
</div>
|
||||||
<div className="my-5">
|
<div className="my-5">
|
||||||
{ticket3 == "" ? (
|
{ticket5 == "" ? (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${baseUrl + view3 + param}`}
|
src={`${baseUrl + view3 + param}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
height="750"
|
height="600"
|
||||||
frameBorder="0"
|
frameBorder="0"
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${`${url + ticket3}/${view3}${param}`}`}
|
src={`${`${url + ticket5}/${view3}${param}`}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
height="750"
|
height="600"
|
||||||
frameBorder="0"
|
frameBorder="0"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
@ -405,7 +420,7 @@ export default function ExecutiveDashboard() {
|
||||||
|
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
<div className="my-5">
|
<div className="my-5">
|
||||||
{ticket1 == "" ? (
|
{ticket6 == "" ? (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${baseUrl + view1 + param}`}
|
src={`${baseUrl + view1 + param}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
|
|
@ -414,7 +429,7 @@ export default function ExecutiveDashboard() {
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<iframe
|
<iframe
|
||||||
src={`${`${url + ticket1}/${view1}${param}`}`}
|
src={`${`${url + ticket6}/${view1}${param}`}`}
|
||||||
width="100%"
|
width="100%"
|
||||||
height="750"
|
height="750"
|
||||||
frameBorder="0"
|
frameBorder="0"
|
||||||
|
|
|
||||||
24
lib/menus.ts
24
lib/menus.ts
|
|
@ -2834,16 +2834,16 @@ export function getMenuList(pathname: string, t: any): Group[] {
|
||||||
icon: "material-symbols:dashboard",
|
icon: "material-symbols:dashboard",
|
||||||
submenus: [
|
submenus: [
|
||||||
{
|
{
|
||||||
href: "/dashboard",
|
href: "/dashboard/executive",
|
||||||
label: "Breakdown",
|
label: "Executive",
|
||||||
active: pathname === "/dashboard",
|
active: pathname === "/dashboard/executive",
|
||||||
icon: "heroicons:arrow-trending-up",
|
icon: "heroicons:arrow-trending-up",
|
||||||
children: [],
|
children: [],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
href: "/dashboard/executive",
|
href: "/dashboard",
|
||||||
label: "Executive",
|
label: "Breakdown",
|
||||||
active: pathname === "/dashboard/executive",
|
active: pathname === "/dashboard",
|
||||||
icon: "heroicons:arrow-trending-up",
|
icon: "heroicons:arrow-trending-up",
|
||||||
children: [],
|
children: [],
|
||||||
},
|
},
|
||||||
|
|
@ -3143,16 +3143,16 @@ export function getMenuList(pathname: string, t: any): Group[] {
|
||||||
icon: "material-symbols:dashboard",
|
icon: "material-symbols:dashboard",
|
||||||
submenus: [
|
submenus: [
|
||||||
{
|
{
|
||||||
href: "/dashboard",
|
href: "/dashboard/executive",
|
||||||
label: "Breakdown",
|
label: "Executive",
|
||||||
active: pathname === "/dashboard",
|
active: pathname === "/dashboard/executive",
|
||||||
icon: "heroicons:arrow-trending-up",
|
icon: "heroicons:arrow-trending-up",
|
||||||
children: [],
|
children: [],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
href: "/dashboard/executive",
|
href: "/dashboard",
|
||||||
label: "Executive",
|
label: "Breakdown",
|
||||||
active: pathname === "/dashboard/executive",
|
active: pathname === "/dashboard",
|
||||||
icon: "heroicons:arrow-trending-up",
|
icon: "heroicons:arrow-trending-up",
|
||||||
children: [],
|
children: [],
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue