UI/UX: Change the UI of the alert log error preview region (ListView → Custom ExpandableListView)

Author: Dokyeongyun

src/main/java/root/javafx/CustomView/AlertLogMonitoringSummaryAP.java

@@ -6,17 +6,19 @@
 import java.util.List;
 import java.util.ResourceBundle;
 
+import de.jensd.fx.glyphs.fontawesome.FontAwesomeIcon;
 import javafx.beans.property.SimpleDoubleProperty;
 import javafx.beans.property.SimpleIntegerProperty;
 import javafx.collections.FXCollections;
 import javafx.fxml.FXML;
 import javafx.fxml.FXMLLoader;
 import javafx.fxml.Initializable;
 import javafx.scene.control.Label;
-import javafx.scene.control.ListView;
 import javafx.scene.control.TableColumn;
 import javafx.scene.control.TableView;
 import javafx.scene.layout.AnchorPane;
+import javafx.scene.layout.VBox;
+import javafx.scene.paint.Paint;
 import lombok.Data;
 import lombok.extern.slf4j.Slf4j;
 import root.core.domain.AlertLog;
@@ -26,6 +28,9 @@
 @Slf4j
 public class AlertLogMonitoringSummaryAP extends AnchorPane implements Initializable {
 
+	@FXML
+	VBox wrapVBox;
+
 	@FXML
 	Label alertLogFileLB;
 
@@ -43,12 +48,11 @@ public class AlertLogMonitoringSummaryAP extends AnchorPane implements Initializ
 
 	@FXML
 	private TableColumn<AlertLogSummary, Double> errorRateCL;
-	
-	@FXML
-	private ListView<Log> errorLogLV;
-	
+
+	private ExpandableListView<Log> errorLogLV;
+
 	private AlertLog alertLog;
-	
+
 	private List<Log> errorLogs = new ArrayList<>();
 
 	public AlertLogMonitoringSummaryAP(AlertLog alertLog) {
@@ -71,8 +75,21 @@ public void initialize(URL location, ResourceBundle resources) {
 		errorCL.setCellValueFactory(cellData -> cellData.getValue().getErrorLogCount().asObject());
 		errorRateCL.setCellValueFactory(cellData -> cellData.getValue().getErrorRate().asObject());
 
-		// Set cell factory of error log listview
-		errorLogLV.setCellFactory(categoryList -> new AlertLogListViewCell());
+		errorLogLV = new ExpandableListView<>(FontAwesomeIcon.CLOCK_ALT, Paint.valueOf("#183279"));
+
+		// Set content provider for expandable listview
+		errorLogLV.setContentProvider(new ExpandableListView.ContentProvider<Log>() {
+			@Override
+			public String getTitleOf(final Log log) {
+				return log.getLogTimeStamp() + "\t(Index: " + (log.getIndex() + 1) + ")";
+			}
+
+			@Override
+			public String getContentOf(final Log log) {
+				return log.getFullLogString();
+			}
+		});
+		wrapVBox.getChildren().add(errorLogLV);
 
 		render();
 	}
@@ -83,7 +100,8 @@ private void render() {
 
 		// Set summary tableview value
 		summaryTV.setItems(FXCollections.observableArrayList(List.of(getSummaryData())));
-		
+
+		// Set errorLog listview values
 		errorLogLV.getItems().addAll(errorLogs);
 	}
 

src/main/resources/fxml/AlertLogMonitoringSummary.fxml

@@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import com.jfoenix.controls.JFXListView?>
 <?import de.jensd.fx.glyphs.fontawesome.FontAwesomeIconView?>
 <?import java.lang.String?>
 <?import javafx.geometry.Insets?>
@@ -14,7 +13,7 @@
 
 <fx:root styleClass="basic-font" stylesheets="@../css/javaFx.css" type="AnchorPane" xmlns="http://javafx.com/javafx/17" xmlns:fx="http://javafx.com/fxml/1">
    <children>
-      <VBox layoutX="10.0" layoutY="10.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+      <VBox fx:id="wrapVBox" layoutX="10.0" layoutY="10.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
          <children>
             <HBox alignment="CENTER_LEFT">
                <children>
@@ -61,12 +60,10 @@
                <graphic>
                   <FontAwesomeIconView glyphName="ASTERISK" size="8" />
                </graphic>
-            </Label>
-            <JFXListView fx:id="errorLogLV" styleClass="gray-scrollbar">
                <VBox.margin>
-                  <Insets top="5.0" />
+                  <Insets bottom="5.0" />
                </VBox.margin>
-            </JFXListView>
+            </Label>
          </children>
       </VBox>
    </children>