mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-17 21:00:45 +00:00
141 lines
4.6 KiB
TypeScript
141 lines
4.6 KiB
TypeScript
/**
|
|
=========================================================
|
|
* Material Dashboard 2 PRO React TS - v1.0.0
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/material-dashboard-2-pro-react-ts
|
|
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
|
|
|
|
Coded by www.creative-tim.com
|
|
|
|
=========================================================
|
|
|
|
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
*/
|
|
|
|
/**
|
|
All of the routes for the Material Dashboard 2 PRO React are added here,
|
|
You can add a new route, customize the routes and delete the routes here.
|
|
|
|
Once you add a new route on this file it will be visible automatically on
|
|
the Sidenav.
|
|
|
|
For adding a new route you can follow the existing routes in the routes array.
|
|
1. The `type` key with the `collapse` value is used for a route.
|
|
2. The `type` key with the `title` value is used for a title inside the Sidenav.
|
|
3. The `type` key with the `divider` value is used for a divider between Sidenav items.
|
|
4. The `name` key is used for the name of the route on the Sidenav.
|
|
5. The `key` key is used for the key of the route (It will help you with the key prop inside a loop).
|
|
6. The `icon` key is used for the icon of the route on the Sidenav, you have to add a node.
|
|
7. The `collapse` key is used for making a collapsible item on the Sidenav that contains other routes
|
|
inside (nested routes), you need to pass the nested routes inside an array as a value for the `collapse` key.
|
|
8. The `route` key is used to store the route location which is used for the react router.
|
|
9. The `href` key is used to store the external links location.
|
|
10. The `title` key is only for the item with the type of `title` and its used for the title text on the Sidenav.
|
|
10. The `component` key is used to store the component of its route.
|
|
*/
|
|
|
|
// Material Dashboard 2 PRO React layouts
|
|
import Analytics from "layouts/dashboards/analytics";
|
|
import Sales from "layouts/dashboards/sales";
|
|
import ProfileOverview from "layouts/pages/profile/profile-overview";
|
|
import Settings from "layouts/pages/account/settings";
|
|
import SignInBasic from "layouts/authentication/sign-in/basic";
|
|
|
|
// Material Dashboard 2 PRO React TS components
|
|
import MDAvatar from "components/MDAvatar";
|
|
|
|
// @mui icons
|
|
import Icon from "@mui/material/Icon";
|
|
|
|
// Images
|
|
import profilePicture from "assets/images/team-3.jpg";
|
|
|
|
// QQQ
|
|
import { QController } from "@kingsrook/qqq-frontend-core/lib/controllers/QController";
|
|
import EntityList from "./pages/entity-list";
|
|
|
|
const qqqRoutes = [
|
|
{
|
|
type: "collapse",
|
|
name: "Brooklyn Alice",
|
|
key: "brooklyn-alice",
|
|
icon: <MDAvatar src={profilePicture} alt="Brooklyn Alice" size="sm" />,
|
|
collapse: [
|
|
{
|
|
name: "My Profile",
|
|
key: "my-profile",
|
|
route: "/pages/profile/profile-overview",
|
|
component: <ProfileOverview />,
|
|
},
|
|
{
|
|
name: "Settings",
|
|
key: "profile-settings",
|
|
route: "/pages/account/settings",
|
|
component: <Settings />,
|
|
},
|
|
{
|
|
name: "Logout",
|
|
key: "logout",
|
|
route: "/authentication/sign-in/basic",
|
|
component: <SignInBasic />,
|
|
},
|
|
],
|
|
},
|
|
{ type: "divider", key: "divider-0" },
|
|
{
|
|
type: "collapse",
|
|
name: "Dashboards",
|
|
key: "dashboards",
|
|
icon: <Icon fontSize="medium">dashboard</Icon>,
|
|
collapse: [
|
|
{
|
|
name: "Analytics",
|
|
key: "analytics",
|
|
route: "/dashboards/analytics",
|
|
component: <Analytics />,
|
|
},
|
|
{
|
|
name: "Sales",
|
|
key: "sales",
|
|
route: "/dashboards/sales",
|
|
component: <Sales />,
|
|
},
|
|
],
|
|
},
|
|
{ type: "divider", key: "divider-1" },
|
|
{ type: "title", title: "Tables", key: "title-docs" },
|
|
];
|
|
|
|
const qController = new QController("");
|
|
|
|
(async () =>
|
|
{
|
|
const metaData = await qController.loadMetaData();
|
|
|
|
// get the keys sorted
|
|
const keys = [...metaData.tables.keys()].sort();
|
|
const tableList = [] as any[];
|
|
keys.forEach((key) =>
|
|
{
|
|
const table = metaData.tables.get(key);
|
|
tableList.push({
|
|
name: `${table.label}`,
|
|
key: table.name,
|
|
route: `/${table.name}`,
|
|
component: <EntityList table={table} />,
|
|
});
|
|
});
|
|
|
|
const tables = {
|
|
type: "collapse",
|
|
name: "Tables",
|
|
key: "tables",
|
|
icon: <Icon fontSize="medium">dashboard</Icon>,
|
|
collapse: tableList,
|
|
};
|
|
qqqRoutes.push(tables);
|
|
})();
|
|
|
|
export default qqqRoutes;
|