Skip to content

Commit 4e1e841

Browse files
DokyeongyunDokyeongyun
committed
UI/UX: Separate UI of bottom region of alertLog Monitoring menu using SplitPane
1 parent da2fd7f commit 4e1e841

File tree

2 files changed

+41
-37
lines changed

2 files changed

+41
-37
lines changed

‎src/main/resources/css/javaFx.css‎

Lines changed: 15 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,10 @@
2727

2828
/* SplitPane */
2929
.split-pane:horizontal > .split-pane-divider {
30-
-fx-background-color: transparent;
30+
-fx-background-color: transparent;
3131
}
3232
.split-pane:vertical > .split-pane-divider {
33-
-fx-background-color: transparent;
33+
-fx-background-color: transparent;
3434
}
3535

3636
/* TabPane */
@@ -271,18 +271,18 @@
271271

272272
/* No scrollbar tableview */
273273
.no-scrollbar-tableview .virtual-flow .scroll-bar * {
274-
-fx-min-width: 0;
275-
-fx-pref-width: 0;
276-
-fx-max-width: 0;
274+
-fx-min-width: 0.0;
275+
-fx-pref-width: 0.0;
276+
-fx-max-width: 0.0;
277277

278-
-fx-min-height: 0;
279-
-fx-pref-height: 0;
280-
-fx-max-height: 0;
278+
-fx-min-height: 0.0;
279+
-fx-pref-height: 0.0;
280+
-fx-max-height: 0.0;
281281
}
282282

283283
/* Expandable listview */
284284
.expandable-listview .list-cell {
285-
-fx-padding: 0;
285+
-fx-padding: 0.0;
286286
-fx-background-color: white;
287287
}
288288

@@ -292,5 +292,10 @@
292292

293293
.expandable-listview .titled-pane > .title {
294294
-fx-background-color: -fx-box-border, -fx-inner-border, white;
295-
-fx-padding: 7 5 7 5;
295+
-fx-padding: 7.0 5.0 7.0 5.0;
296+
}
297+
298+
.divider-exist:horizontal > .split-pane-divider {
299+
-fx-background-color: #dcdcdc;
300+
-fx-padding:0.5px;
296301
}

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

