2024-12-07 19:53:34 +00:00
|
|
|
import { getCookiesDecrypt } from "./utils";
|
|
|
|
|
|
2024-11-26 03:09:48 +00:00
|
|
|
export type SubChildren = {
|
|
|
|
|
href: string;
|
|
|
|
|
label: string;
|
|
|
|
|
active: boolean;
|
|
|
|
|
children?: SubChildren[];
|
|
|
|
|
};
|
|
|
|
|
export type Submenu = {
|
|
|
|
|
href: string;
|
|
|
|
|
label: string;
|
|
|
|
|
active: boolean;
|
|
|
|
|
icon: any;
|
|
|
|
|
submenus?: Submenu[];
|
|
|
|
|
children?: SubChildren[];
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export type Menu = {
|
|
|
|
|
href: string;
|
|
|
|
|
label: string;
|
|
|
|
|
active: boolean;
|
|
|
|
|
icon: any;
|
|
|
|
|
submenus: Submenu[];
|
|
|
|
|
id: string;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export type Group = {
|
|
|
|
|
groupLabel: string;
|
|
|
|
|
menus: Menu[];
|
|
|
|
|
id: string;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export function getMenuList(pathname: string, t: any): Group[] {
|
2024-12-07 19:53:34 +00:00
|
|
|
const roleId = getCookiesDecrypt("urie");
|
2024-12-30 13:23:15 +00:00
|
|
|
console.log("roleId");
|
2024-12-07 19:53:34 +00:00
|
|
|
const levelNumber = getCookiesDecrypt("ulne");
|
|
|
|
|
const userLevelId = getCookiesDecrypt("ulie");
|
|
|
|
|
|
|
|
|
|
let menusSelected = [
|
2024-11-26 03:09:48 +00:00
|
|
|
{
|
2024-12-07 16:32:39 +00:00
|
|
|
groupLabel: t("apps"),
|
2024-11-26 03:09:48 +00:00
|
|
|
id: "dashboard",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "dashboard",
|
2024-12-04 17:28:40 +00:00
|
|
|
href: "/dashboard",
|
2024-11-26 03:09:48 +00:00
|
|
|
label: t("dashboard"),
|
|
|
|
|
active: pathname.includes("/dashboard"),
|
2024-11-27 04:14:10 +00:00
|
|
|
icon: "material-symbols:dashboard",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "content",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "content",
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/content/image",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("content"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/content"),
|
|
|
|
|
icon: "line-md:youtube",
|
2024-11-26 03:09:48 +00:00
|
|
|
submenus: [
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/content/image",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("image"),
|
2024-12-13 00:39:20 +00:00
|
|
|
active: pathname.includes("/content/image"),
|
2024-11-27 04:14:10 +00:00
|
|
|
icon: "ic:outline-image",
|
2024-11-26 03:09:48 +00:00
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/content/video",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("video"),
|
2024-12-13 00:39:20 +00:00
|
|
|
active: pathname.includes("/content/video"),
|
2024-11-27 04:14:10 +00:00
|
|
|
icon: "line-md:youtube",
|
2024-11-26 03:09:48 +00:00
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/content/teks",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("text"),
|
2024-12-13 00:39:20 +00:00
|
|
|
active: pathname.includes("/content/text"),
|
2024-11-26 03:09:48 +00:00
|
|
|
icon: "heroicons:document",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/content/audio",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("audio"),
|
2024-12-13 00:39:20 +00:00
|
|
|
active: pathname.includes("/content/audio"),
|
2024-11-26 03:09:48 +00:00
|
|
|
icon: "heroicons:share",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/content/spit",
|
2024-11-28 17:23:53 +00:00
|
|
|
label: "spit",
|
2024-12-13 00:39:20 +00:00
|
|
|
active: pathname.includes("/content/spit"),
|
2024-11-27 04:14:10 +00:00
|
|
|
icon: "heroicons:credit-card",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
2025-01-01 08:33:42 +00:00
|
|
|
// {
|
|
|
|
|
// href: "/contributor/content/nulis-ai",
|
|
|
|
|
// label: "nulis ai",
|
|
|
|
|
// active: pathname.includes("/content/nulisai"),
|
|
|
|
|
// icon: "heroicons:credit-card",
|
|
|
|
|
// children: [],
|
|
|
|
|
// },
|
2024-11-26 03:09:48 +00:00
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
2024-11-27 04:14:10 +00:00
|
|
|
id: "agenda-setting",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "agenda-setting",
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/agenda-setting",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("agenda-setting"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/agenda-setting"),
|
|
|
|
|
icon: "iconoir:journal-page",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "planning",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "planning",
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/planning",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("planning"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/planning"),
|
|
|
|
|
icon: "pajamas:planning",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/planning/mediahub",
|
2024-11-28 17:23:53 +00:00
|
|
|
label: "mediaHub",
|
2024-12-13 00:39:20 +00:00
|
|
|
active: pathname.includes("/planning/mediahub"),
|
2024-11-27 04:14:10 +00:00
|
|
|
icon: "heroicons:arrow-trending-up",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/planning/medsos-mediahub",
|
2024-11-28 17:23:53 +00:00
|
|
|
label: "medsos mediahub",
|
2024-12-13 00:39:20 +00:00
|
|
|
active: pathname.includes("/planning/medsos-mediahub"),
|
2024-11-27 04:14:10 +00:00
|
|
|
icon: "heroicons:shopping-cart",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "task",
|
2024-11-26 03:09:48 +00:00
|
|
|
menus: [
|
|
|
|
|
{
|
2024-11-27 04:14:10 +00:00
|
|
|
id: "task",
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/task",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("task"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/task"),
|
|
|
|
|
icon: "fluent:clipboard-task-add-24-regular",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "schedule",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "schedule",
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/schedule",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("schedule"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/schedule"),
|
|
|
|
|
icon: "uil:schedule",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/schedule/press-conference",
|
|
|
|
|
label: "konferensi pers",
|
|
|
|
|
active: pathname.includes("/schedule/press-conference"),
|
2024-11-27 04:14:10 +00:00
|
|
|
icon: "heroicons:arrow-trending-up",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/schedule/event",
|
2024-11-28 17:23:53 +00:00
|
|
|
label: "event",
|
2024-12-13 00:39:20 +00:00
|
|
|
active: pathname.includes("/schedule/event"),
|
2024-11-27 04:14:10 +00:00
|
|
|
icon: "heroicons:shopping-cart",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/schedule/press-release",
|
2024-11-28 17:23:53 +00:00
|
|
|
label: "pers rilis",
|
2024-12-13 00:39:20 +00:00
|
|
|
active: pathname.includes("/schedule/press-release"),
|
2024-11-27 04:14:10 +00:00
|
|
|
icon: "heroicons:shopping-cart",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "blog",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "blog",
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/contributor/blog",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("blog"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/blog"),
|
|
|
|
|
icon: "fluent:clipboard-text-32-regular",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "curatedcontent",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "curatedcontent",
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/shared/curated-content",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("curated-content"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/curated-content"),
|
|
|
|
|
icon: "pixelarticons:calendar-text",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "communication",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "communication",
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/shared/communication",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("communication"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/communication"),
|
|
|
|
|
icon: "token:chat",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "contest",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "contest",
|
2024-12-13 00:39:20 +00:00
|
|
|
href: "/shared/contest",
|
2024-12-07 16:32:39 +00:00
|
|
|
label: t("contest"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/contest"),
|
|
|
|
|
icon: "ic:outline-emoji-events",
|
2024-11-26 03:09:48 +00:00
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: t("apps"),
|
|
|
|
|
id: "app",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "chat",
|
|
|
|
|
href: "/app/chat",
|
|
|
|
|
label: t("chat"),
|
|
|
|
|
active: pathname.includes("/app/chat"),
|
|
|
|
|
icon: "heroicons-outline:chat",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "email",
|
|
|
|
|
href: "/app/email",
|
|
|
|
|
label: t("email"),
|
|
|
|
|
active: pathname.includes("/app/email"),
|
|
|
|
|
icon: "heroicons-outline:mail",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "kanban",
|
|
|
|
|
href: "/app/kanban",
|
|
|
|
|
label: t("kanban"),
|
|
|
|
|
active: pathname.includes("/app/kanban"),
|
|
|
|
|
icon: "heroicons-outline:view-boards",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "calendar",
|
|
|
|
|
href: "/app/calendar",
|
|
|
|
|
label: t("calendar"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/app/calendar"),
|
2024-11-26 03:09:48 +00:00
|
|
|
icon: "heroicons-outline:calendar",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "todo",
|
|
|
|
|
href: "/app/todo",
|
|
|
|
|
label: t("todo"),
|
2024-11-27 04:14:10 +00:00
|
|
|
active: pathname.includes("/app/todo"),
|
2024-11-26 03:09:48 +00:00
|
|
|
icon: "heroicons-outline:clipboard-check",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "projects",
|
|
|
|
|
href: "/app/projects",
|
|
|
|
|
label: t("projects"),
|
|
|
|
|
active: pathname.includes("/app/projects"),
|
|
|
|
|
icon: "heroicons-outline:document",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "ecommerce",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "ecommerce",
|
|
|
|
|
href: "/ecommerce/frontend",
|
|
|
|
|
label: t("ecommerce"),
|
|
|
|
|
active: pathname.includes("/ecommerce"),
|
|
|
|
|
icon: "heroicons-outline:shopping-bag",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend",
|
|
|
|
|
label: t("userApp"),
|
|
|
|
|
active: pathname.includes("/ecommerce/frontend"),
|
|
|
|
|
icon: "heroicons-outline:user",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend",
|
|
|
|
|
label: t("products"),
|
|
|
|
|
active: pathname === "/ecommerce/frontend",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend/c06d48bf-7f35-4789-b71e-d80fee5b430t",
|
|
|
|
|
label: t("productDetails"),
|
|
|
|
|
active:
|
|
|
|
|
pathname ===
|
|
|
|
|
"/ecommerce/frontend/c06d48bf-7f35-4789-b71e-d80fee5b430t",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend/checkout/cart",
|
|
|
|
|
label: t("cart"),
|
|
|
|
|
active: pathname === "/ecommerce/frontend/checkout/cart",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend/wishlist",
|
|
|
|
|
label: t("wishlist"),
|
|
|
|
|
active: pathname === "/ecommerce/frontend/wishlist",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend",
|
|
|
|
|
label: t("adminApp"),
|
|
|
|
|
active: pathname.includes("/ecommerce/backend"),
|
|
|
|
|
icon: "heroicons-outline:user-circle",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/add-product",
|
|
|
|
|
label: t("addProduct"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/add-product",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/customer-list",
|
|
|
|
|
label: t("customerList"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/customer-list",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/edit-product",
|
|
|
|
|
label: t("editProduct"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/edit-product",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/invoice",
|
|
|
|
|
label: t("invoice"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/invoice",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/order-details",
|
|
|
|
|
label: t("orderDetails"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/order-details",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/order-list",
|
|
|
|
|
label: t("orderList"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/order-list",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/purchase-list",
|
|
|
|
|
label: t("purchaseList"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/purchase-list",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/sellers",
|
|
|
|
|
label: t("sellers"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/sellers",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: t("pages"),
|
|
|
|
|
id: "auth",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "auth",
|
|
|
|
|
href: "/auth/login",
|
|
|
|
|
label: t("authentication"),
|
|
|
|
|
active: pathname.includes("/auth"),
|
|
|
|
|
icon: "heroicons-outline:lock-closed",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/login",
|
|
|
|
|
label: t("signInOne"),
|
|
|
|
|
active: pathname === "/auth/login",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/login2",
|
|
|
|
|
label: t("signInTwo"),
|
|
|
|
|
active: pathname === "/auth/login2",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/login3",
|
|
|
|
|
label: t("signInThree"),
|
|
|
|
|
active: pathname === "/auth/login3",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/register",
|
|
|
|
|
label: t("signUpOne"),
|
|
|
|
|
active: pathname === "/auth/register",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/register2",
|
|
|
|
|
label: t("signUpTwo"),
|
|
|
|
|
active: pathname === "/auth/register2",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/register3",
|
|
|
|
|
label: t("signUpThree"),
|
|
|
|
|
active: pathname === "/auth/register3",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/forgot-password",
|
|
|
|
|
label: t("forgotPasswordOne"),
|
|
|
|
|
active: pathname === "/auth/forgot-password",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/forgot-password2",
|
|
|
|
|
label: t("forgotPasswordTwo"),
|
|
|
|
|
active: pathname === "/auth/forgot-password2",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/forgot-password3",
|
|
|
|
|
label: t("forgotPasswordThree"),
|
|
|
|
|
active: pathname === "/auth/forgot-password3",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/look-screen",
|
|
|
|
|
label: t("lockScreenOne"),
|
|
|
|
|
active: pathname === "/auth/look-screen",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/look-screen",
|
|
|
|
|
label: t("lockScreenTwo"),
|
|
|
|
|
active: pathname === "/auth/look-screen2",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/look-screen3",
|
|
|
|
|
label: t("lockScreenThree"),
|
|
|
|
|
active: pathname === "/auth/look-screen3",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "utility",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "utility",
|
|
|
|
|
href: "/utility/blank-page",
|
|
|
|
|
label: t("utility"),
|
|
|
|
|
active: pathname.includes("/utility"),
|
|
|
|
|
icon: "heroicons-outline:view-boards",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/blank-page",
|
|
|
|
|
label: t("blankPage"),
|
|
|
|
|
active: pathname === "/utility/blank-page",
|
|
|
|
|
icon: "heroicons:document",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/blog",
|
|
|
|
|
label: t("blog"),
|
|
|
|
|
active: pathname === "/utility/blog",
|
|
|
|
|
icon: "heroicons:square-2-stack",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/faq",
|
|
|
|
|
label: t("faq"),
|
|
|
|
|
active: pathname === "/utility/faq",
|
|
|
|
|
icon: "heroicons:question-mark-circle",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/invoice",
|
|
|
|
|
label: t("invoice"),
|
|
|
|
|
active: pathname === "/utility/invoice",
|
|
|
|
|
icon: "heroicons:clipboard-document-list",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/pricing",
|
|
|
|
|
label: t("pricing"),
|
|
|
|
|
active: pathname === "/utility/pricing",
|
|
|
|
|
icon: "heroicons:currency-dollar",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/profile",
|
|
|
|
|
label: t("profile"),
|
|
|
|
|
active: pathname === "/utility/profile",
|
|
|
|
|
icon: "heroicons:user-circle",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/settings",
|
|
|
|
|
label: t("settings"),
|
|
|
|
|
active: pathname === "/utility/settings",
|
|
|
|
|
icon: "heroicons:wrench-screwdriver",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: t("elements"),
|
|
|
|
|
id: "components",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "components",
|
|
|
|
|
href: "/components/avatar",
|
|
|
|
|
label: t("components"),
|
|
|
|
|
active: pathname.includes("/components"),
|
|
|
|
|
icon: "heroicons-outline:collection",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/components/avatar",
|
|
|
|
|
label: t("avatar"),
|
|
|
|
|
active: pathname === "/components/avatar",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/alert",
|
|
|
|
|
label: t("alert"),
|
|
|
|
|
active: pathname === "/components/alert",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/alert-dialog",
|
|
|
|
|
label: t("alertDialog"),
|
|
|
|
|
active: pathname === "/components/alert-dialog",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/accordion",
|
|
|
|
|
label: t("accordion"),
|
|
|
|
|
active: pathname === "/components/accordion",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/badge",
|
|
|
|
|
label: t("badge"),
|
|
|
|
|
active: pathname === "/components/badge",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/breadcrumb",
|
|
|
|
|
label: t("breadcrumb"),
|
|
|
|
|
active: pathname === "/components/breadcrumb",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/button",
|
|
|
|
|
label: t("button"),
|
|
|
|
|
active: pathname === "/components/button",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/calendar",
|
|
|
|
|
label: t("calendar"),
|
|
|
|
|
active: pathname === "/components/calendar",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/card",
|
|
|
|
|
label: t("card"),
|
|
|
|
|
active: pathname === "/components/card",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/carousel",
|
|
|
|
|
label: t("carousel"),
|
|
|
|
|
active: pathname === "/components/carousel",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/collapsible",
|
|
|
|
|
label: t("collapsible"),
|
|
|
|
|
active: pathname === "/components/collapsible",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/context-menu",
|
|
|
|
|
label: t("contextMenu"),
|
|
|
|
|
active: pathname === "/components/context-menu",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/dialog",
|
|
|
|
|
label: t("dialog"),
|
|
|
|
|
active: pathname === "/components/dialog",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/drawer",
|
|
|
|
|
label: t("drawer"),
|
|
|
|
|
active: pathname === "/components/drawer",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/dropdown",
|
|
|
|
|
label: t("dropdown"),
|
|
|
|
|
active: pathname === "/components/dropdown",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/hover-card",
|
|
|
|
|
label: t("hoverCard"),
|
|
|
|
|
active: pathname === "/components/hover-card",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/menu-bar",
|
|
|
|
|
label: t("menuBar"),
|
|
|
|
|
active: pathname === "/components/menu-bar",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/navigation-menu",
|
|
|
|
|
label: t("navigationMenu"),
|
|
|
|
|
active: pathname === "/components/navigation-menu",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/pagination",
|
|
|
|
|
label: t("pagination"),
|
|
|
|
|
active: pathname === "/components/pagination",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/popover",
|
|
|
|
|
label: t("popover"),
|
|
|
|
|
active: pathname === "/components/popover",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/progress",
|
|
|
|
|
label: t("progress"),
|
|
|
|
|
active: pathname === "/components/progress",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/resizable",
|
|
|
|
|
label: t("resizable"),
|
|
|
|
|
active: pathname === "/components/resizable",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/scroll-area",
|
|
|
|
|
label: t("scrollArea"),
|
|
|
|
|
active: pathname === "/components/scroll-area",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/separator",
|
|
|
|
|
label: t("separator"),
|
|
|
|
|
active: pathname === "/components/separator",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/sheet",
|
|
|
|
|
label: t("sheet"),
|
|
|
|
|
active: pathname === "/components/sheet",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/skeleton",
|
|
|
|
|
label: t("skeleton"),
|
|
|
|
|
active: pathname === "/components/skeleton",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/sonner",
|
|
|
|
|
label: t("sonner"),
|
|
|
|
|
active: pathname === "/components/sonner",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/tabs",
|
|
|
|
|
label: t("tabs"),
|
|
|
|
|
active: pathname === "/components/tabs",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/toast",
|
|
|
|
|
label: t("toast"),
|
|
|
|
|
active: pathname === "/components/toast",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/toggle",
|
|
|
|
|
label: t("toggle"),
|
|
|
|
|
active: pathname === "/components/toggle",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/tooltip",
|
|
|
|
|
label: t("tooltip"),
|
|
|
|
|
active: pathname === "/components/tooltip",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/typography",
|
|
|
|
|
label: t("typography"),
|
|
|
|
|
active: pathname === "/components/typography",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/colors",
|
|
|
|
|
label: t("colors"),
|
|
|
|
|
active: pathname === "/components/colors",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "forms",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "forms",
|
|
|
|
|
href: "/forms/input",
|
|
|
|
|
label: t("forms"),
|
|
|
|
|
active: pathname.includes("/forms"),
|
|
|
|
|
icon: "heroicons-outline:clipboard-list",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input",
|
|
|
|
|
label: t("input"),
|
|
|
|
|
active: pathname === "/forms/input",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-group",
|
|
|
|
|
label: t("inputGroup"),
|
|
|
|
|
active: pathname === "/forms/input-group",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-layout",
|
|
|
|
|
label: t("inputLayout"),
|
|
|
|
|
active: pathname === "/forms/input-layout",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-mask",
|
|
|
|
|
label: t("inputMask"),
|
|
|
|
|
active: pathname === "/forms/input-mask",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-otp",
|
|
|
|
|
label: t("inputOtp"),
|
|
|
|
|
active: pathname === "/forms/input-otp",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-file",
|
|
|
|
|
label: t("inputFile"),
|
|
|
|
|
active: pathname === "/forms/input-file",
|
|
|
|
|
icon: "",
|
2024-11-27 04:14:10 +00:00
|
|
|
children: [],
|
2024-11-26 03:09:48 +00:00
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/form-validation",
|
|
|
|
|
label: t("formValidation"),
|
|
|
|
|
active: pathname === "/forms/form-validation",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/select",
|
|
|
|
|
label: t("select"),
|
|
|
|
|
active: pathname === "/forms/select",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/react-select",
|
|
|
|
|
label: t("reactSelect"),
|
|
|
|
|
active: pathname === "/forms/react-select",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/slider",
|
|
|
|
|
label: t("slider"),
|
|
|
|
|
active: pathname === "/forms/slider",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/switch",
|
|
|
|
|
label: t("switch"),
|
|
|
|
|
active: pathname === "/forms/switch",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/radio",
|
|
|
|
|
label: t("radio"),
|
|
|
|
|
active: pathname === "/forms/radio",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/checkbox",
|
|
|
|
|
label: t("checkbox"),
|
|
|
|
|
active: pathname === "/forms/checkbox",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/combobox",
|
|
|
|
|
label: t("combobox"),
|
|
|
|
|
active: pathname === "/forms/combobox",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/command",
|
|
|
|
|
label: t("command"),
|
|
|
|
|
active: pathname === "/forms/command",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "table",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "table",
|
|
|
|
|
href: "/table/basic-table",
|
|
|
|
|
label: t("table"),
|
|
|
|
|
active: pathname.includes("/table"),
|
|
|
|
|
icon: "heroicons:table-cells",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/table/basic-table",
|
|
|
|
|
label: t("basicTable"),
|
|
|
|
|
active: pathname === "/table/basic-table",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/table/react-table",
|
|
|
|
|
label: t("reactTable"),
|
|
|
|
|
active: pathname === "/table/react-table",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "blocks",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "blocks",
|
|
|
|
|
href: "/blocks/basic-widget",
|
|
|
|
|
label: t("widget"),
|
|
|
|
|
active: pathname.includes("/blocks"),
|
|
|
|
|
icon: "heroicons-outline:view-grid-add",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/blocks/basic-widget",
|
|
|
|
|
label: t("basicWidget"),
|
|
|
|
|
active: pathname === "/blocks/basic-widget",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/blocks/statistic-widget",
|
|
|
|
|
label: t("statisticsWidget"),
|
|
|
|
|
active: pathname === "/blocks/statistic-widget",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "charts",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "charts",
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-area",
|
|
|
|
|
label: t("chart"),
|
|
|
|
|
active: pathname.includes("/charts"),
|
|
|
|
|
icon: "heroicons:chart-bar",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-area",
|
|
|
|
|
label: t("appexCharts"),
|
|
|
|
|
active: pathname.includes("/charts/appex-charts"),
|
|
|
|
|
icon: "heroicons:chart-bar",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-area",
|
|
|
|
|
label: t("areaCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-area"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-bar",
|
|
|
|
|
label: t("barCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-bar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-boxplot",
|
|
|
|
|
label: t("boxplotCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-boxplot"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-bubble",
|
|
|
|
|
label: t("bubbleCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-bubble"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-candlestick",
|
|
|
|
|
label: t("candlestickCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-candlestick"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-column",
|
|
|
|
|
label: t("columnCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-column"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-combo",
|
|
|
|
|
label: t("comboCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-combo"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-funnel",
|
|
|
|
|
label: t("funnelCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-funnel"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-heatmap",
|
|
|
|
|
label: t("heatmapCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-heatmap"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-line",
|
|
|
|
|
label: t("lineCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-line"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-pie",
|
|
|
|
|
label: t("pieCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-pie"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-polararea",
|
|
|
|
|
label: t("ploarareaCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-polararea"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-radar",
|
|
|
|
|
label: t("radarCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-radar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-radialbars",
|
|
|
|
|
label: t("radialbarCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-radialbars"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-range",
|
|
|
|
|
label: t("rangeCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-range"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-scatter",
|
|
|
|
|
label: t("scatterCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-scatter"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-timeline",
|
|
|
|
|
label: t("timelineCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-timeline"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-treemap",
|
|
|
|
|
label: t("treemapCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-treemap"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-area",
|
|
|
|
|
label: t("rechart"),
|
|
|
|
|
active: pathname.includes("/charts/rechart"),
|
|
|
|
|
icon: "heroicons:chart-bar",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-area",
|
|
|
|
|
label: t("areaCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-area"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-bar",
|
|
|
|
|
label: t("barCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-bar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-composed",
|
|
|
|
|
label: t("composedCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-composed"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-line",
|
|
|
|
|
label: t("lineCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-line"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-pie",
|
|
|
|
|
label: t("pieCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-pie"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-radar",
|
|
|
|
|
label: t("radarCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-radar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-radialbar",
|
|
|
|
|
label: t("radialbarCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-radialbar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-scatter",
|
|
|
|
|
label: t("scatterCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-scatter"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-treemap",
|
|
|
|
|
label: t("treemapCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-treemap"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-area",
|
|
|
|
|
label: t("chartJs"),
|
|
|
|
|
active: pathname.includes("/charts/chart-js"),
|
|
|
|
|
icon: "heroicons:chart-bar",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-area",
|
|
|
|
|
label: t("areaCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-area"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-bar",
|
|
|
|
|
label: t("barCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-bar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-line",
|
|
|
|
|
label: t("lineCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-line"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-animations",
|
|
|
|
|
label: t("animationCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-animations"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-legend",
|
|
|
|
|
label: t("legendCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-legend"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-scaleoptions",
|
|
|
|
|
label: t("scaleOptionCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-scaleoptions"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-scales",
|
|
|
|
|
label: t("scaleCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-scales"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-scriptable",
|
|
|
|
|
label: t("scriptableCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-scriptable"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-title",
|
|
|
|
|
label: t("titleCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-title"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-tooltip",
|
|
|
|
|
label: t("tooltipChart"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-tooltip"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-other",
|
|
|
|
|
label: t("otherCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-other"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
2024-11-27 04:14:10 +00:00
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
2024-11-26 03:09:48 +00:00
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "maps",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "maps",
|
|
|
|
|
href: "/maps/maps-leaflet",
|
|
|
|
|
label: t("maps"),
|
|
|
|
|
active: pathname.includes("/maps/maps-leaflet"),
|
|
|
|
|
icon: "heroicons-outline:map",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/maps/maps-leaflet",
|
|
|
|
|
label: t("mapsLeaflet"),
|
|
|
|
|
active: pathname.includes("/maps/maps-leaflet"),
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/maps/maps-vector",
|
|
|
|
|
label: t("mapsVector"),
|
|
|
|
|
active: pathname.includes("/maps/maps-vector"),
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "icons",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "icons",
|
|
|
|
|
href: "/icons",
|
|
|
|
|
label: t("icons"),
|
|
|
|
|
active: pathname.includes("/icons"),
|
|
|
|
|
icon: "heroicons-outline:emoji-happy",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
];
|
2024-12-07 19:53:34 +00:00
|
|
|
|
|
|
|
|
if (Number(roleId) == 9) {
|
|
|
|
|
menusSelected = [
|
2024-12-27 14:14:58 +00:00
|
|
|
{
|
|
|
|
|
groupLabel: t("apps"),
|
|
|
|
|
id: "dashboard",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "dashboard",
|
|
|
|
|
href: "/dashboard",
|
|
|
|
|
label: t("dashboard"),
|
|
|
|
|
active: pathname.includes("/dashboard"),
|
|
|
|
|
icon: "material-symbols:dashboard",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "ticketing",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "ticketing",
|
|
|
|
|
href: "/supervisor/ticketing",
|
|
|
|
|
label: t("ticketing"),
|
|
|
|
|
active: pathname.includes("/ticketing"),
|
|
|
|
|
icon: "mdi:ticket-outline",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "knowledge-base",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "knowledge-base",
|
|
|
|
|
href: "/supervisor/knowledge-base",
|
|
|
|
|
label: t("knowledge-base"),
|
|
|
|
|
active: pathname.includes("/knowledge-base"),
|
|
|
|
|
icon: "hugeicons:knowledge-02",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "faq",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "faq",
|
|
|
|
|
href: "/supervisor/faq",
|
|
|
|
|
label: t("faq"),
|
|
|
|
|
active: pathname.includes("/frequently-asked-question"),
|
|
|
|
|
icon: "wpf:faq",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "communication",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "communication",
|
|
|
|
|
href: "/supervisor/communications",
|
|
|
|
|
label: t("communication"),
|
|
|
|
|
active: pathname.includes("/communications"),
|
|
|
|
|
icon: "icon-park-outline:communication",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/supervisor/communications/questions",
|
|
|
|
|
label: t("questions"),
|
|
|
|
|
active: pathname.includes("/communications/questions"),
|
|
|
|
|
icon: "solar:inbox-line-outline",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/supervisor/communications/internal",
|
|
|
|
|
label: t("internal"),
|
|
|
|
|
active: pathname.includes("/communications/internal"),
|
|
|
|
|
icon: "ri:chat-private-line",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/supervisor/communications/forward",
|
|
|
|
|
label: t("forward"),
|
|
|
|
|
active: pathname.includes("/communications/forward"),
|
|
|
|
|
icon: "ri:share-forward-2-fill",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/supervisor/communications/collaboration",
|
|
|
|
|
label: t("collaboration"),
|
|
|
|
|
active: pathname.includes("/communications/collaboration"),
|
|
|
|
|
icon: "clarity:employee-group-line",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/supervisor/communications/account-report",
|
|
|
|
|
label: t("account-report"),
|
|
|
|
|
active: pathname.includes("/communications/account-report"),
|
|
|
|
|
icon: "uiw:user-delete",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "settings",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "settings",
|
|
|
|
|
href: "/supervisor/settings",
|
|
|
|
|
label: t("settings"),
|
|
|
|
|
active: pathname.includes("/settings"),
|
|
|
|
|
icon: "uil:setting",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/settings/feedback",
|
|
|
|
|
label: t("feedback"),
|
|
|
|
|
active: pathname.includes("/settings/feedback"),
|
|
|
|
|
icon: "clarity:employee-group-line",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/settings/social-media",
|
|
|
|
|
label: t("social-media"),
|
|
|
|
|
active: pathname.includes("/settings/social-media"),
|
|
|
|
|
icon: "clarity:employee-group-line",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
];
|
2024-12-12 04:49:58 +00:00
|
|
|
} else if (Number(roleId) == 11) {
|
|
|
|
|
menusSelected = [
|
2024-12-27 14:14:58 +00:00
|
|
|
{
|
|
|
|
|
groupLabel: t("apps"),
|
|
|
|
|
id: "dashboard",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "dashboard",
|
|
|
|
|
href: "/dashboard",
|
|
|
|
|
label: t("dashboard"),
|
|
|
|
|
active: pathname.includes("/dashboard"),
|
|
|
|
|
icon: "material-symbols:dashboard",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "content-production",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "content-production",
|
|
|
|
|
href: "/curator/content-production",
|
|
|
|
|
label: t("content-production"),
|
|
|
|
|
active: pathname.includes("/content-production"),
|
|
|
|
|
icon: "fluent:content-view-gallery-16-regular",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "pattern-relation",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "pattern-relation",
|
|
|
|
|
href: "/curator/pattern-relation",
|
|
|
|
|
label: t("pattern-relation"),
|
|
|
|
|
active: pathname.includes("/pattern-relation"),
|
|
|
|
|
icon: "oui:app-index-pattern",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "agenda-setting",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "agenda-setting",
|
|
|
|
|
href: "/contributor/agenda-setting",
|
|
|
|
|
label: t("agenda-setting"),
|
|
|
|
|
active: pathname.includes("/agenda-setting"),
|
|
|
|
|
icon: "iconoir:journal-page",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "task-plan",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "task-plan",
|
|
|
|
|
href: "/curator/task-plan",
|
|
|
|
|
label: t("task-plan"),
|
|
|
|
|
active: pathname.includes("/task-plan"),
|
|
|
|
|
icon: "pajamas:planning",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/curator/task-plan/mediahub",
|
|
|
|
|
label: "mediaHub",
|
|
|
|
|
active: pathname === "/task-plan/mediahub",
|
|
|
|
|
icon: "heroicons:arrow-trending-up",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/curator/task-plan/medsos-mediahub",
|
|
|
|
|
label: "medsos mediahub",
|
|
|
|
|
active: pathname === "/task-plan/medsos-mediahub",
|
|
|
|
|
icon: "heroicons:shopping-cart",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "curatedcontent",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "curatedcontent",
|
|
|
|
|
href: "/shared/curated-content",
|
|
|
|
|
label: t("curated-content"),
|
|
|
|
|
active: pathname.includes("/curated-content"),
|
|
|
|
|
icon: "pixelarticons:calendar-text",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "media-tracking",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "media-tracking",
|
|
|
|
|
href: "/curator/media-tracking",
|
|
|
|
|
label: t("media-tracking"),
|
|
|
|
|
active: pathname.includes("/media-tracking"),
|
|
|
|
|
icon: "material-symbols:map-search-outline",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "communication",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "communication",
|
|
|
|
|
href: "/shared/communication",
|
|
|
|
|
label: t("communication"),
|
|
|
|
|
active: pathname.includes("/communication"),
|
|
|
|
|
icon: "token:chat",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "contest",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "contest",
|
|
|
|
|
href: "/shared/contest",
|
|
|
|
|
label: t("contest"),
|
|
|
|
|
active: pathname.includes("/contest"),
|
|
|
|
|
icon: "ic:outline-emoji-events",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "feedback",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "feedback",
|
|
|
|
|
href: "/curator/feedback",
|
|
|
|
|
label: t("feedback"),
|
|
|
|
|
active: pathname.includes("/feedback"),
|
|
|
|
|
icon: "mdi:feedback-outline",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
];
|
2024-12-30 13:23:15 +00:00
|
|
|
} else if (Number(roleId) === 2) {
|
|
|
|
|
menusSelected = [
|
|
|
|
|
{
|
|
|
|
|
groupLabel: t("apps"),
|
|
|
|
|
id: "dashboard",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "dashboard",
|
|
|
|
|
href: "/dashboard",
|
|
|
|
|
label: t("dashboard"),
|
|
|
|
|
active: pathname.includes("/dashboard"),
|
|
|
|
|
icon: "material-symbols:dashboard",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/dashboard",
|
2025-01-01 04:56:58 +00:00
|
|
|
label: "Breakdown",
|
2024-12-30 13:23:15 +00:00
|
|
|
active: pathname === "/dashboard",
|
|
|
|
|
icon: "heroicons:arrow-trending-up",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
2025-01-01 04:56:58 +00:00
|
|
|
href: "/dashboard/executive",
|
|
|
|
|
label: "Executive",
|
|
|
|
|
active: pathname === "/dashboard/executive",
|
2024-12-30 13:23:15 +00:00
|
|
|
icon: "heroicons:arrow-trending-up",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "agenda-setting",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "agenda-setting",
|
|
|
|
|
href: "/contributor/agenda-setting",
|
|
|
|
|
label: t("agenda-setting"),
|
|
|
|
|
active: pathname.includes("/agenda-setting"),
|
|
|
|
|
icon: "iconoir:journal-page",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "management-user",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "management-user-menu",
|
2025-01-01 04:56:58 +00:00
|
|
|
href: "/admin/management-user",
|
2024-12-30 13:23:15 +00:00
|
|
|
label: "Management User",
|
|
|
|
|
active: pathname.includes("/management-user"),
|
|
|
|
|
icon: "clarity:users-solid",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "content-production",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "content-production",
|
|
|
|
|
href: "/curator/content-production",
|
|
|
|
|
label: t("content-production"),
|
|
|
|
|
active: pathname.includes("/content-production"),
|
|
|
|
|
icon: "fluent:content-view-gallery-16-regular",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "pattern-relation",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "pattern-relation",
|
|
|
|
|
href: "/curator/pattern-relation",
|
|
|
|
|
label: t("pattern-relation"),
|
|
|
|
|
active: pathname.includes("/pattern-relation"),
|
|
|
|
|
icon: "oui:app-index-pattern",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "performance-polda",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "performance-polda",
|
|
|
|
|
href: "/admin/performance-polda",
|
|
|
|
|
label: t("performance-polda"),
|
|
|
|
|
active: pathname.includes("/admin/performance-polda"),
|
|
|
|
|
icon: "ant-design:signal-filled",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "analysis",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "analysis",
|
|
|
|
|
href: "/admin/analysis",
|
|
|
|
|
label: t("analysis"),
|
|
|
|
|
active: pathname.includes("/task-plan"),
|
|
|
|
|
icon: "mdi:chart-line",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
2025-01-01 04:56:58 +00:00
|
|
|
href: "/admin/analysis/content-management",
|
2024-12-30 13:23:15 +00:00
|
|
|
label: t("management-content"),
|
2025-01-01 04:56:58 +00:00
|
|
|
active: pathname === "/admin/analysis/content-management",
|
2024-12-30 13:23:15 +00:00
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/admin/analysis/schedule",
|
|
|
|
|
label: t("schedule"),
|
|
|
|
|
active: pathname === "/admin/analysis/schedule",
|
|
|
|
|
icon: "heroicons:shopping-cart",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/admin/analysis/feedback-center",
|
|
|
|
|
label: "Feedback Center",
|
|
|
|
|
active: pathname === "/admin/analysis/feedback-center",
|
|
|
|
|
icon: "heroicons:shopping-cart",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/admin/analysis/emergency-issue",
|
|
|
|
|
label: "Emergency Issue",
|
|
|
|
|
active: pathname === "/admin/analysis/emergency-issue",
|
|
|
|
|
icon: "heroicons:shopping-cart",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "media-tracking",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "media-tracking",
|
|
|
|
|
href: "/curator/media-tracking",
|
|
|
|
|
label: t("media-tracking"),
|
|
|
|
|
active: pathname.includes("/media-tracking"),
|
|
|
|
|
icon: "material-symbols:map-search-outline",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/admin/media-tracking/media-online",
|
|
|
|
|
label: "Media Onlinne",
|
|
|
|
|
active: pathname === "/media-tracking/media-online",
|
|
|
|
|
icon: "heroicons:arrow-trending-up",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/admin/media-tracking/news",
|
|
|
|
|
label: "Tracking Beritra Hari Ini",
|
|
|
|
|
active: pathname === "/media-tracking/news",
|
|
|
|
|
icon: "heroicons:arrow-trending-up",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "contest",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "contest",
|
|
|
|
|
href: "/shared/contest",
|
|
|
|
|
label: t("contest"),
|
|
|
|
|
active: pathname.includes("/contest"),
|
|
|
|
|
icon: "ic:outline-emoji-events",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "communication",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "communication",
|
|
|
|
|
href: "/shared/communication",
|
|
|
|
|
label: t("communication"),
|
|
|
|
|
active: pathname.includes("/communication"),
|
|
|
|
|
icon: "token:chat",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "feedback",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "feedback",
|
|
|
|
|
href: "/curator/feedback",
|
|
|
|
|
label: t("feedback"),
|
2025-01-01 04:56:58 +00:00
|
|
|
active: pathname.includes("/curator/feedback"),
|
2024-12-30 13:23:15 +00:00
|
|
|
icon: "mdi:feedback-outline",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "broadcast",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "broadcast",
|
|
|
|
|
href: "/admin/broadcast",
|
|
|
|
|
label: "Broadcast",
|
|
|
|
|
active: pathname.includes("/broadcast"),
|
|
|
|
|
icon: "mdi:broadcast",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "experts",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "experts",
|
|
|
|
|
href: "/admin/add-experts",
|
|
|
|
|
label: t("add-experts"),
|
|
|
|
|
active: pathname.includes("/add-experts"),
|
|
|
|
|
icon: "majesticons:user",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "settings",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "settings",
|
|
|
|
|
href: "/admin/settings",
|
|
|
|
|
label: t("settings"),
|
|
|
|
|
active: pathname.includes("/settinng"),
|
|
|
|
|
icon: "material-symbols:settings",
|
|
|
|
|
submenus: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
];
|
2024-12-07 19:53:34 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return menusSelected;
|
2024-11-26 03:09:48 +00:00
|
|
|
}
|
|
|
|
|
export function getHorizontalMenuList(pathname: string, t: any): Group[] {
|
|
|
|
|
return [
|
|
|
|
|
{
|
|
|
|
|
groupLabel: t("dashboard"),
|
|
|
|
|
id: "dashboard",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "dashboard",
|
|
|
|
|
href: "/dashboard/analytics",
|
|
|
|
|
label: t("dashboard"),
|
|
|
|
|
active: pathname.includes("/dashboard"),
|
|
|
|
|
icon: "heroicons-outline:home",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/dashboard/analytics",
|
|
|
|
|
label: t("analytics"),
|
|
|
|
|
active: pathname === "/dashboard/analytics",
|
|
|
|
|
icon: "heroicons:arrow-trending-up",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/dashboard/dash-ecom",
|
|
|
|
|
label: t("ecommerce"),
|
|
|
|
|
active: pathname === "/dashboard/dash-ecom",
|
|
|
|
|
icon: "heroicons:shopping-cart",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/dashboard/project",
|
|
|
|
|
label: t("project"),
|
|
|
|
|
active: pathname === "/dashboard/project",
|
|
|
|
|
icon: "heroicons:document",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/dashboard/crm",
|
|
|
|
|
label: t("crm"),
|
|
|
|
|
active: pathname === "/dashboard/crm",
|
|
|
|
|
icon: "heroicons:share",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/dashboard/banking",
|
|
|
|
|
label: t("banking"),
|
|
|
|
|
active: pathname === "/dashboard/banking",
|
|
|
|
|
icon: "heroicons:credit-card",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
groupLabel: t("apps"),
|
|
|
|
|
id: "app",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "app",
|
|
|
|
|
href: "/app/chat",
|
|
|
|
|
label: t("apps"),
|
|
|
|
|
active: pathname.includes("/app/chat"),
|
|
|
|
|
icon: "heroicons-outline:chat",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/app/chat",
|
|
|
|
|
label: t("chat"),
|
|
|
|
|
active: pathname === "/app/chat",
|
|
|
|
|
icon: "heroicons-outline:chat",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/app/email",
|
|
|
|
|
label: t("email"),
|
|
|
|
|
active: pathname === "/app/email",
|
|
|
|
|
icon: "heroicons-outline:mail",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/app/kanban",
|
|
|
|
|
label: t("kanban"),
|
|
|
|
|
active: pathname === "/app/kanban",
|
|
|
|
|
icon: "heroicons-outline:view-boards",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/app/calendar",
|
|
|
|
|
label: t("calendar"),
|
|
|
|
|
active: pathname === "/app/calendar",
|
|
|
|
|
icon: "heroicons-outline:calendar",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/app/todo",
|
|
|
|
|
label: t("todo"),
|
|
|
|
|
active: pathname === "/app/todo",
|
|
|
|
|
icon: "heroicons-outline:clipboard-check",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/app/projects",
|
|
|
|
|
label: t("projects"),
|
|
|
|
|
active: pathname === "/app/projects",
|
|
|
|
|
icon: "heroicons-outline:document",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: t("ecommerce"),
|
|
|
|
|
id: "ecommerce",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "ecommerce",
|
|
|
|
|
href: "/ecommerce/frontend",
|
|
|
|
|
label: t("ecommerce"),
|
|
|
|
|
active: pathname.includes("/ecommerce"),
|
|
|
|
|
icon: "heroicons-outline:shopping-bag",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend",
|
|
|
|
|
label: t("userApp"),
|
|
|
|
|
active: pathname === "/ecommerce/frontend",
|
|
|
|
|
icon: "heroicons-outline:user",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend",
|
|
|
|
|
label: t("products"),
|
|
|
|
|
active: pathname === "/ecommerce/frontend",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend/c06d48bf-7f35-4789-b71e-d80fee5b430t",
|
|
|
|
|
label: t("productDetails"),
|
|
|
|
|
active:
|
|
|
|
|
pathname ===
|
|
|
|
|
"/ecommerce/frontend/c06d48bf-7f35-4789-b71e-d80fee5b430t",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend/checkout/cart",
|
|
|
|
|
label: t("cart"),
|
|
|
|
|
active: pathname === "/ecommerce/frontend/checkout/cart",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/frontend/wishlist",
|
|
|
|
|
label: t("wishlist"),
|
|
|
|
|
active: pathname === "/ecommerce/frontend/wishlist",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend",
|
|
|
|
|
label: t("adminApp"),
|
|
|
|
|
active: pathname === "/ecommerce/backend",
|
|
|
|
|
icon: "heroicons-outline:user-circle",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/add-product",
|
|
|
|
|
label: t("addProduct"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/add-product",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/customer-list",
|
|
|
|
|
label: t("customerList"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/customer-list",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/edit-product",
|
|
|
|
|
label: t("editProduct"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/edit-product",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/invoice",
|
|
|
|
|
label: t("invoice"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/invoice",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/order-details",
|
|
|
|
|
label: t("orderDetails"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/order-details",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/order-list",
|
|
|
|
|
label: t("orderList"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/order-list",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/purchase-list",
|
|
|
|
|
label: t("purchaseList"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/purchase-list",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/ecommerce/backend/sellers",
|
|
|
|
|
label: t("sellers"),
|
|
|
|
|
active: pathname === "/ecommerce/backend/sellers",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: t("pages"),
|
|
|
|
|
id: "auth",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "auth",
|
|
|
|
|
href: "/auth/login",
|
|
|
|
|
label: t("authentication"),
|
|
|
|
|
active: pathname.includes("/auth"),
|
|
|
|
|
icon: "heroicons-outline:lock-closed",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/login",
|
|
|
|
|
label: t("signInOne"),
|
|
|
|
|
active: pathname === "/auth/login",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/login2",
|
|
|
|
|
label: t("signInTwo"),
|
|
|
|
|
active: pathname === "/auth/login2",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/login3",
|
|
|
|
|
label: t("signInThree"),
|
|
|
|
|
active: pathname === "/auth/login3",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/register",
|
|
|
|
|
label: t("signUpOne"),
|
|
|
|
|
active: pathname === "/auth/register",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/register2",
|
|
|
|
|
label: t("signUpTwo"),
|
|
|
|
|
active: pathname === "/auth/register2",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/register3",
|
|
|
|
|
label: t("signUpThree"),
|
|
|
|
|
active: pathname === "/auth/register3",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/forgot-password",
|
|
|
|
|
label: t("forgotPasswordOne"),
|
|
|
|
|
active: pathname === "/auth/forgot-password",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/forgot-password2",
|
|
|
|
|
label: t("forgotPasswordTwo"),
|
|
|
|
|
active: pathname === "/auth/forgot-password2",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/forgot-password3",
|
|
|
|
|
label: t("forgotPasswordThree"),
|
|
|
|
|
active: pathname === "/auth/forgot-password3",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/look-screen",
|
|
|
|
|
label: t("lockScreenOne"),
|
|
|
|
|
active: pathname === "/auth/look-screen",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/look-screen",
|
|
|
|
|
label: t("lockScreenTwo"),
|
|
|
|
|
active: pathname === "/auth/look-screen2",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/auth/look-screen3",
|
|
|
|
|
label: t("lockScreenThree"),
|
|
|
|
|
active: pathname === "/auth/look-screen3",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "utility",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "utility",
|
|
|
|
|
href: "/utility/blank-page",
|
|
|
|
|
label: t("utility"),
|
|
|
|
|
active: pathname.includes("/utility"),
|
|
|
|
|
icon: "heroicons-outline:view-boards",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/blank-page",
|
|
|
|
|
label: t("blankPage"),
|
|
|
|
|
active: pathname === "/utility/blank-page",
|
|
|
|
|
icon: "heroicons:document",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/blog",
|
|
|
|
|
label: t("blog"),
|
|
|
|
|
active: pathname === "/utility/blog",
|
|
|
|
|
icon: "heroicons:square-2-stack",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/faq",
|
|
|
|
|
label: t("faq"),
|
|
|
|
|
active: pathname === "/utility/faq",
|
|
|
|
|
icon: "heroicons:question-mark-circle",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/invoice",
|
|
|
|
|
label: t("invoice"),
|
|
|
|
|
active: pathname === "/utility/invoice",
|
|
|
|
|
icon: "heroicons:clipboard-document-list",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/pricing",
|
|
|
|
|
label: t("pricing"),
|
|
|
|
|
active: pathname === "/utility/pricing",
|
|
|
|
|
icon: "heroicons:currency-dollar",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/profile",
|
|
|
|
|
label: t("profile"),
|
|
|
|
|
active: pathname === "/utility/profile",
|
|
|
|
|
icon: "heroicons:user-circle",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/utility/settings",
|
|
|
|
|
label: t("settings"),
|
|
|
|
|
active: pathname === "/utility/settings",
|
|
|
|
|
icon: "heroicons:wrench-screwdriver",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/changelog",
|
|
|
|
|
label: t("changelog"),
|
|
|
|
|
active: pathname.includes("/changelog"),
|
|
|
|
|
icon: "heroicons:arrow-trending-up",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/blocks/basic-widget",
|
|
|
|
|
label: t("basicWidget"),
|
|
|
|
|
active: pathname === "/blocks/basic-widget",
|
|
|
|
|
icon: "heroicons-outline:home",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/blocks/statistic-widget",
|
|
|
|
|
label: t("statisticsWidget"),
|
|
|
|
|
active: pathname === "/blocks/statistic-widget",
|
|
|
|
|
icon: "heroicons-outline:home",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/icons",
|
|
|
|
|
label: t("icons"),
|
|
|
|
|
active: pathname.includes("/icons"),
|
|
|
|
|
icon: "heroicons-outline:emoji-happy",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: t("elements"),
|
|
|
|
|
id: "components",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "components",
|
|
|
|
|
href: "/components/avatar",
|
|
|
|
|
label: t("components"),
|
|
|
|
|
active: pathname.includes("/components"),
|
|
|
|
|
icon: "heroicons-outline:collection",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/components/avatar",
|
|
|
|
|
label: t("avatar"),
|
|
|
|
|
active: pathname === "/components/avatar",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/alert",
|
|
|
|
|
label: t("alert"),
|
|
|
|
|
active: pathname === "/components/alert",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/alert-dialog",
|
|
|
|
|
label: t("alertDialog"),
|
|
|
|
|
active: pathname === "/components/alert-dialog",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/accordion",
|
|
|
|
|
label: t("accordion"),
|
|
|
|
|
active: pathname === "/components/accordion",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/badge",
|
|
|
|
|
label: t("badge"),
|
|
|
|
|
active: pathname === "/components/badge",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/breadcrumb",
|
|
|
|
|
label: t("breadcrumb"),
|
|
|
|
|
active: pathname === "/components/breadcrumb",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/button",
|
|
|
|
|
label: t("button"),
|
|
|
|
|
active: pathname === "/components/button",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/calendar",
|
|
|
|
|
label: t("calendar"),
|
|
|
|
|
active: pathname === "/components/calendar",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/card",
|
|
|
|
|
label: t("card"),
|
|
|
|
|
active: pathname === "/components/card",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/carousel",
|
|
|
|
|
label: t("carousel"),
|
|
|
|
|
active: pathname === "/components/carousel",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/collapsible",
|
|
|
|
|
label: t("collapsible"),
|
|
|
|
|
active: pathname === "/components/collapsible",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/context-menu",
|
|
|
|
|
label: t("contextMenu"),
|
|
|
|
|
active: pathname === "/components/context-menu",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/dialog",
|
|
|
|
|
label: t("dialog"),
|
|
|
|
|
active: pathname === "/components/dialog",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/drawer",
|
|
|
|
|
label: t("drawer"),
|
|
|
|
|
active: pathname === "/components/drawer",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/dropdown",
|
|
|
|
|
label: t("dropdown"),
|
|
|
|
|
active: pathname === "/components/dropdown",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/hover-card",
|
|
|
|
|
label: t("hoverCard"),
|
|
|
|
|
active: pathname === "/components/hover-card",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/menu-bar",
|
|
|
|
|
label: t("menuBar"),
|
|
|
|
|
active: pathname === "/components/menu-bar",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/navigation-menu",
|
|
|
|
|
label: t("navigationMenu"),
|
|
|
|
|
active: pathname === "/components/navigation-menu",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/pagination",
|
|
|
|
|
label: t("pagination"),
|
|
|
|
|
active: pathname === "/components/pagination",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/popover",
|
|
|
|
|
label: t("popover"),
|
|
|
|
|
active: pathname === "/components/popover",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/progress",
|
|
|
|
|
label: t("progress"),
|
|
|
|
|
active: pathname === "/components/progress",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/resizable",
|
|
|
|
|
label: t("resizable"),
|
|
|
|
|
active: pathname === "/components/resizable",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/scroll-area",
|
|
|
|
|
label: t("scrollArea"),
|
|
|
|
|
active: pathname === "/components/scroll-area",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/separator",
|
|
|
|
|
label: t("separator"),
|
|
|
|
|
active: pathname === "/components/separator",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/sheet",
|
|
|
|
|
label: t("sheet"),
|
|
|
|
|
active: pathname === "/components/sheet",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/skeleton",
|
|
|
|
|
label: t("skeleton"),
|
|
|
|
|
active: pathname === "/components/skeleton",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/sonner",
|
|
|
|
|
label: t("sonner"),
|
|
|
|
|
active: pathname === "/components/sonner",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/tabs",
|
|
|
|
|
label: t("tabs"),
|
|
|
|
|
active: pathname === "/components/tabs",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/toast",
|
|
|
|
|
label: t("toast"),
|
|
|
|
|
active: pathname === "/components/toast",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/toggle",
|
|
|
|
|
label: t("toggle"),
|
|
|
|
|
active: pathname === "/components/toggle",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/tooltip",
|
|
|
|
|
label: t("tooltip"),
|
|
|
|
|
active: pathname === "/components/tooltip",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/typography",
|
|
|
|
|
label: t("typography"),
|
|
|
|
|
active: pathname === "/components/typography",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/components/colors",
|
|
|
|
|
label: t("colors"),
|
|
|
|
|
active: pathname === "/components/colors",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "forms",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "forms",
|
|
|
|
|
href: "/forms/input",
|
|
|
|
|
label: t("forms"),
|
|
|
|
|
active: pathname.includes("/forms"),
|
|
|
|
|
icon: "heroicons-outline:clipboard-list",
|
2024-11-27 04:14:10 +00:00
|
|
|
submenus: [
|
2024-11-26 03:09:48 +00:00
|
|
|
{
|
|
|
|
|
href: "/forms/input",
|
|
|
|
|
label: t("input"),
|
|
|
|
|
active: pathname === "/forms/input",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-group",
|
|
|
|
|
label: t("inputGroup"),
|
|
|
|
|
active: pathname === "/forms/input-group",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-layout",
|
|
|
|
|
label: t("inputLayout"),
|
|
|
|
|
active: pathname === "/forms/input-layout",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-mask",
|
|
|
|
|
label: t("inputMask"),
|
|
|
|
|
active: pathname === "/forms/input-mask",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-otp",
|
|
|
|
|
label: t("inputOtp"),
|
|
|
|
|
active: pathname === "/forms/input-otp",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/input-file",
|
|
|
|
|
label: t("inputFile"),
|
|
|
|
|
active: pathname === "/forms/input-file",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/form-validation",
|
|
|
|
|
label: t("formValidation"),
|
|
|
|
|
active: pathname === "/forms/form-validation",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/select",
|
|
|
|
|
label: t("select"),
|
|
|
|
|
active: pathname === "/forms/select",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/react-select",
|
|
|
|
|
label: t("reactSelect"),
|
|
|
|
|
active: pathname === "/forms/react-select",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/slider",
|
|
|
|
|
label: t("slider"),
|
|
|
|
|
active: pathname === "/forms/slider",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/switch",
|
|
|
|
|
label: t("switch"),
|
|
|
|
|
active: pathname === "/forms/switch",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/radio",
|
|
|
|
|
label: t("radio"),
|
|
|
|
|
active: pathname === "/forms/radio",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/checkbox",
|
|
|
|
|
label: t("checkbox"),
|
|
|
|
|
active: pathname === "/forms/checkbox",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/combobox",
|
|
|
|
|
label: t("combobox"),
|
|
|
|
|
active: pathname === "/forms/combobox",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/forms/command",
|
|
|
|
|
label: t("command"),
|
|
|
|
|
active: pathname === "/forms/command",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "table",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "table",
|
|
|
|
|
href: "/table/basic-table",
|
|
|
|
|
label: t("table"),
|
|
|
|
|
active: pathname.includes("/table"),
|
|
|
|
|
icon: "heroicons:table-cells",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/table/basic-table",
|
|
|
|
|
label: t("basicTable"),
|
|
|
|
|
active: pathname === "/table/basic-table",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/table/react-table",
|
|
|
|
|
label: t("reactTable"),
|
|
|
|
|
active: pathname === "/table/react-table",
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "charts",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "charts",
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-area",
|
|
|
|
|
label: t("chart"),
|
|
|
|
|
active: pathname.includes("/charts"),
|
|
|
|
|
icon: "heroicons:chart-bar",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-area",
|
|
|
|
|
label: t("appexCharts"),
|
|
|
|
|
active: pathname.includes("/charts/appex-charts"),
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-area",
|
|
|
|
|
label: t("areaCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-area"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-bar",
|
|
|
|
|
label: t("barCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-bar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-boxplot",
|
|
|
|
|
label: t("boxplotCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-boxplot"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-bubble",
|
|
|
|
|
label: t("bubbleCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-bubble"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-candlestick",
|
|
|
|
|
label: t("candlestickCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-candlestick"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-column",
|
|
|
|
|
label: t("columnCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-column"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-combo",
|
|
|
|
|
label: t("comboCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-combo"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-funnel",
|
|
|
|
|
label: t("funnelCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-funnel"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-heatmap",
|
|
|
|
|
label: t("heatmapCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-heatmap"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-line",
|
|
|
|
|
label: t("lineCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-line"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-pie",
|
|
|
|
|
label: t("pieCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-pie"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-polararea",
|
|
|
|
|
label: t("ploarareaCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-polararea"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-radar",
|
|
|
|
|
label: t("radarCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-radar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-radialbars",
|
|
|
|
|
label: t("radialbarCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-radialbars"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-range",
|
|
|
|
|
label: t("rangeCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-range"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-scatter",
|
|
|
|
|
label: t("scatterCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-scatter"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-timeline",
|
|
|
|
|
label: t("timelineCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-timeline"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/appex-charts/charts-appex-treemap",
|
|
|
|
|
label: t("treemapCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/appex-charts/charts-appex-treemap"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-area",
|
|
|
|
|
label: t("rechart"),
|
|
|
|
|
active: pathname.includes("/charts/rechart"),
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-area",
|
|
|
|
|
label: t("areaCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-area"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-bar",
|
|
|
|
|
label: t("barCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-bar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-composed",
|
|
|
|
|
label: t("composedCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-composed"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-line",
|
|
|
|
|
label: t("lineCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-line"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-pie",
|
|
|
|
|
label: t("pieCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-pie"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-radar",
|
|
|
|
|
label: t("radarCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-radar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-radialbar",
|
|
|
|
|
label: t("radialbarCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-radialbar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-scatter",
|
|
|
|
|
label: t("scatterCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-scatter"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/rechart/charts-rechart-treemap",
|
|
|
|
|
label: t("treemapCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/rechart/charts-rechart-treemap"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-area",
|
|
|
|
|
label: t("chartJs"),
|
|
|
|
|
active: pathname.includes("/charts/chart-js"),
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-area",
|
|
|
|
|
label: t("areaCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-area"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-bar",
|
|
|
|
|
label: t("barCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-bar"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-line",
|
|
|
|
|
label: t("lineCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-line"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-animations",
|
|
|
|
|
label: t("animationCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-animations"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-legend",
|
|
|
|
|
label: t("legendCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-legend"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-scaleoptions",
|
|
|
|
|
label: t("scaleOptionCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-scaleoptions"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-scales",
|
|
|
|
|
label: t("scaleCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-scales"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-scriptable",
|
|
|
|
|
label: t("scriptableCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-scriptable"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-title",
|
|
|
|
|
label: t("titleCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-title"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-tooltip",
|
|
|
|
|
label: t("tooltipChart"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-tooltip"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/charts/chart-js/charts-chartjs-other",
|
|
|
|
|
label: t("otherCharts"),
|
|
|
|
|
active: pathname.includes(
|
|
|
|
|
"/charts/chart-js/charts-chartjs-other"
|
|
|
|
|
),
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "maps",
|
|
|
|
|
menus: [
|
|
|
|
|
{
|
|
|
|
|
id: "maps",
|
|
|
|
|
href: "/maps/maps-leaflet",
|
|
|
|
|
label: t("maps"),
|
|
|
|
|
active: pathname.includes("/maps/maps-leaflet"),
|
|
|
|
|
icon: "heroicons-outline:map",
|
|
|
|
|
submenus: [
|
|
|
|
|
{
|
|
|
|
|
href: "/maps/maps-leaflet",
|
|
|
|
|
label: t("mapsLeaflet"),
|
|
|
|
|
active: pathname.includes("/maps/maps-leaflet"),
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
href: "/maps/maps-vector",
|
|
|
|
|
label: t("mapsVector"),
|
|
|
|
|
active: pathname.includes("/maps/maps-vector"),
|
|
|
|
|
icon: "",
|
|
|
|
|
children: [],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
groupLabel: "",
|
|
|
|
|
id: "icons",
|
|
|
|
|
menus: [],
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
}
|
