root
/
grafana
mirror of https://github.com/grafana/grafana.git
1
0
Fork 0
Code Issues Actions 31 Packages Projects Releases Wiki Activity

PanelSearchLayout: Support repeat panels (#94140)

This commit is contained in:
kay delaney 2024-10-02 12:27:27 +01:00 committed by GitHub
parent 658c79e1d5
commit dae492f6c8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/app/features/dashboard-scene/scene/PanelSearchLayout.tsx
View File

@ -23,7 +23,7 @@ const panelsPerRowCSSVar = '--panels-per-row';
export function PanelSearchLayout({ dashboard, panelSearch = '', panelsPerRow }: Props) {
const { body } = dashboard.state;
const panels: VizPanel[] = [];
const filteredPanels: VizPanel[] = [];
const styles = useStyles2(getStyles);
const bodyGrid = body instanceof DefaultGridLayoutManager ? body.state.grid : null;
@ -34,11 +34,13 @@ export function PanelSearchLayout({ dashboard, panelSearch = '', panelsPerRow }:
for (const gridItem of bodyGrid.state.children) {
if (gridItem instanceof DashboardGridItem) {
const panel = gridItem.state.body;
const interpolatedTitle = sceneGraph.interpolate(dashboard, panel.state.title).toLowerCase();
const interpolatedSearchString = sceneGraph.interpolate(dashboard, panelSearch).toLowerCase();
if (interpolatedTitle.includes(interpolatedSearchString)) {
panels.push(gridItem.state.body);
const panels = gridItem.state.repeatedPanels ?? [gridItem.state.body];
for (const panel of panels) {
const interpolatedTitle = panel.interpolate(panel.state.title, undefined, 'text').toLowerCase();
const interpolatedSearchString = sceneGraph.interpolate(dashboard, panelSearch).toLowerCase();
if (interpolatedTitle.includes(interpolatedSearchString)) {
filteredPanels.push(panel);
}
}
}
}
@ -48,7 +50,7 @@ export function PanelSearchLayout({ dashboard, panelSearch = '', panelsPerRow }:
className={classNames(styles.grid, { [styles.perRow]: panelsPerRow !== undefined })}
style={{ [panelsPerRowCSSVar]: panelsPerRow } as Record<string, number>}
>
{panels.map((panel) => (
{filteredPanels.map((panel) => (
<PanelSearchHit key={panel.state.key} panel={panel} />
))}
</div>