mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-18 13:20:43 +00:00
QQQ-21 update to hide hidden tables; moving loading of table/routes into App.tsx (fixes showing up automatically)
This commit is contained in:
@ -1,140 +0,0 @@
|
||||
/**
|
||||
=========================================================
|
||||
* 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;
|
||||
Reference in New Issue
Block a user