mcgilman opened a new pull request, #11160:
URL: https://github.com/apache/nifi/pull/11160
…d to the Connector canvas.
## Summary
Introduces an expandable side panel on the connector canvas that surfaces a
`Connector Info` control with inline connector management. The side panel uses
a `mat-sidenav` in `side`/`disableClose` mode, toggled from the header bar,
with its open/closed preference persisted via the `Storage` service so the
layout is remembered across sessions.
The new `connector-info-control` card displays connector state and
queued-data metrics, and exposes action buttons for:
- **Start** / **Stop** — transition the connector between `RUNNING` and
`STOPPED`.
- **Drain** / **Cancel Drain** — initiate draining of queued FlowFiles and
cancel an in-flight drain. Drain prompts for confirmation; Cancel Drain does
not.
Buttons are kept rendered and toggled via `disabled` state (rather than
unmounted) while actions are in-flight to avoid the info panel briefly
shrinking to a single row and causing a flicker. Start/Stop are rendered as
icon buttons; drain controls use `mat-stroked-button`; all row-one actions are
left-aligned.
A new `connector-detail-header` shared component provides the
name/type/state header and is reused inside the info control.
## Connector-scoped error banner
To keep API failures from the info card visible (and not silently dropped),
a `CONNECTOR_CANVAS` `ErrorContextKey` was added and a `<context-error-banner>`
is mounted as a floating overlay over the reusable canvas. A new effect clears
prior `CONNECTOR_CANVAS` banner errors on each action dispatch so stale errors
do not leak between operations or across pages. Banner chrome (background,
outline, border-radius, shadow) is applied via a new
`_connector-canvas.component-theme.scss` partial included from `styles.scss`,
avoiding `::ng-deep` while participating in light/dark theming.
## Changes
- **State** — New `connector-canvas-entity` feature slice (`actions`,
`reducer`, `effects`) handling load, start, stop, drain, cancel-drain, and a
unified `connectorActionApiError` action routed to the new canvas banner
context.
- **UI**
- `connector-canvas.component` mounts the sidenav, graph controls, and
floating error banner.
- `connector-graph-controls.component` hosts the collapsible panel content.
- `connector-info-control.component` renders the connector detail header,
metrics, and actions.
- `connector-detail-header.component` added under `libs/shared` for reuse.
- **Styling** — New component theme partial wired into `styles.scss` for
both light and dark themes.
- **Error model** — `CONNECTOR_CANVAS` added to `ErrorContextKey`.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
