Apache
/
nifi
mirror of https://github.com/apache/nifi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[NIFI-13830] - Wait for canvas to complete loading before attempting to restore view or center (#9342) 

* [NIFI-13830] - Wait for canvas to complete loading before attempting to restore view or center

* When restoring viewport or handling selection, only take action if the processgroup has changed

This closes #9342
This commit is contained in:
Rob Fellows 2024-10-09 12:29:15 -04:00 committed by GitHub
parent 0b85dd696e
commit 6eab0a5f44
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/state/flow/flow.reducer.ts
View File

@ -43,6 +43,7 @@ import {
loadConnectionSuccess,
loadInputPortSuccess,
loadProcessGroup,
loadProcessGroupComplete,
loadProcessGroupSuccess,
loadProcessorSuccess,
loadRemoteProcessGroupSuccess,
@ -273,6 +274,10 @@ export const flowReducer = createReducer(
draftState.status = 'success' as const;
});
}),
on(loadProcessGroupComplete, (state) => ({
...state,
status: 'complete' as const
})),
on(loadConnectionSuccess, (state, { response }) => {
return produce(state, (draftState) => {
const proposedConnection = response.connection;

2
nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/state/flow/index.ts
View File

@ -642,7 +642,7 @@ export interface FlowState {
versionSaving: boolean;
changeVersionRequest: FlowUpdateRequestEntity | null;
copiedSnippet: CopiedSnippet | null;
status: 'pending' | 'loading' | 'success';
status: 'pending' | 'loading' | 'success' | 'complete';
}
export interface RunOnceRequest {

21
nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/canvas.component.ts
View File

@ -44,6 +44,7 @@ import {
selectCurrentProcessGroupId,
selectEditedCurrentProcessGroup,
selectFlowAnalysisOpen,
selectFlowLoadingStatus,
selectFunnel,
selectInputPort,
selectLabel,
@ -59,7 +60,7 @@ import {
selectViewStatusHistoryComponent,
selectViewStatusHistoryCurrentProcessGroup
} from '../../state/flow/flow.selectors';
import { filter, map, NEVER, switchMap, take } from 'rxjs';
import { distinctUntilChanged, filter, map, NEVER, switchMap, take } from 'rxjs';
import { restoreViewport } from '../../state/transform/transform.actions';
import { initialState } from '../../state/flow/flow.reducer';
import { CanvasContextMenu } from '../../service/canvas-context-menu.service';
@ -129,9 +130,11 @@ export class Canvas implements OnInit, OnDestroy {
// handle process group loading and viewport restoration
this.store
.select(selectCurrentProcessGroupId)
.select(selectFlowLoadingStatus)
.pipe(
filter((processGroupId) => processGroupId != initialState.id),
filter((status) => status === 'complete'),
switchMap(() => this.store.select(selectCurrentProcessGroupId)),
distinctUntilChanged(),
switchMap(() => this.store.select(selectProcessGroupRoute)),
filter((processGroupRoute) => processGroupRoute != null),
concatLatestFrom(() => this.store.select(selectSkipTransform)),
@ -147,9 +150,11 @@ export class Canvas implements OnInit, OnDestroy {
// handle single component selection
this.store
.select(selectCurrentProcessGroupId)
.select(selectFlowLoadingStatus)
.pipe(
filter((processGroupId) => processGroupId != initialState.id),
filter((status) => status === 'complete'),
switchMap(() => this.store.select(selectCurrentProcessGroupId)),
distinctUntilChanged(),
switchMap(() => this.store.select(selectSingleSelectedComponent)),
filter((selectedComponent) => selectedComponent != null),
concatLatestFrom(() => [
@ -168,9 +173,11 @@ export class Canvas implements OnInit, OnDestroy {
// handle bulk component selection
this.store
.select(selectCurrentProcessGroupId)
.select(selectFlowLoadingStatus)
.pipe(
filter((processGroupId) => processGroupId != initialState.id),
filter((status) => status === 'complete'),
switchMap(() => this.store.select(selectCurrentProcessGroupId)),
distinctUntilChanged(),
switchMap(() => this.store.select(selectBulkSelectedComponentIds)),
filter((ids) => ids.length > 0),
concatLatestFrom(() => [