UI/UX: Create UI region that show information related alertlog monitoring result like overview, error docs

Author: Dokyeongyun

src/main/resources/fxml/HistoryMenu.fxml

@@ -101,14 +101,14 @@
                                              <children>
                                                 <ToolBar nodeOrientation="LEFT_TO_RIGHT" style="-fx-background-color: #ffffff00;" AnchorPane.bottomAnchor="5.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                                                    <items>
-                                                      <Label text="Remote Server선택">
+                                                      <Label fx:id="label" minHeight="20.0" text="Server 선택">
+                                                         <padding>
+                                                            <Insets right="10.0" />
+                                                         </padding>
                                                          <styleClass>
                                                             <String fx:value="basic-font" />
                                                             <String fx:value="bold" />
                                                          </styleClass>
-                                                         <padding>
-                                                            <Insets right="10.0" />
-                                                         </padding>
                                                       </Label>
                                                       <JFXComboBox fx:id="alertLogServerComboBox" maxHeight="25.0" minHeight="25.0" minWidth="150.0" styleClass="basic-font" stylesheets="@../css/javaFx.css" unFocusColor="#ececec" />
                                                       <JFXButton ellipsisString="" minHeight="20.0" onAction="#monitoringAlertLog" styleClass="basic-font" text="조회">
@@ -125,11 +125,33 @@
                                                 <Separator AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" />
                                              </children>
                                           </AnchorPane>
-                                          <AnchorPane style="-fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.5), 10, 0, 0, 0); -fx-border-color: #e1e1e1; -fx-border-width: 0.5px; -fx-background-color: white;" AnchorPane.bottomAnchor="125.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="50.0">
-                                             <children>
-                                                <JFXListView fx:id="alertLogLV" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
-                                             </children>
-                                          </AnchorPane>
+                                          <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">
+                                             <items>
+                                                <JFXListView fx:id="alertLogLV" style="-fx-background-color: white;" />
+                                                <TabPane minWidth="150.0" tabMaxWidth="60.0">
+                                                   <tabs>
+                                                      <Tab closable="false" text="Overview">
+                                                         <content>
+                                                            <AnchorPane>
+                                                               <children>
+                                                                  <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" />
+                                                               </children>
+                                                            </AnchorPane>
+                                                         </content>
+                                                      </Tab>
+                                                      <Tab closable="false" text="Error Docs">
+                                                         <content>
+                                                            <AnchorPane>
+                                                               <children>
+                                                                  <JFXListView style="-fx-background-color: white;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
+                                                               </children>
+                                                            </AnchorPane>
+                                                         </content>
+                                                      </Tab>
+                                                   </tabs>
+                                                </TabPane>
+                                             </items>
+                                          </SplitPane>
                                           <AnchorPane layoutX="204.0" layoutY="317.0" maxHeight="150.0" minHeight="150.0" prefHeight="150.0" AnchorPane.bottomAnchor="5.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="10.0">
                                              <children>
                                                 <AnchorPane maxWidth="400.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0">
@@ -230,7 +252,7 @@
                                           <Separator prefWidth="200.0" AnchorPane.bottomAnchor="108.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" />
                                        </children>
                                        <padding>
-                                          <Insets bottom="10.0" left="10.0" right="10.0" />
+                                          <Insets bottom="10.0" left="5.0" right="5.0" />
                                        </padding>
                                     </AnchorPane>
                                  </content>