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

SPRINT-19: updates to various widgets for new dashboard, cleanups

Browse Source
This commit is contained in:
Tim Chamberlain
2023-01-24 15:50:44 -06:00
parent 2609748047
commit 895724b87e
18 changed files with 1534 additions and 1096 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/qqq/components/widgets/misc/FieldValueListWidget.tsx
View File

@ -20,6 +20,7 @@
*/
import {QFieldMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QFieldMetaData";
import {QWidgetMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QWidgetMetaData";
import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord";
import {Skeleton} from "@mui/material";
import Box from "@mui/material/Box";
@ -31,19 +32,19 @@ import ValueUtils from "qqq/utils/qqq/ValueUtils";
interface Props
{
title: string;
widgetMetaData: QWidgetMetaData;
data: any;
reloadWidgetCallback?: (params: string) => void;
}
FieldValueListWidget.defaultProps = {};
function FieldValueListWidget({title, data, reloadWidgetCallback}: Props): JSX.Element
function FieldValueListWidget({widgetMetaData, data, reloadWidgetCallback}: Props): JSX.Element
{
if(data?.dropdownNeedsSelectedText)
{
return (
<Widget label={title} widgetData={data} reloadWidgetCallback={reloadWidgetCallback}>
<Widget widgetMetaData={widgetMetaData} widgetData={data} reloadWidgetCallback={reloadWidgetCallback}>
<br />
</Widget>
);
@ -53,7 +54,7 @@ function FieldValueListWidget({title, data, reloadWidgetCallback}: Props): JSX.E
{
const skeletons = [75, 50, 90];
return (
<Widget label={title}>
<Widget widgetMetaData={widgetMetaData}>
<Box p={3} pt={0} display="flex" flexDirection="column">
{skeletons.map((s) =>
(
@ -79,7 +80,7 @@ function FieldValueListWidget({title, data, reloadWidgetCallback}: Props): JSX.E
const fieldIndentLevels = data.fieldIndentLevels ?? {};
return (
<Widget label={title} widgetData={data} reloadWidgetCallback={reloadWidgetCallback}>
<Widget widgetMetaData={widgetMetaData} widgetData={data} reloadWidgetCallback={reloadWidgetCallback}>
<Box p={3} pt={0} display="flex" flexDirection="column">
{
fields.map((field: QFieldMetaData, index: number) => (

7
src/qqq/components/widgets/misc/RecordGridWidget.tsx
View File

@ -20,6 +20,7 @@
*/
import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData";
import {QWidgetMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QWidgetMetaData";
import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord";
import {DataGridPro, GridCallbackDetails, GridRowParams, MuiEvent} from "@mui/x-data-grid-pro";
import React, {useEffect, useState} from "react";
@ -30,7 +31,7 @@ import Client from "qqq/utils/qqq/Client";
interface Props
{
title: string;
widgetMetaData: QWidgetMetaData;
data: any;
}
@ -38,7 +39,7 @@ RecordGridWidget.defaultProps = {};
const qController = Client.getInstance();
function RecordGridWidget({title, data}: Props): JSX.Element
function RecordGridWidget({widgetMetaData, data}: Props): JSX.Element
{
const [rows, setRows] = useState([]);
const [columns, setColumns] = useState([]);
@ -121,7 +122,7 @@ function RecordGridWidget({title, data}: Props): JSX.Element
return (
<Widget
label={title}
widgetMetaData={widgetMetaData}
labelAdditionalComponentsLeft={labelAdditionalComponentsLeft}
labelAdditionalComponentsRight={labelAdditionalComponentsRight}
>