From 013c955f87a3a240967c038b7620acefe97d578e Mon Sep 17 00:00:00 2001
From: PierreDemailly <pierredemailly.pro@gmail.com>
Date: Mon, 22 Jan 2024 00:01:43 +0100
Subject: [PATCH] feat(interface): navigate between locked nodes

---
 public/core/network-navigation.js | 61 +++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)

diff --git a/public/core/network-navigation.js b/public/core/network-navigation.js
index 35fe3c5d..ea4f1651 100644
--- a/public/core/network-navigation.js
+++ b/public/core/network-navigation.js
@@ -52,6 +52,16 @@ export class NetworkNavigation {
    * @type {[number, import("@nodesecure/vis-network").NodeSecureDataSet["linker"][number]][]}
    */
   #usedByCurrentNode;
+  /**
+   * Represents the locked nodes.
+   *
+   *  @type {[number, import("@nodesecure/vis-network").NodeSecureDataSet["linker"][number]][]}
+   */
+  #lockedNodes = [];
+  /**
+   * Represents the active locked node index.
+   */
+  #lockedNodesActiveIndex = 0;
 
   set currentNodeParams(params) {
     this.#currentNodeParams = params;
@@ -110,6 +120,28 @@ export class NetworkNavigation {
       }
 
       const nodeParam = this.#currentNodeParams ?? this.rootNodeParams;
+
+      if (this.#nsn.lastHighlightedIds === null) {
+        this.#lockedNodes = [];
+      }
+      else {
+        this.#lockedNodes = this.#sortByAngle(
+          [...this.#nsn.lastHighlightedIds].map(
+            (id) => [id, {
+              ...this.#secureDataSet.linker.get(id),
+              position: nsn.network.getPosition(id)
+            }]
+          ),
+          { ...nsn.network.getPosition(this.rootNodeParams.nodes[0]) }
+        );
+      }
+
+      if (this.#lockedNodes.length > 0) {
+        this.#navigateBetweenLockedNodes(event);
+
+        return;
+      }
+
       const nodeDependencyName = this.#secureDataSet.linker.get(Number(nodeParam.nodes[0])).name;
 
       this.#currentNodeUsedBy = this.#nodes
@@ -302,4 +334,33 @@ export class NetworkNavigation {
     const nearthestNode = sortedNodes[this.#currentLevelDependenciesIndex];
     this.#navigateTreeLevel(nearthestNode);
   }
+
+  #navigateBetweenLockedNodes(event) {
+    switch (event.code) {
+      case "ArrowLeft":
+        if (this.#lockedNodesActiveIndex === 0) {
+          this.#lockedNodesActiveIndex = this.#lockedNodes.length - 1;
+        }
+        else {
+          this.#lockedNodesActiveIndex--;
+        }
+        break;
+      case "ArrowRight":
+        if (this.#lockedNodesActiveIndex === this.#lockedNodes.length - 1) {
+          this.#lockedNodesActiveIndex = 0;
+        }
+        else {
+          this.#lockedNodesActiveIndex++;
+        }
+        break;
+      default:
+        return;
+    }
+
+    this.#nsn.network.focus(this.#lockedNodes[this.#lockedNodesActiveIndex][0], {
+      animation: true,
+      scale: 0.35,
+      offset: { x: 150, y: 0 }
+    });
+  }
 }