This is an automated email from the ASF dual-hosted git repository.
exceptionfactory pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/nifi.git
The following commit(s) were added to refs/heads/main by this push:
new 3f8487d9ee NIFI-15573 Restored tooltips to buttons on Navigation and
Operation Panels (#10878)
3f8487d9ee is described below
commit 3f8487d9eea8d24f9b8c9f9fb6abf5426289123a
Author: Michael Moser <[email protected]>
AuthorDate: Fri Feb 13 16:06:48 2026 -0500
NIFI-15573 Restored tooltips to buttons on Navigation and Operation Panels
(#10878)
Signed-off-by: David Handermann <[email protected]>
---
.../navigation-control/navigation-control.component.html | 10 +++++-----
.../navigation-control/navigation-control.component.ts | 3 ++-
.../operation-control/operation-control.component.html | 10 ++++++++++
.../operation-control/operation-control.component.ts | 3 ++-
4 files changed, 19 insertions(+), 7 deletions(-)
diff --git
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.html
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.html
index 8f1f309618..1fbf087a6f 100644
---
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.html
+++
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.html
@@ -34,21 +34,21 @@
<div class="w-72 px-2.5 pb-2.5 flex flex-col gap-y-2">
<div class="flex justify-between">
<div class="flex gap-x-1">
- <button mat-icon-button class="primary-icon-button"
type="button" (click)="zoomIn()">
+ <button mat-icon-button class="primary-icon-button"
type="button" matTooltip="Zoom In" (click)="zoomIn()">
<i class="fa fa-search-plus"></i>
</button>
- <button mat-icon-button class="primary-icon-button mr-2"
type="button" (click)="zoomOut()">
+ <button mat-icon-button class="primary-icon-button mr-2"
type="button" matTooltip="Zoom Out" (click)="zoomOut()">
<i class="fa fa-search-minus"></i>
</button>
- <button mat-icon-button class="primary-icon-button"
type="button" (click)="zoomFit()">
+ <button mat-icon-button class="primary-icon-button"
type="button" matTooltip="Fit to Screen" (click)="zoomFit()">
<i class="ml-1 icon icon-zoom-fit"></i>
</button>
- <button mat-icon-button class="primary-icon-button"
type="button" (click)="zoomActual()">
+ <button mat-icon-button class="primary-icon-button"
type="button" matTooltip="Zoom to Actual Size" (click)="zoomActual()">
<i class="ml-1 icon icon-zoom-actual"></i>
</button>
</div>
@if (isNotRootGroup()) {
- <button mat-icon-button class="primary-icon-button"
type="button" (click)="leaveProcessGroup()">
+ <button mat-icon-button class="primary-icon-button"
type="button" matTooltip="Leave Group" (click)="leaveProcessGroup()">
<i class="fa fa-level-up"></i>
</button>
}
diff --git
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.ts
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.ts
index aab74e6f9e..620880ed72 100644
---
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.ts
+++
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.ts
@@ -26,11 +26,12 @@ import { Storage } from '@nifi/shared';
import { Birdseye } from './birdseye/birdseye.component';
import { MatButtonModule } from '@angular/material/button';
+import { MatTooltipModule } from '@angular/material/tooltip';
@Component({
selector: 'navigation-control',
templateUrl: './navigation-control.component.html',
- imports: [Birdseye, MatButtonModule],
+ imports: [Birdseye, MatButtonModule, MatTooltipModule],
styleUrls: ['./navigation-control.component.scss']
})
export class NavigationControl {
diff --git
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.html
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.html
index bee1f504df..e28d5ebf6e 100644
---
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.html
+++
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.html
@@ -43,6 +43,7 @@
mat-icon-button
class="primary-icon-button"
type="button"
+ matTooltip="Configure"
[disabled]="!canConfigure(selection)"
(click)="configure(selection)">
<i class="fa fa-cog"></i>
@@ -52,6 +53,7 @@
mat-icon-button
class="primary-icon-button mr-2"
type="button"
+ matTooltip="Policies"
[disabled]="!canManageAccess(selection)"
(click)="manageAccess(selection)">
<i class="fa fa-key"></i>
@@ -61,6 +63,7 @@
mat-icon-button
class="primary-icon-button"
type="button"
+ matTooltip="Enable"
[disabled]="!canEnable(selection)"
(click)="enable(selection)">
<i class="fa fa-flash"></i>
@@ -69,6 +72,7 @@
mat-icon-button
class="primary-icon-button mr-2"
type="button"
+ matTooltip="Disable"
[disabled]="!canDisable(selection)"
(click)="disable(selection)">
<i class="ml-1 icon icon-enable-false"></i>
@@ -77,6 +81,7 @@
mat-icon-button
class="primary-icon-button"
type="button"
+ matTooltip="Start"
[disabled]="!canStart(selection)"
(click)="start(selection)">
<i class="fa fa-play"></i>
@@ -85,6 +90,7 @@
mat-icon-button
class="primary-icon-button"
type="button"
+ matTooltip="Stop"
[disabled]="!canStop(selection)"
(click)="stop(selection)">
<i class="fa fa-stop"></i>
@@ -95,6 +101,7 @@
mat-icon-button
class="primary-icon-button"
type="button"
+ matTooltip="Copy"
[disabled]="!canCopy(selection)"
(click)="copy(selection)">
<i class="fa fa-copy"></i>
@@ -103,6 +110,7 @@
mat-icon-button
class="primary-icon-button"
type="button"
+ matTooltip="Group"
[disabled]="!canGroup(selection)"
(click)="group(selection)">
<i class="ml-1 icon icon-group"></i>
@@ -111,6 +119,7 @@
mat-icon-button
class="primary-icon-button mr-2"
type="button"
+ matTooltip="Change Color"
[disabled]="!canColor(selection)"
(click)="color(selection)">
<i class="fa fa-paint-brush"></i>
@@ -119,6 +128,7 @@
mat-icon-button
class="primary-icon-button"
type="button"
+ matTooltip="Delete"
[disabled]="!canDelete(selection)"
(click)="delete(selection)">
<i class="fa fa-trash"></i>
diff --git
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.ts
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.ts
index 4627f4905f..f67543bd74 100644
---
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.ts
+++
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.ts
@@ -24,6 +24,7 @@ import { initialState } from
'../../../../state/flow/flow.reducer';
import { ComponentType, Storage, ComponentContext } from '@nifi/shared';
import { BreadcrumbEntity } from '../../../../state/shared';
import { MatButtonModule } from '@angular/material/button';
+import { MatTooltipModule } from '@angular/material/tooltip';
import * as d3 from 'd3';
import { CanvasView } from '../../../../service/canvas-view.service';
import { Client } from '../../../../../../service/client.service';
@@ -32,7 +33,7 @@ import { CanvasActionsService } from
'../../../../service/canvas-actions.service
@Component({
selector: 'operation-control',
templateUrl: './operation-control.component.html',
- imports: [MatButtonModule, ComponentContext],
+ imports: [MatButtonModule, MatTooltipModule, ComponentContext],
styleUrls: ['./operation-control.component.scss']
})
export class OperationControl {