Lines changed: 26 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -167,13 +167,13 @@
167167
</items>
168168
</SplitPane>
169169
<Separator layoutX="5.0" layoutY="505.6000061035156" AnchorPane.bottomAnchor="120.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" />
170-
<HBox layoutX="5.0" layoutY="508.79998779296875" maxHeight="120.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="5.0" AnchorPane.rightAnchor="5.0">
171-
<children>
170+
<SplitPane dividerPositions="0.5" layoutX="5.0" layoutY="508.6000061035156" maxHeight="110.0" minHeight="110.0" prefHeight="110.0" style="-fx-background-radius: 5px; -fx-background-color: white;" styleClass="divider-exist" AnchorPane.bottomAnchor="5.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
171+
<items>
172172
<AnchorPane>
173173
<children>
174-
<HBox alignment="CENTER_LEFT" layoutY="10.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
174+
<HBox alignment="CENTER_LEFT" maxHeight="40.0" minHeight="40.0" prefHeight="40.0" spacing="15.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
175175
<children>
176-
<Label maxHeight="25.0" minHeight="25.0" minWidth="70.0" prefHeight="25.0" text="조회기간">
176+
<Label maxWidth="70.0" minWidth="70.0" prefWidth="70.0" text="조회기간">
177177
<graphic>
178178
<FontAwesomeIconView fill="#3c4584" glyphName="CALENDAR" size="20" />
179179
</graphic>
@@ -182,19 +182,23 @@
182182
<String fx:value="bold" />
183183
</styleClass>
184184
<HBox.margin>
185-
<Insets right="10.0" />
185+
<Insets />
186186
</HBox.margin>
187187
</Label>
188-
<DatePicker fx:id="alertLogStartDayDP" maxHeight="22.0" minHeight="22.0" prefHeight="22.0" styleClass="basic-font" />
189-
<Label maxHeight="25.0" minHeight="25.0" prefHeight="25.0" style="-fx-font-size: 18px;" styleClass="basic-font" text="~">
188+
<DatePicker fx:id="alertLogStartDayDP" maxHeight="24.0" minHeight="24.0" prefHeight="24.0" styleClass="basic-font">
190189
<HBox.margin>
191-
<Insets left="10.0" right="10.0" />
190+
<Insets />
191+
</HBox.margin>
192+
</DatePicker>
193+
<Label maxHeight="24.0" minHeight="24.0" prefHeight="24.0" style="-fx-font-size: 18px;" styleClass="basic-font" text="~">
194+
<HBox.margin>
195+
<Insets />
192196
</HBox.margin>
193197
</Label>
194-
<DatePicker fx:id="alertLogEndDayDP" maxHeight="22.0" minHeight="22.0" prefHeight="22.0" styleClass="basic-font" />
198+
<DatePicker fx:id="alertLogEndDayDP" maxHeight="24.0" minHeight="24.0" prefHeight="24.0" styleClass="basic-font" />
195199
</children>
196200
</HBox>
197-
<HBox alignment="CENTER_LEFT" layoutY="110.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="42.0">
201+
<HBox fx:id="searchKeywordHBox" alignment="CENTER_LEFT" layoutY="25.600000381469727" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="50.0">
198202
<children>
199203
<Label minWidth="60.0" text="키워드" wrapText="true">
200204
<graphic>
@@ -205,14 +209,14 @@
205209
<String fx:value="basic-font" />
206210
</styleClass>
207211
</Label>
208-
<JFXTextArea style="-fx-border-color: black; -fx-border-width: 0.2px; -fx-font-size: 10px;">
212+
<JFXTextArea maxWidth="375.0" style="-fx-border-width: 0.2px; -fx-border-color: black;">
213+
<HBox.margin>
214+
<Insets left="25.0" />
215+
</HBox.margin>
209216
<styleClass>
210217
<String fx:value="gray-scrollbar" />
211218
<String fx:value="basic-font" />
212219
</styleClass>
213-
<HBox.margin>
214-
<Insets left="21.0" />
215-
</HBox.margin>
216220
</JFXTextArea>
217221
</children>
218222
</HBox>
@@ -221,14 +225,9 @@
221225
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
222226
</padding>
223227
</AnchorPane>
224-
<Separator orientation="VERTICAL">
225-
<HBox.margin>
226-
<Insets bottom="5.0" top="5.0" />
227-
</HBox.margin>
228-
</Separator>
229228
<AnchorPane>
230229
<children>
231-
<Label graphicTextGap="8.0" maxHeight="30.0" minHeight="30.0" prefHeight="30.0" text="Alert Log Navigator" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
230+
<Label graphicTextGap="8.0" maxHeight="40.0" minHeight="40.0" prefHeight="40.0" text="Alert Log Navigator" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
232231
<graphic>
233232
<FontAwesomeIconView fill="#354371" glyphName="GAMEPAD" size="25" />
234233
</graphic>
@@ -237,7 +236,7 @@
237236
<String fx:value="bold" />
238237
</styleClass>
239238
</Label>
240-
<HBox alignment="CENTER_LEFT" layoutY="39.20000076293945" style="-fx-border-color: #e1e1e1; -fx-border-width: 0.5px;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="42.0">
239+
<HBox alignment="CENTER_LEFT" layoutY="30.399999618530273" style="-fx-border-color: #e1e1e1; -fx-border-width: 0.5px;" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="40.0">
241240
<children>
242241
<JFXButton contentDisplay="GRAPHIC_ONLY" onAction="#prevAlertLog">
243242
<graphic>
@@ -274,20 +273,20 @@
274273
</font>
275274
</JFXButton>
276275
</children>
277-
<padding>
278-
<Insets bottom="10.0" right="10.0" top="10.0" />
279-
</padding>
280276
<effect>
281277
<Blend />
282278
</effect>
279+
<padding>
280+
<Insets bottom="10.0" right="10.0" top="10.0" />
281+
</padding>
283282
</HBox>
284283
</children>
285284
<padding>
286-
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
285+
<Insets bottom="10.0" left="20.0" right="10.0" top="10.0" />
287286
</padding>
288287
</AnchorPane>
289-
</children>
290-
</HBox>
288+
</items>
289+
</SplitPane>
291290
</children>
292291
<padding>
293292
<Insets bottom="5.0" left="5.0" right="5.0" />

0 commit comments

Comments
 (0)