Skip to content

Commit 9e63176

Browse files
DokyeongyunDokyeongyun
committed
UI/UX: Design Alert log summary region UI
1 parent 0d2bd79 commit 9e63176

File tree

2 files changed

+77
-6
lines changed

2 files changed

+77
-6
lines changed

‎src/main/resources/fxml/AlertLogMonitoringMenu.fxml‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@
2222
<?import javafx.scene.layout.AnchorPane?>
2323
<?import javafx.scene.layout.BorderPane?>
2424
<?import javafx.scene.layout.HBox?>
25+
<?import javafx.scene.layout.StackPane?>
2526
<?import javafx.scene.text.Font?>
2627

2728
<SplitPane dividerPositions="0.15" minHeight="650.0" minWidth="1200.0" stylesheets="@../css/javaFx.css" xmlns="http://javafx.com/javafx/17" xmlns:fx="http://javafx.com/fxml/1" fx:controller="root.javafx.Controller.AlertLogMonitoringMenuController">
@@ -116,15 +117,14 @@
116117
<SplitPane dividerPositions="0.8" layoutX="1.0" layoutY="41.0" style="-fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.5), 10, 0, 0, 0);" AnchorPane.bottomAnchor="125.0" AnchorPane.leftAnchor="5.0" AnchorPane.rightAnchor="5.0" AnchorPane.topAnchor="50.0">
117118
<items>
118119
<JFXListView fx:id="alertLogLV" style="-fx-background-color: white;" styleClass="gray-scrollbar" stylesheets="@../css/javaFx.css" />
119-
<TabPane minWidth="150.0" tabMaxWidth="60.0">
120+
<TabPane minWidth="150.0" style="-fx-font-size: 10px;" tabMaxWidth="60.0">
120121
<tabs>
121-
<Tab closable="false" text="Overview">
122+
<Tab closable="false" text="Summary">
122123
<content>
123-
<AnchorPane>
124+
<AnchorPane prefHeight="200.0" prefWidth="200.0" style="-fx-background-color: white;">
124125
<children>
125-
<JFXListView fx:id="alertLogOverviewLV" style="-fx-background-color: white;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
126-
</children>
127-
</AnchorPane>
126+
<StackPane fx:id="alertLogSummarySP" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
127+
</children></AnchorPane>
128128
</content>
129129
</Tab>
130130
<Tab closable="false" text="Error Docs">

‎src/main/resources/fxml/AlertLogMonitoringSummary.fxml‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
3+
<?import com.jfoenix.controls.JFXListView?>
4+
<?import de.jensd.fx.glyphs.fontawesome.FontAwesomeIconView?>
5+
<?import javafx.geometry.Insets?>
6+
<?import javafx.scene.control.Label?>
7+
<?import javafx.scene.control.Separator?>
8+
<?import javafx.scene.control.TableColumn?>
9+
<?import javafx.scene.control.TableView?>
10+
<?import javafx.scene.layout.AnchorPane?>
11+
<?import javafx.scene.layout.HBox?>
12+
<?import javafx.scene.layout.VBox?>
13+
14+
<fx:root styleClass="basic-font" stylesheets="@../css/javaFx.css" type="AnchorPane" xmlns="http://javafx.com/javafx/17" xmlns:fx="http://javafx.com/fxml/1">
15+
<children>
16+
<VBox layoutX="10.0" layoutY="10.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
17+
<children>
18+
<HBox alignment="CENTER_LEFT">
19+
<children>
20+
<Label fx:id="Summary" maxHeight="20.0" minHeight="20.0" prefHeight="20.0" text="Summary" wrapText="true">
21+
<graphic>
22+
<FontAwesomeIconView glyphName="FOLDER_ALT" size="16" />
23+
</graphic>
24+
</Label>
25+
</children>
26+
</HBox>
27+
<Separator>
28+
<VBox.margin>
29+
<Insets bottom="5.0" top="5.0" />
30+
</VBox.margin></Separator>
31+
<Label text="Log Count" wrapText="true">
32+
<graphic>
33+
<FontAwesomeIconView glyphName="ASTERISK" size="8" />
34+
</graphic>
35+
</Label>
36+
<TableView maxHeight="70.0" minHeight="70.0" prefHeight="70.0" tableMenuButtonVisible="true">
37+
<columns>
38+
<TableColumn editable="false" prefWidth="-1.0" text="Total" />
39+
<TableColumn editable="false" prefWidth="-1.0" text="Normal" />
40+
<TableColumn editable="false" prefWidth="-1.0" text="Error" />
41+
<TableColumn editable="false" minWidth="40.0" prefWidth="-1.0" text="Error Rate(%)" />
42+
</columns>
43+
<VBox.margin>
44+
<Insets top="5.0" />
45+
</VBox.margin>
46+
<columnResizePolicy>
47+
<TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
48+
</columnResizePolicy>
49+
</TableView>
50+
<Separator>
51+
<VBox.margin>
52+
<Insets bottom="5.0" top="7.0" />
53+
</VBox.margin>
54+
</Separator>
55+
<Label text="Error Log Preview" wrapText="true">
56+
<graphic>
57+
<FontAwesomeIconView glyphName="ASTERISK" size="8" />
58+
</graphic>
59+
</Label>
60+
<JFXListView>
61+
<VBox.margin>
62+
<Insets top="5.0" />
63+
</VBox.margin>
64+
</JFXListView>
65+
</children>
66+
</VBox>
67+
</children>
68+
<padding>
69+
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
70+
</padding>
71+
</fx:root>

0 commit comments

Comments
 (0)