Md Afiq Iskandar
591f5ca4d8
- Introduced a new process builder feature with a dedicated page for managing processes. - Implemented a `ProcessFlowCanvas` component utilizing Vue Flow for visual process management. - Created custom node types for the process flow, including Start, Task, Form, Gateway, Script, and End nodes. - Developed a Pinia store for managing process data, including actions for creating, updating, and deleting processes and nodes. - Added a search functionality for filtering processes and a confirmation dialog for process deletion. - Integrated responsive design adjustments for better usability across devices. - Included styles for custom nodes and flow components to enhance visual representation. - Updated navigation to include links to the new process builder and management features.
112 lines
2.4 KiB
JavaScript
112 lines
2.4 KiB
JavaScript
export default [
|
|
{
|
|
header: "",
|
|
description: "",
|
|
child: [
|
|
{
|
|
title: "Dashboard",
|
|
path: "/dashboard",
|
|
icon: "ic:outline-dashboard",
|
|
child: [],
|
|
meta: {},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
header: "Administration",
|
|
description: "Manage your application",
|
|
child: [
|
|
{
|
|
title: "Configuration",
|
|
icon: "ic:outline-settings",
|
|
child: [
|
|
{
|
|
title: "Environment",
|
|
path: "/devtool/config/environment",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Manage Users",
|
|
path: "/devtool/user-management",
|
|
icon: "ph:user-circle-gear",
|
|
child: [
|
|
{
|
|
title: "User List",
|
|
path: "/devtool/user-management/user",
|
|
icon: "",
|
|
child: [],
|
|
},
|
|
{
|
|
title: "Role List",
|
|
path: "/devtool/user-management/role",
|
|
icon: "",
|
|
child: [],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Content",
|
|
icon: "mdi:pencil-ruler",
|
|
child: [
|
|
{
|
|
title: "Editor",
|
|
path: "/devtool/content-editor",
|
|
},
|
|
{
|
|
title: "Template",
|
|
path: "/devtool/content-editor/template",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "API Editor",
|
|
path: "/devtool/api-editor",
|
|
icon: "material-symbols:api-rounded",
|
|
child: [],
|
|
},
|
|
{
|
|
title: "Code Playground",
|
|
path: "/devtool/code-playground",
|
|
icon: "mdi:code-braces",
|
|
child: [],
|
|
},
|
|
],
|
|
meta: {
|
|
auth: {
|
|
role: ["Developer"],
|
|
},
|
|
},
|
|
},
|
|
{
|
|
header: "Process Builder",
|
|
description: "Build and manage your processes",
|
|
child: [
|
|
{
|
|
title: "Process Management",
|
|
icon: "mdi:sitemap",
|
|
child: [
|
|
{
|
|
title: "Process Builder",
|
|
path: "/process-builder",
|
|
icon: "material-symbols:network-node",
|
|
child: [],
|
|
},
|
|
{
|
|
title: "Process List",
|
|
path: "/process-builder/manage",
|
|
icon: "mdi:format-list-bulleted",
|
|
child: [],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Form Builder",
|
|
path: "/form-builder/manage",
|
|
icon: "mdi:form-select",
|
|
child: [],
|
|
},
|
|
],
|
|
},
|
|
];
|