mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-17 12:50:43 +00:00
Take label (e.g., of the field) as parameter
This commit is contained in:
@ -407,6 +407,7 @@ function EntityForm(props: Props): JSX.Element
|
|||||||
widgetMetaData={widgetMetaData}
|
widgetMetaData={widgetMetaData}
|
||||||
widgetData={widgetData}
|
widgetData={widgetData}
|
||||||
recordValues={formValues}
|
recordValues={formValues}
|
||||||
|
label={tableMetaData?.fields.get(widgetData?.filterFieldName ?? "queryFilterJson")?.label}
|
||||||
onSaveCallback={setFormFieldValuesFromWidget}
|
onSaveCallback={setFormFieldValuesFromWidget}
|
||||||
/>;
|
/>;
|
||||||
}
|
}
|
||||||
|
@ -46,11 +46,12 @@ import React, {useContext, useEffect, useRef, useState} from "react";
|
|||||||
|
|
||||||
interface FilterAndColumnsSetupWidgetProps
|
interface FilterAndColumnsSetupWidgetProps
|
||||||
{
|
{
|
||||||
isEditable: boolean;
|
isEditable: boolean,
|
||||||
widgetMetaData: QWidgetMetaData;
|
widgetMetaData: QWidgetMetaData,
|
||||||
widgetData: any;
|
widgetData: any,
|
||||||
recordValues: { [name: string]: any };
|
recordValues: { [name: string]: any },
|
||||||
onSaveCallback?: (values: { [name: string]: any }) => void;
|
onSaveCallback?: (values: { [name: string]: any }) => void,
|
||||||
|
label?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
FilterAndColumnsSetupWidget.defaultProps = {
|
FilterAndColumnsSetupWidget.defaultProps = {
|
||||||
@ -83,15 +84,15 @@ const qController = Client.getInstance();
|
|||||||
/*******************************************************************************
|
/*******************************************************************************
|
||||||
** Component for editing the main setup of a report - that is: filter & columns
|
** Component for editing the main setup of a report - that is: filter & columns
|
||||||
*******************************************************************************/
|
*******************************************************************************/
|
||||||
export default function FilterAndColumnsSetupWidget({isEditable, widgetMetaData, widgetData, recordValues, onSaveCallback}: FilterAndColumnsSetupWidgetProps): JSX.Element
|
export default function FilterAndColumnsSetupWidget({isEditable, widgetMetaData, widgetData, recordValues, onSaveCallback, label}: FilterAndColumnsSetupWidgetProps): JSX.Element
|
||||||
{
|
{
|
||||||
const [modalOpen, setModalOpen] = useState(false);
|
const [modalOpen, setModalOpen] = useState(false);
|
||||||
const [hideColumns] = useState(widgetData?.hideColumns);
|
const [hideColumns] = useState(widgetData?.hideColumns);
|
||||||
const [hidePreview] = useState(widgetData?.hidePreview);
|
const [hidePreview] = useState(widgetData?.hidePreview);
|
||||||
const [tableMetaData, setTableMetaData] = useState(null as QTableMetaData);
|
const [tableMetaData, setTableMetaData] = useState(null as QTableMetaData);
|
||||||
|
|
||||||
const [filterFieldName] = useState(widgetData?.filterFieldName ?? "queryFilterJson")
|
const [filterFieldName] = useState(widgetData?.filterFieldName ?? "queryFilterJson");
|
||||||
const [columnsFieldName] = useState(widgetData?.columnsFieldName ?? "columnsJson")
|
const [columnsFieldName] = useState(widgetData?.columnsFieldName ?? "columnsJson");
|
||||||
|
|
||||||
const [alertContent, setAlertContent] = useState(null as string);
|
const [alertContent, setAlertContent] = useState(null as string);
|
||||||
|
|
||||||
@ -233,7 +234,7 @@ export default function FilterAndColumnsSetupWidget({isEditable, widgetMetaData,
|
|||||||
setFrontendQueryFilter(view.queryFilter);
|
setFrontendQueryFilter(view.queryFilter);
|
||||||
const filter = FilterUtils.prepQueryFilterForBackend(tableMetaData, view.queryFilter);
|
const filter = FilterUtils.prepQueryFilterForBackend(tableMetaData, view.queryFilter);
|
||||||
|
|
||||||
const rs: {[key: string]: any} = {};
|
const rs: { [key: string]: any } = {};
|
||||||
rs[filterFieldName] = JSON.stringify(filter);
|
rs[filterFieldName] = JSON.stringify(filter);
|
||||||
rs[columnsFieldName] = JSON.stringify(view.queryColumns);
|
rs[columnsFieldName] = JSON.stringify(view.queryColumns);
|
||||||
onSaveCallback(rs);
|
onSaveCallback(rs);
|
||||||
@ -362,7 +363,7 @@ export default function FilterAndColumnsSetupWidget({isEditable, widgetMetaData,
|
|||||||
</Collapse>
|
</Collapse>
|
||||||
<Box pt="0.5rem">
|
<Box pt="0.5rem">
|
||||||
<Box display="flex" justifyContent="space-between" alignItems="center">
|
<Box display="flex" justifyContent="space-between" alignItems="center">
|
||||||
<h5>Query Filter</h5>
|
<h5>{label ?? "Query Filter"}</h5>
|
||||||
<Box fontSize="0.75rem" fontWeight="700">{mayShowQuery() && getCurrentSortIndicator(frontendQueryFilter, tableMetaData, null)}</Box>
|
<Box fontSize="0.75rem" fontWeight="700">{mayShowQuery() && getCurrentSortIndicator(frontendQueryFilter, tableMetaData, null)}</Box>
|
||||||
</Box>
|
</Box>
|
||||||
{
|
{
|
||||||
|
Reference in New Issue
Block a user