QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

ONE-38: checkpoint commit of frontend MVP goal

Browse Source
This commit is contained in:
Tim Chamberlain
2022-07-06 10:35:42 -05:00
parent 97a9754bcf
commit ab1009115e
15 changed files with 186 additions and 1056 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
src/qqq/qqqRoutes.tsx
View File

@ -39,31 +39,8 @@
import Analytics from "layouts/dashboards/analytics";
import Sales from "layouts/dashboards/sales";
import ProfileOverview from "layouts/pages/profile/profile-overview";
// import AllProjects from "layouts/pages/profile/all-projects";
// import NewUser from "layouts/pages/users/new-user";
import Settings from "layouts/pages/account/settings";
// import Billing from "layouts/pages/account/billing";
// import Invoice from "layouts/pages/account/invoice";
// import Timeline from "layouts/pages/projects/timeline";
// import PricingPage from "layouts/pages/pricing-page";
// import Widgets from "layouts/pages/widgets";
// import RTL from "layouts/pages/rtl";
// import Charts from "layouts/pages/charts";
// import Notifications from "layouts/pages/notifications";
// import Kanban from "layouts/applications/kanban";
// import Wizard from "layouts/applications/wizard";
// import DataTables from "layouts/applications/data-tables";
// import Calendar from "layouts/applications/calendar";
// import NewProduct from "layouts/ecommerce/products/new-product";
// import EditProduct from "layouts/ecommerce/products/edit-product";
// import ProductPage from "layouts/ecommerce/products/product-page";
// import OrderList from "layouts/ecommerce/orders/order-list";
// import OrderDetails from "layouts/ecommerce/orders/order-details";
import SignInBasic from "layouts/authentication/sign-in/basic";
// import SignInCover from "layouts/authentication/sign-in/cover";
// import SignInIllustration from "layouts/authentication/sign-in/illustration";
// import SignUpCover from "layouts/authentication/sign-up/cover";
// import ResetCover from "layouts/authentication/reset-password/cover";
// Material Dashboard 2 PRO React TS components
import MDAvatar from "components/MDAvatar";
@ -76,16 +53,8 @@ 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";
// import { QTableMetaData } from "qqq-frontend-core/lib/model/metaData/QTableMetaData";
// import thing from "qqq-frontend-core/lib/qqq-frontend-core.js";
// import QController from "qqq-frontend-core/lib/qqq-frontend-core.js";
// import {QTableMetaData} from "qqq-frontend-core/lib/model/metaData/QTableMetaData";
// import {QFieldMetaData} from "qqq-frontend-core/lib/model/metaData/QFieldMetaData";
// import {QFieldType} from "qqq-frontend-core/lib/model/metaData/QFieldType";
const qqqRoutes = [
{
type: "collapse",
@ -134,260 +103,11 @@ const qqqRoutes = [
},
],
},
/*
{ type: "title", title: "Pages", key: "title-pages" },
{
type: "collapse",
name: "Pages",
key: "pages",
icon: <Icon fontSize="medium">image</Icon>,
collapse: [
{
name: "Profile",
key: "profile",
collapse: [
{
name: "Profile Overview",
key: "profile-overview",
route: "/pages/profile/profile-overview",
component: <ProfileOverview />,
},
{
name: "All Projects",
key: "all-projects",
route: "/pages/profile/all-projects",
component: <AllProjects />,
},
],
},
{
name: "Users",
key: "users",
collapse: [
{
name: "New User",
key: "new-user",
route: "/pages/users/new-user",
component: <NewUser />,
},
],
},
{
name: "Account",
key: "account",
collapse: [
{
name: "Settings",
key: "settings",
route: "/pages/account/settings",
component: <Settings />,
},
{
name: "Billing",
key: "billing",
route: "/pages/account/billing",
component: <Billing />,
},
{
name: "Invoice",
key: "invoice",
route: "/pages/account/invoice",
component: <Invoice />,
},
],
},
{
name: "Projects",
key: "projects",
collapse: [
{
name: "Timeline",
key: "timeline",
route: "/pages/projects/timeline",
component: <Timeline />,
},
],
},
{
name: "Pricing Page",
key: "pricing-page",
route: "/pages/pricing-page",
component: <PricingPage />,
},
{ name: "RTL", key: "rtl", route: "/pages/rtl", component: <RTL /> },
{ name: "Widgets", key: "widgets", route: "/pages/widgets", component: <Widgets /> },
{ name: "Charts", key: "charts", route: "/pages/charts", component: <Charts /> },
{
name: "Notfications",
key: "notifications",
route: "/pages/notifications",
component: <Notifications />,
},
],
},
{
type: "collapse",
name: "Applications",
key: "applications",
icon: <Icon fontSize="medium">apps</Icon>,
collapse: [
{
name: "Kanban",
key: "kanban",
route: "/applications/kanban",
component: <Kanban />,
},
{
name: "Wizard",
key: "wizard",
route: "/applications/wizard",
component: <Wizard />,
},
{
name: "Data Tables",
key: "data-tables",
route: "/applications/data-tables",
component: <DataTables />,
},
{
name: "Calendar",
key: "calendar",
route: "/applications/calendar",
component: <Calendar />,
},
],
},
{
type: "collapse",
name: "Ecommerce",
key: "ecommerce",
icon: <Icon fontSize="medium">shopping_basket</Icon>,
collapse: [
{
name: "Products",
key: "products",
collapse: [
{
name: "New Product",
key: "new-product",
route: "/ecommerce/products/new-product",
component: <NewProduct />,
},
{
name: "Edit Product",
key: "edit-product",
route: "/ecommerce/products/edit-product",
component: <EditProduct />,
},
{
name: "Product Page",
key: "product-page",
route: "/ecommerce/products/product-page",
component: <ProductPage />,
},
],
},
{
name: "Orders",
key: "orders",
collapse: [
{
name: "Order List",
key: "order-list",
route: "/ecommerce/orders/order-list",
component: <OrderList />,
},
{
name: "Order Details",
key: "order-details",
route: "/ecommerce/orders/order-details",
component: <OrderDetails />,
},
],
},
{
name: "Orders",
key: "orders",
collapse: [
{
name: "Order List",
key: "order-list",
route: "/ecommerce/orders/order-list",
component: <OrderList />,
},
{
name: "Order Details",
key: "order-details",
route: "/ecommerce/orders/order-details",
component: <OrderDetails />,
},
],
},
],
},
{
type: "collapse",
name: "Authentication",
key: "authentication",
icon: <Icon fontSize="medium">content_paste</Icon>,
collapse: [
{
name: "Sign In",
key: "sign-in",
collapse: [
{
name: "Basic",
key: "basic",
route: "/authentication/sign-in/basic",
component: <SignInBasic />,
},
{
name: "Cover",
key: "cover",
route: "/authentication/sign-in/cover",
component: <SignInCover />,
},
{
name: "Illustration",
key: "illustration",
route: "/authentication/sign-in/illustration",
component: <SignInIllustration />,
},
],
},
{
name: "Sign Up",
key: "sign-up",
collapse: [
{
name: "Cover",
key: "cover",
route: "/authentication/sign-up/cover",
component: <SignUpCover />,
},
],
},
{
name: "Reset Password",
key: "reset-password",
collapse: [
{
name: "Cover",
key: "cover",
route: "/authentication/reset-password/cover",
component: <ResetCover />,
},
],
},
],
},
*/
{ type: "divider", key: "divider-1" },
{ type: "title", title: "Tables", key: "title-docs" },
];
const qController = new QController("");
console.log(qController);
(async () => {
const metaData = await qController.loadMetaData();
@ -398,9 +118,9 @@ console.log(qController);
keys.forEach((key) => {
const table = metaData.tables.get(key);
tableList.push({
name: table.label,
name: `${table.label}`,
key: table.name,
route: `/${table.name}/list`,
route: `/${table.name}`,
component: <EntityList table={table} />,
});
});