From f4c32dff24a8bf928ed272faa46bd1d5dd7312cd Mon Sep 17 00:00:00 2001
From: ScarletRedMan <terentev.andrey.2002@gmail.com>
Date: Fri, 17 Nov 2023 00:07:51 +0700
Subject: [PATCH] Added NavPath component

---
 .../loadbalancer/web/component/NavPath.java   | 59 +++++++++++++++++++
 .../loadbalancer/web/page/NodesPage.java      |  4 ++
 2 files changed, 63 insertions(+)
 create mode 100644 LoadBalancerWeb/src/main/java/ru/dragonestia/loadbalancer/web/component/NavPath.java

diff --git a/LoadBalancerWeb/src/main/java/ru/dragonestia/loadbalancer/web/component/NavPath.java b/LoadBalancerWeb/src/main/java/ru/dragonestia/loadbalancer/web/component/NavPath.java
new file mode 100644
index 0000000..96c746e
--- /dev/null
+++ b/LoadBalancerWeb/src/main/java/ru/dragonestia/loadbalancer/web/component/NavPath.java
@@ -0,0 +1,59 @@
+package ru.dragonestia.loadbalancer.web.component;
+
+import com.vaadin.flow.component.Component;
+import com.vaadin.flow.component.UI;
+import com.vaadin.flow.component.button.Button;
+import com.vaadin.flow.component.button.ButtonVariant;
+import com.vaadin.flow.component.html.Span;
+import com.vaadin.flow.component.icon.Icon;
+import com.vaadin.flow.component.icon.VaadinIcon;
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
+
+public class NavPath extends HorizontalLayout{
+
+    public NavPath(Point root, Point... points) {
+        setWidth("100%");
+        setAlignItems(Alignment.CENTER);
+        getStyle().set("background-color", "#F3F3F3")
+                .set("padding-left", "1rem")
+                .set("padding-right", "1rem");
+
+        {
+            var button = createPointButton(root);
+            button.getStyle().set("font-weight", "bold");
+            add(button);
+        }
+
+        if (points.length != 0) {
+            add(createDelimiterComponent());
+
+            for (int i = 0, n = points.length; i < n; i++) {
+                var button = createPointButton(points[i]);
+                add(button);
+
+                if (i + 1 != n) {
+                    add(createDelimiterComponent());
+                }
+            }
+        }
+    }
+
+    private Component createDelimiterComponent() {
+        return new Icon(VaadinIcon.ANGLE_RIGHT);
+    }
+
+    private Button createPointButton(Point point) {
+        var text = new Span(point.name());
+
+        var button = new Button(text, event -> {
+            getUI().ifPresent(ui -> ui.navigate(point.uri()));
+        });
+        button.getStyle()
+                .setPadding("0")
+                .setBorder("0");
+        button.addThemeVariants(ButtonVariant.LUMO_TERTIARY, ButtonVariant.LUMO_LARGE);
+        return button;
+    }
+
+    public record Point(String name, String uri) {}
+}
diff --git a/LoadBalancerWeb/src/main/java/ru/dragonestia/loadbalancer/web/page/NodesPage.java b/LoadBalancerWeb/src/main/java/ru/dragonestia/loadbalancer/web/page/NodesPage.java
index 3620e29..7012cd8 100644
--- a/LoadBalancerWeb/src/main/java/ru/dragonestia/loadbalancer/web/page/NodesPage.java
+++ b/LoadBalancerWeb/src/main/java/ru/dragonestia/loadbalancer/web/page/NodesPage.java
@@ -1,9 +1,11 @@
 package ru.dragonestia.loadbalancer.web.page;
 
+import com.vaadin.flow.component.html.Hr;
 import com.vaadin.flow.component.orderedlayout.VerticalLayout;
 import com.vaadin.flow.router.PageTitle;
 import com.vaadin.flow.router.Route;
 import lombok.Getter;
+import ru.dragonestia.loadbalancer.web.component.NavPath;
 import ru.dragonestia.loadbalancer.web.component.NodeList;
 import ru.dragonestia.loadbalancer.web.component.RegisterNode;
 
@@ -20,7 +22,9 @@ public class NodesPage extends VerticalLayout {
     public NodesPage() {
         super();
 
+        add(new NavPath(new NavPath.Point("Nodes", "/nodes")));
         add(registerNode = createRegisterNodeElement());
+        add(new Hr());
         add(nodeList = createNodeListElement());
     }