#46: highlight current client row (#61)

Author: KirillSmirnow

vpn-router-web/src/main/bundles/dev.bundle

@@ -16,7 +16,7 @@
 import vpnrouter.web.model.Client;
 import vpnrouter.web.utility.UiUtility;
 
-@CssImport("./styles/styles.css")
+@CssImport(value = "./styles/styles.css", themeFor = "vaadin-grid")
 @Slf4j
 @Component
 @RequiredArgsConstructor
@@ -30,7 +30,7 @@ public class ClientsGridFactory {
 
     public Grid<Client> build() {
         var grid = new Grid<Client>();
-        grid.setClassName("custom-grid-text");
+        setStyles(grid);
         createEditor(grid);
         addIpAddressField(grid);
         addNameField(grid);
@@ -41,6 +41,15 @@ public Grid<Client> build() {
         return grid;
     }
 
+    private void setStyles(Grid<Client> grid) {
+        grid.setClassName("custom-grid-text");
+        UiUtility.getCurrentClientIpAddress().ifPresent(currentClientIpAddress ->
+                grid.setClassNameGenerator(client ->
+                        client.getIpAddress().equals(currentClientIpAddress) ? "highlight" : null
+                )
+        );
+    }
+
     private void createEditor(Grid<Client> grid) {
         var editor = grid.getEditor();
         editor.setBinder(new Binder<>());

vpn-router-web/src/main/java/vpnrouter/web/ui/clients/ClientsGridFactory.java

@@ -1,7 +1,11 @@
 package vpnrouter.web.utility;
 
 import com.vaadin.flow.component.UI;
+import lombok.extern.slf4j.Slf4j;
 
+import java.util.Optional;
+
+@Slf4j
 public class UiUtility {
 
     public static String getFullUiId() {
@@ -10,4 +14,12 @@ public static String getFullUiId() {
         var sessionId = ui.getSession().getSession().getId();
         return "%s/%s".formatted(sessionId, uiId);
     }
+
+    public static Optional<String> getCurrentClientIpAddress() {
+        var address = Optional.ofNullable(
+                UI.getCurrent().getSession().getBrowser().getAddress()
+        );
+        log.info("Current client IP address: {}", address);
+        return address;
+    }
 }

vpn-router-web/src/main/java/vpnrouter/web/utility/UiUtility.java

@@ -40,3 +40,7 @@
     font-size: 16px;
     font-family: Arial, sans-serif;
 }
+
+.highlight {
+    background-color: #cefbfb;
+}