SPRINT-18: fixed to dashboards, removed and moved around all the things

2025-07-18 13:20:43 +00:00 · 2023-01-04 11:40:21 -06:00
parent e49f178738
commit 267580b44b
460 changed files with 9717 additions and 11057 deletions
--- a/src/qqq/components/buttons/DefaultButtons.tsx
+++ b/src/qqq/components/buttons/DefaultButtons.tsx
@ -0,0 +1,166 @@
+/*
+ * QQQ - Low-code Application Framework for Engineers.
+ * Copyright (C) 2021-2022.  Kingsrook, LLC
+ * 651 N Broad St Ste 205 # 6917 | Middletown DE 19709 | United States
+ * contact@kingsrook.com
+ * https://github.com/Kingsrook/
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import Box from "@mui/material/Box";
+import Icon from "@mui/material/Icon";
+import React from "react";
+import {Link} from "react-router-dom";
+import MDButton from "qqq/components/legacy/MDButton";
+
+
+// eslint-disable import/prefer-default-export
+
+const standardWidth = "150px";
+
+export function QCreateNewButton(): JSX.Element
+{
+   return (
+      <Box ml={3} mr={2} width={standardWidth}>
+         <Link to="create">
+            <MDButton variant="gradient" color="info" fullWidth startIcon={<Icon>add</Icon>}>
+               Create New
+            </MDButton>
+         </Link>
+      </Box>
+   );
+}
+
+interface QSaveButtonProps
+{
+   label?: string;
+   onClickHandler?: any,
+   disabled: boolean
+}
+QSaveButton.defaultProps = {
+   label: "Save"
+};
+
+export function QSaveButton({label, onClickHandler, disabled}: QSaveButtonProps): JSX.Element
+{
+   return (
+      <Box ml={3} width={standardWidth}>
+         <MDButton type="submit" variant="gradient" color="info" size="small" onClick={onClickHandler} fullWidth startIcon={<Icon>save</Icon>} disabled={disabled}>
+            {label}
+         </MDButton>
+      </Box>
+   );
+}
+
+interface QDeleteButtonProps
+{
+   onClickHandler: any
+}
+
+export function QDeleteButton({onClickHandler}: QDeleteButtonProps): JSX.Element
+{
+   return (
+      <Box ml={3} width={standardWidth}>
+         <MDButton variant="gradient" color="primary" size="small" onClick={onClickHandler} fullWidth startIcon={<Icon>delete</Icon>}>
+            Delete
+         </MDButton>
+      </Box>
+   );
+}
+
+export function QEditButton(): JSX.Element
+{
+   return (
+      <Box ml={3} width={standardWidth}>
+         <Link to="edit">
+            <MDButton variant="gradient" color="dark" size="small" fullWidth startIcon={<Icon>edit</Icon>}>
+               Edit
+            </MDButton>
+         </Link>
+      </Box>
+   );
+}
+
+interface QActionsMenuButtonProps
+{
+   isOpen: boolean;
+   onClickHandler: any;
+}
+
+export function QActionsMenuButton({isOpen, onClickHandler}: QActionsMenuButtonProps): JSX.Element
+{
+   return (
+      <Box width={standardWidth} ml={1}>
+         <MDButton
+            variant={isOpen ? "contained" : "outlined"}
+            color="dark"
+            onClick={onClickHandler}
+            fullWidth
+         >
+            actions&nbsp;
+            <Icon>keyboard_arrow_down</Icon>
+         </MDButton>
+      </Box>
+   );
+}
+
+interface QCancelButtonProps
+{
+   onClickHandler: any;
+   disabled: boolean;
+   label?: string;
+   iconName?: string
+}
+
+export function QCancelButton({
+   onClickHandler, disabled, label, iconName,
+}: QCancelButtonProps): JSX.Element
+{
+   return (
+      <Box ml="auto" width={standardWidth}>
+         <MDButton type="button" variant="outlined" color="dark" size="small" fullWidth startIcon={<Icon>{iconName}</Icon>} onClick={onClickHandler} disabled={disabled}>
+            {label}
+         </MDButton>
+      </Box>
+   );
+}
+
+QCancelButton.defaultProps = {
+   label: "cancel",
+   iconName: "cancel",
+};
+
+interface QSubmitButtonProps
+{
+   label?: string
+   iconName?: string
+   disabled: boolean
+}
+
+export function QSubmitButton({label, iconName, disabled}: QSubmitButtonProps): JSX.Element
+{
+   return (
+      <Box ml={3} width={standardWidth}>
+         <MDButton type="submit" variant="gradient" color="dark" size="small" fullWidth startIcon={<Icon>{iconName}</Icon>} disabled={disabled}>
+            {label}
+         </MDButton>
+      </Box>
+   );
+}
+
+QSubmitButton.defaultProps = {
+   label: "Submit",
+   iconName: "check",
+};