feat: change setting name from Panzoom to pan

Author: Diede Kerkhof

frank-flow/src/frontend/src/app/header/settings/options/default-settings.model.ts

@@ -17,5 +17,5 @@ export class DefaultSettings implements Settings {
   ignoreConfigurationSettings = false;
   showExplorer = true;
   showUnsavedChangesWarning = true;
-  automaticPanzoom = false;
+  automaticPan = false;
 }

frank-flow/src/frontend/src/app/header/settings/settings.component.html

@@ -202,11 +202,11 @@ <h2>Flow</h2>
     <h2>Assistance</h2>
     <div class="input-row">
       <label
-        title="When pressing code in the editor the flow automatically locks onto the corresponding node in the flowchart"
-        >Automatically move flow to selected code</label
+        title="Automatically pan to the node in the Canvas when the cursor position is at the corresponding element in the Editor"
+        >Automatically pan to selected node</label
       >
       <app-toggle
-        [(state)]="settings.automaticPanzoom"
+        [(state)]="settings.automaticPan"
         (stateChange)="setSettings()"
       ></app-toggle>
     </div>

frank-flow/src/frontend/src/app/header/settings/settings.model.ts

@@ -11,5 +11,5 @@ export interface Settings extends FlowSettings {
   useLastMode: boolean;
   switchWithoutSaving: SwitchWithoutSavingOption;
   ignoreConfigurationSettings: boolean;
-  automaticPanzoom: boolean;
+  automaticPan: boolean;
 }

frank-flow/src/frontend/src/app/shared/services/flow-structure.service.ts

@@ -74,7 +74,7 @@ export class FlowStructureService {
         this.isNodeAtPosition(node, position)
     );
     this.resetHighlightNodeInXml();
-    if (this.settings.automaticPanzoom) {
+    if (this.settings.automaticPan) {
       this.panToNode();
     }
   }