jonas/QuestionRepository
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implemented new design

Browse Source
This commit is contained in:
Jonas Hinterdorfer 2025-05-14 12:52:11 +02:00
parent 7da1dbb730
commit fa666efaf8
7 changed files with 340 additions and 137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/main/java/at/ionas999/questioncatalog/App.java
View File

@ -13,15 +13,16 @@ import java.io.IOException;
public class App extends Application { public class App extends Application {
// Der gesamte fxml code wurde mithilfe des Github Copilotes generiert // Der gesamte fxml code wurde mithilfe des Github Copilotes generiert
@Override @Override
public void start(Stage stage) throws IOException { public void start(Stage stage) throws IOException {
Application.setUserAgentStylesheet(new CupertinoLight().getUserAgentStylesheet()); Application.setUserAgentStylesheet(new CupertinoLight().getUserAgentStylesheet());
FXMLLoader fxmlLoader = new FXMLLoader(App.class.getResource("main.fxml")); FXMLLoader fxmlLoader = new FXMLLoader(App.class.getResource("main.fxml"));
Scene scene = new Scene(fxmlLoader.load(), 320, 240); Scene scene = new Scene(fxmlLoader.load());
stage.setTitle("Question Catalog"); stage.setTitle("Question Catalog");
stage.setScene(scene); stage.setScene(scene);
stage.show(); stage.setMaximized(true);
} stage.show();
}
public static void main(String[] args) { public static void main(String[] args) {
launch(); launch();

1
src/main/java/at/ionas999/questioncatalog/controller/ViewController.java
View File

@ -16,6 +16,7 @@ import javafx.collections.transformation.FilteredList;
import javafx.event.ActionEvent; import javafx.event.ActionEvent;
import javafx.fxml.FXML; import javafx.fxml.FXML;
import javafx.scene.control.*; import javafx.scene.control.*;
import javafx.scene.input.KeyCode;
import javafx.stage.Stage; import javafx.stage.Stage;
import java.io.IOException; import java.io.IOException;

84
src/main/resources/at/ionas999/questioncatalog/answerText.fxml
View File

@ -1,39 +1,77 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.*?> <?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?> <?import javafx.scene.layout.*?>
<?import javafx.scene.effect.DropShadow?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.text.Font?>
<AnchorPane xmlns="http://javafx.com/javafx" <BorderPane xmlns="http://javafx.com/javafx"
xmlns:fx="http://javafx.com/fxml" xmlns:fx="http://javafx.com/fxml"
prefWidth="600.0" prefHeight="400.0" prefWidth="700.0" prefHeight="500.0"
style="-fx-font-family: 'Segoe UI'; -fx-background-color: #f4f4f4;"
fx:controller="at.ionas999.questioncatalog.controller.AnswerTextController"> fx:controller="at.ionas999.questioncatalog.controller.AnswerTextController">
<children>
<VBox spacing="20" alignment="CENTER"> <top>
<Label fx:id="questionLabel" text="Here goes your question" style="-fx-font-size: 18;"/> <StackPane style="-fx-background-color: linear-gradient(to right, #798a7c, #798a7c);">
<effect>
<DropShadow color="#00000080" radius="5" spread="0.05" />
</effect>
<VBox alignment="CENTER" spacing="10" style="-fx-padding: 18 20 14 20;">
<Label text="LEARN MODE" style="-fx-font-size: 16; -fx-font-weight: bold; -fx-text-fill: #E0F2E0;">
<font>
<Font name="System Bold" />
</font>
</Label>
<Label text="Practice your knowledge" style="-fx-font-size: 24; -fx-text-fill: white; -fx-font-weight: bold;">
<font>
<Font name="System Bold" />
</font>
</Label>
<ComboBox fx:id="selectBox" promptText="Select a Catalog" style="-fx-background-color: white;"/>
<Separator style="-fx-opacity: 0.5;">
<VBox.margin>
<Insets top="5" />
</VBox.margin>
</Separator>
</VBox>
</StackPane>
</top>
<!-- User Input Box --> <center>
<TextArea fx:id="userAnswerArea" promptText="Enter your answer here..." wrapText="true" prefHeight="100.0" <VBox spacing="20" alignment="CENTER" style="-fx-padding: 20;">
prefWidth="300.0"/> <Label fx:id="questionLabel" text="Here goes your question" style="-fx-font-size: 18; -fx-font-weight: bold;"/>
<TextArea fx:id="userAnswerArea" promptText="Enter your answer here..." wrapText="true"
prefHeight="100.0" style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
<HBox spacing="10" alignment="CENTER"> <HBox spacing="10" alignment="CENTER">
<Button text="Show Answer" disable="true" fx:id="showAnswerBtn" onAction="#onShowAnwerBtnClick"/> <Button text="Show Answer" disable="true" fx:id="showAnswerBtn" onAction="#onShowAnwerBtnClick"
<Button text="Skip" disable="true" fx:id="skipBtn" onAction="#onSkipBtnClick"/> style="-fx-background-color: #798a7c; -fx-text-fill: white;"/>
<Button text="Skip" disable="true" fx:id="skipBtn" onAction="#onSkipBtnClick"
style="-fx-background-color: #798a7c; -fx-text-fill: white;"/>
</HBox> </HBox>
<VBox spacing="10" alignment="CENTER"> <VBox spacing="10" alignment="CENTER" style="-fx-padding: 10; -fx-background-color: #ecf0f1;">
<Label text="Predefined Answer:" style="-fx-font-size: 14;"/> <Label text="Predefined Answer:" style="-fx-font-size: 14; -fx-font-weight: bold;"/>
<TextArea fx:id="predefinedAnswerArea" editable="false" wrapText="true" prefHeight="100.0" <TextArea fx:id="predefinedAnswerArea" editable="false" wrapText="true"
prefWidth="300.0"/> prefHeight="100.0" style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
<HBox spacing="10" alignment="CENTER"> <HBox spacing="10" alignment="CENTER">
<Button text="Correct" disable="true" fx:id="correctBtn" onAction="#onCorrectBtnClick"/> <Button text="Correct" disable="true" fx:id="correctBtn" onAction="#onCorrectBtnClick"
<Button text="Incorrect" disable="true" fx:id="incorrectBtn" onAction="#onIncorrectBtnClick"/> style="-fx-background-color: #27ae60; -fx-text-fill: white;"/>
<Button text="Incorrect" disable="true" fx:id="incorrectBtn" onAction="#onIncorrectBtnClick"
style="-fx-background-color: #e74c3c; -fx-text-fill: white;"/>
</HBox> </HBox>
</VBox> </VBox>
</VBox> </VBox>
<HBox alignment="TOP_RIGHT" spacing="10.0" AnchorPane.topAnchor="10.0" AnchorPane.rightAnchor="10.0"> </center>
<ComboBox fx:id="selectBox" promptText="Select a Catalog"/>
<bottom>
<HBox alignment="CENTER_RIGHT" spacing="15" style="-fx-padding: 10; -fx-background-color: #bdc3c7;">
<Button text="Back to Main Page" onAction="#onBackToMainPageClick"
style="-fx-background-color: #34495e; -fx-text-fill: white;"/>
</HBox> </HBox>
<!-- Back to Main Page Button --> </bottom>
<Button text="Back to Main Page" onAction="#onBackToMainPageClick" </BorderPane>
AnchorPane.bottomAnchor="10.0" AnchorPane.rightAnchor="10.0"/>
</children>
</AnchorPane>

93
src/main/resources/at/ionas999/questioncatalog/main.fxml
View File

@ -1,18 +1,81 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?> <?import javafx.scene.control.*?>
<?import javafx.scene.control.Label?> <?import javafx.scene.layout.*?>
<?import javafx.scene.layout.VBox?> <?import javafx.scene.effect.DropShadow?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.text.Font?>
<VBox alignment="CENTER" spacing="20.0" <BorderPane xmlns="http://javafx.com/javafx"
xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml"
xmlns:fx="http://javafx.com/fxml" fx:controller="at.ionas999.questioncatalog.controller.MainController"
fx:controller="at.ionas999.questioncatalog.controller.MainController"> style="-fx-font-family: 'Segoe UI'; -fx-background-color: #f4f4f4;"
<Label text="Question Catalog" style="-fx-font-size: 24px; -fx-font-weight: bold;" /> prefHeight="500.0" prefWidth="700.0">
<VBox spacing="10.0" alignment="CENTER">
<Button text="Add New" onAction="#addNewBtnClick" prefWidth="150" /> <top>
<Button text="View" onAction="#viewBtnClick" prefWidth="149" /> <StackPane style="-fx-background-color: linear-gradient(to right, #798a7c, #798a7c);">
<Button text="Learn" onAction="#learnBtnClick" prefWidth="150" /> <effect>
<Button text="Test" onAction="#testBtnClick" prefWidth="150" /> <DropShadow color="#00000080" radius="5" spread="0.05" />
</VBox> </effect>
</VBox>
<VBox alignment="CENTER" spacing="10" style="-fx-padding: 18 20 14 20;">
<Label text="QUESTION CATALOG" style="-fx-font-size: 16; -fx-font-weight: bold; -fx-text-fill: #E0F2E0;">
<font>
<Font name="System Bold" />
</font>
</Label>
<Label text="Study with ease" style="-fx-font-size: 24; -fx-text-fill: white; -fx-font-weight: bold;">
<font>
<Font name="System Bold" />
</font>
</Label>
<Separator style="-fx-opacity: 0.5;">
<VBox.margin>
<Insets top="5" />
</VBox.margin>
</Separator>
</VBox>
</StackPane>
</top>
<center>
<VBox alignment="CENTER" spacing="30.0" style="-fx-padding: 30;">
<VBox spacing="20.0" alignment="CENTER" maxWidth="350">
<Button text="Add New Questions" onAction="#addNewBtnClick"
style="-fx-font-size: 16px; -fx-background-color: #798a7c; -fx-text-fill: white;"
maxWidth="Infinity" prefHeight="45">
<effect>
<DropShadow color="#00000040" radius="3" spread="0.02" />
</effect>
</Button>
<Button text="View Questions" onAction="#viewBtnClick"
style="-fx-font-size: 16px; -fx-background-color: #798a7c; -fx-text-fill: white;"
maxWidth="Infinity" prefHeight="45">
<effect>
<DropShadow color="#00000040" radius="3" spread="0.02" />
</effect>
</Button>
<Button text="Learn Mode" onAction="#learnBtnClick"
style="-fx-font-size: 16px; -fx-background-color: #798a7c; -fx-text-fill: white;"
maxWidth="Infinity" prefHeight="45">
<effect>
<DropShadow color="#00000040" radius="3" spread="0.02" />
</effect>
</Button>
<Button text="Test Mode" onAction="#testBtnClick"
style="-fx-font-size: 16px; -fx-background-color: #798a7c; -fx-text-fill: white;"
maxWidth="Infinity" prefHeight="45">
<effect>
<DropShadow color="#00000040" radius="3" spread="0.02" />
</effect>
</Button>
</VBox>
</VBox>
</center>
<bottom>
<HBox alignment="CENTER" spacing="10.0" style="-fx-padding: 10; -fx-background-color: #bdc3c7;">
<Label text="Question Catalog Application" style="-fx-font-size: 12px; -fx-text-fill: #555;" />
</HBox>
</bottom>
</BorderPane>

119
src/main/resources/at/ionas999/questioncatalog/test.fxml
View File

@ -1,45 +1,98 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.*?> <?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?> <?import javafx.scene.layout.*?>
<?import javafx.scene.effect.DropShadow?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.text.Font?>
<AnchorPane xmlns="http://javafx.com/javafx" <BorderPane xmlns="http://javafx.com/javafx"
xmlns:fx="http://javafx.com/fxml" xmlns:fx="http://javafx.com/fxml"
prefWidth="600.0" prefHeight="400.0" prefWidth="700.0" prefHeight="500.0"
style="-fx-font-family: 'Segoe UI'; -fx-background-color: #f4f4f4;"
fx:controller="at.ionas999.questioncatalog.controller.TestController"> fx:controller="at.ionas999.questioncatalog.controller.TestController">
<VBox spacing="20" alignment="CENTER" AnchorPane.topAnchor="10.0" AnchorPane.leftAnchor="10.0"
AnchorPane.rightAnchor="10.0"> <top>
<!-- Start Test Button --> <StackPane style="-fx-background-color: linear-gradient(to right, #798a7c, #798a7c);">
<Button text="Start Test" fx:id="startBtn" onAction="#onStartTestBtnClick"/> <effect>
<!-- Slider and Input Box --> <DropShadow color="#00000080" radius="5" spread="0.05" />
<HBox spacing="10" alignment="CENTER"> </effect>
<Label text="Number of Questions:"/>
<TextField fx:id="questionCountField" promptText="Enter amount"/> <VBox alignment="CENTER" spacing="10" style="-fx-padding: 18 20 14 20;">
<Slider fx:id="questionSlider" min="1" max="10" showTickLabels="true" showTickMarks="true"/> <Label text="TEST MODE" style="-fx-font-size: 16; -fx-font-weight: bold; -fx-text-fill: #E0F2E0;">
<ComboBox fx:id="catalogComboBox" promptText="Choose a catalog"/> <font>
</HBox> <Font name="System Bold" />
</font>
</Label>
<Label text="Evaluate your knowledge" style="-fx-font-size: 24; -fx-text-fill: white; -fx-font-weight: bold;">
<font>
<Font name="System Bold" />
</font>
</Label>
<ComboBox fx:id="catalogComboBox" promptText="Select a Catalog" style="-fx-background-color: white;"/>
<Separator style="-fx-opacity: 0.5;">
<VBox.margin>
<Insets top="5" />
</VBox.margin>
</Separator>
</VBox>
</StackPane>
</top>
<!-- Question Display --> <center>
<Label fx:id="questionLabel" text="Question will appear here" style="-fx-font-size: 18;"/> <VBox spacing="20" alignment="CENTER" style="-fx-padding: 20;">
<!-- Start Test Button -->
<Button text="Start Test" fx:id="startBtn" onAction="#onStartTestBtnClick"
style="-fx-background-color: #798a7c; -fx-text-fill: white; -fx-font-size: 14;"/>
<!-- Slider and Input Box -->
<HBox spacing="15" alignment="CENTER" style="-fx-padding: 10; -fx-background-color: #ecf0f1;">
<padding>
<Insets top="10" right="10" bottom="10" left="10" />
</padding>
<Label text="Number of Questions:" style="-fx-font-weight: bold;"/>
<TextField fx:id="questionCountField" promptText="Enter amount" prefWidth="80"
style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
<Slider fx:id="questionSlider" min="1" max="10" showTickLabels="true" showTickMarks="true" prefWidth="150"/>
</HBox>
<!-- User Input Box --> <!-- Question Display -->
<TextArea fx:id="userAnswerArea" promptText="Enter your answer here..." wrapText="true" prefHeight="100.0" <Label fx:id="questionLabel" text="Question will appear here"
prefWidth="300.0"/> style="-fx-font-size: 18; -fx-font-weight: bold;"/>
<Button text="Next Question" fx:id="nextQuestionBtn" onAction="#showNextQuestion"/> <!-- User Input Box -->
<TextArea fx:id="userAnswerArea" promptText="Enter your answer here..." wrapText="true"
prefHeight="100.0" style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
<!-- Correct Answer Display --> <Button text="Next Question" fx:id="nextQuestionBtn" onAction="#showNextQuestion"
<VBox spacing="10" alignment="CENTER"> style="-fx-background-color: #798a7c; -fx-text-fill: white;"/>
<Label text="Correct Answer:" fx:id="correctAnswerLable" style="-fx-font-size: 14;"/>
<TextArea fx:id="correctAnswerArea" editable="false" wrapText="true" prefHeight="100.0" <!-- Correct Answer Display -->
prefWidth="300.0"/> <VBox spacing="10" alignment="CENTER" style="-fx-padding: 10; -fx-background-color: #ecf0f1;">
<Label text="Correct Answer:" fx:id="correctAnswerLable"
style="-fx-font-size: 14; -fx-font-weight: bold;"/>
<TextArea fx:id="correctAnswerArea" editable="false" wrapText="true"
prefHeight="100.0" style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
<!-- Correct and Incorrect Buttons -->
<HBox spacing="10" alignment="CENTER">
<padding>
<Insets top="10" />
</padding>
<Button text="Correct" fx:id="correctBtn" onAction="#onCorrectBtnClick"
style="-fx-background-color: #27ae60; -fx-text-fill: white;"/>
<Button text="Incorrect" fx:id="incorrectBtn" onAction="#onIncorrectBtnClick"
style="-fx-background-color: #e74c3c; -fx-text-fill: white;"/>
</HBox>
</VBox>
</VBox> </VBox>
</center>
<!-- Correct and Incorrect Buttons -->
<HBox spacing="10" alignment="CENTER"> <bottom>
<Button text="Correct" fx:id="correctBtn" onAction="#onCorrectBtnClick"/> <HBox alignment="CENTER_RIGHT" spacing="15" style="-fx-padding: 10; -fx-background-color: #bdc3c7;">
<Button text="Incorrect" fx:id="incorrectBtn" onAction="#onIncorrectBtnClick"/> <Button text="Back to Main Page" onAction="#onBackToMainPageClick"
style="-fx-background-color: #34495e; -fx-text-fill: white;"/>
</HBox> </HBox>
</VBox> </bottom>
<Button text="Back to Main Page" onAction="#onBackToMainPageClick" </BorderPane>
AnchorPane.bottomAnchor="10.0" AnchorPane.rightAnchor="10.0"/>
</AnchorPane>

70
src/main/resources/at/ionas999/questioncatalog/upload.fxml
View File

@ -2,49 +2,65 @@
<?import javafx.geometry.Insets?> <?import javafx.geometry.Insets?>
<?import javafx.scene.control.*?> <?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?> <?import javafx.scene.layout.*?>
<?import javafx.scene.text.Font?>
<?import javafx.scene.effect.DropShadow?>
<BorderPane xmlns="http://javafx.com/javafx" <BorderPane xmlns="http://javafx.com/javafx"
xmlns:fx="http://javafx.com/fxml" xmlns:fx="http://javafx.com/fxml"
fx:controller="at.ionas999.questioncatalog.controller.UploadController" fx:controller="at.ionas999.questioncatalog.controller.UploadController"
prefHeight="400.0" prefWidth="600.0"> prefHeight="500.0" prefWidth="700.0"
style="-fx-font-family: 'Segoe UI'; -fx-background-color: #f4f4f4;">
<top> <top>
<Label text="Upload Questions" style="-fx-font-size: 20; -fx-padding: 10;"> <StackPane style="-fx-background-color: linear-gradient(to right, #798a7c, #798a7c);">
<BorderPane.margin> <effect>
<Insets bottom="10"/> <DropShadow color="#00000080" radius="5" spread="0.05" />
</BorderPane.margin> </effect>
</Label>
<VBox alignment="CENTER" spacing="10" style="-fx-padding: 18 20 14 20;">
<Label text="UPLOAD QUESTIONS" style="-fx-font-size: 16; -fx-font-weight: bold; -fx-text-fill: #E0F2E0;">
<font>
<Font name="System Bold" />
</font>
</Label>
<Label text="Import and manage your question catalogs" style="-fx-font-size: 24; -fx-text-fill: white; -fx-font-weight: bold;">
<font>
<Font name="System Bold" />
</font>
</Label>
<Separator style="-fx-opacity: 0.5;">
<VBox.margin>
<Insets top="5" />
</VBox.margin>
</Separator>
</VBox>
</StackPane>
</top> </top>
<left> <left>
<VBox spacing="10" prefWidth="200"> <VBox spacing="15" prefWidth="250" style="-fx-background-color: #ecf0f1; -fx-padding: 15;">
<padding> <Label text="Select Catalog:" style="-fx-font-size: 14; -fx-font-weight: bold;"/>
<Insets top="10" right="10" bottom="10" left="10"/> <ListView fx:id="catalogListViw" VBox.vgrow="ALWAYS" style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
</padding> <HBox spacing="10">
<Label text="Select Catalog:"/> <TextField fx:id="newCatalogField" promptText="New Catalog Name" HBox.hgrow="ALWAYS" style="-fx-background-color: white;"/>
<ListView fx:id="catalogListViw" VBox.vgrow="ALWAYS"/> <Button fx:id="addCatalogButton" text="+" onAction="#onAddNewCatalogBtnClick" style="-fx-background-color: #27ae60; -fx-text-fill: white;"/>
<HBox spacing="5"> <Button fx:id="deleteCatalogButton" text="-" onAction="#onDeleteCatalogBtnClick" style="-fx-background-color: #e74c3c; -fx-text-fill: white;"/>
<TextField fx:id="newCatalogField" promptText="New Catalog Name" HBox.hgrow="ALWAYS"/>
<Button fx:id="addCatalogButton" text="+" onAction="#onAddNewCatalogBtnClick"/>
<Button fx:id="deleteCatalogButton" text="-" onAction="#onDeleteCatalogBtnClick"/>
</HBox> </HBox>
</VBox> </VBox>
</left> </left>
<center> <center>
<VBox spacing="10" alignment="TOP_CENTER"> <VBox spacing="15" alignment="TOP_CENTER" style="-fx-padding: 20;">
<padding> <Label text="Paste CSV Content Below:" style="-fx-font-size: 16; -fx-font-weight: bold;"/>
<Insets top="10" right="10" bottom="10" left="10"/> <Label text="Format: Question;Answer (without header)" style="-fx-font-size: 12; -fx-text-fill: #7f8c8d;"/>
</padding> <TextArea fx:id="csvContentArea" promptText="Paste your CSV content here..." prefHeight="250.0" style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
<Label text="Paste CSV Content Below:"/> <Button fx:id="importButton" text="Import Questions" onAction="#onImportBtnClick" style="-fx-background-color: #2980b9; -fx-text-fill: white; -fx-font-size: 14;"/>
<Label text="without Header, this format: Question;Answer"/>
<TextArea fx:id="csvContentArea" promptText="Paste your CSV content here ... " prefHeight="200.0"/>
<Button fx:id="importButton" text="Import Questions" onAction="#onImportBtnClick"/>
</VBox> </VBox>
</center> </center>
<bottom> <bottom>
<HBox alignment="CENTER_RIGHT" spacing="10.0"> <HBox alignment="CENTER_RIGHT" spacing="15" style="-fx-padding: 10; -fx-background-color: #bdc3c7;">
<Button text="Back to Main Page" onAction="#onBackToMainPageClick" /> <Button text="Back to Main Page" onAction="#onBackToMainPageClick" style="-fx-background-color: #34495e; -fx-text-fill: white;"/>
</HBox> </HBox>
</bottom> </bottom>
</BorderPane> </BorderPane>

91
src/main/resources/at/ionas999/questioncatalog/view.fxml
View File

@ -1,46 +1,77 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<?import javafx.geometry.*?> <?import javafx.geometry.*?>
<?import javafx.scene.control.*?> <?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?> <?import javafx.scene.layout.*?>
<?import javafx.scene.effect.DropShadow?>
<?import javafx.scene.text.Font?>
<BorderPane prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/17.0.12" xmlns:fx="http://javafx.com/fxml/1" fx:controller="at.ionas999.questioncatalog.controller.ViewController"> <BorderPane xmlns="http://javafx.com/javafx"
xmlns:fx="http://javafx.com/fxml"
prefHeight="500.0" prefWidth="700.0"
style="-fx-font-family: 'Segoe UI'; -fx-background-color: #f4f4f4;"
fx:controller="at.ionas999.questioncatalog.controller.ViewController">
<top> <top>
<HBox alignment="TOP_RIGHT" spacing="10.0"> <StackPane style="-fx-background-color: linear-gradient(to right, #798a7c, #798a7c);">
<padding> <effect>
<Insets bottom="0.0" left="10.0" right="10.0" top="10.0" /> <DropShadow color="#00000080" radius="5" spread="0.05" />
</padding> </effect>
<ComboBox fx:id="selectBox" promptText="Select an Catalog" />
</HBox> <VBox alignment="CENTER" spacing="10" style="-fx-padding: 18 20 14 20;">
<Label text="VIEW QUESTIONS" style="-fx-font-size: 16; -fx-font-weight: bold; -fx-text-fill: #E0F2E0;">
<font>
<Font name="System Bold" />
</font>
</Label>
<Label text="Browse and edit your catalog" style="-fx-font-size: 24; -fx-text-fill: white; -fx-font-weight: bold;">
<font>
<Font name="System Bold" />
</font>
</Label>
<ComboBox fx:id="selectBox" promptText="Select a Catalog" style="-fx-background-color: white;"/>
<Separator style="-fx-opacity: 0.5;">
<VBox.margin>
<Insets top="5" />
</VBox.margin>
</Separator>
</VBox>
</StackPane>
</top> </top>
<left> <left>
<VBox spacing="5.0" prefWidth="209.0"> <VBox spacing="10" prefWidth="250" style="-fx-background-color: #ecf0f1; -fx-padding: 15;">
<padding> <Label text="Questions:" style="-fx-font-size: 14; -fx-font-weight: bold;"/>
<Insets top="10.0" left="10.0" right="10.0" bottom="10.0" /> <TextField fx:id="searchField" promptText="Search questions..."
</padding> style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
<TextField fx:id="searchField" promptText="Search questions..." /> <ListView fx:id="questionListView" VBox.vgrow="ALWAYS"
<ListView fx:id="questionListView" prefHeight="364.0" VBox.vgrow="ALWAYS" /> style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
</VBox> </VBox>
</left> </left>
<center> <center>
<VBox spacing="10.0"> <VBox spacing="15" style="-fx-padding: 20;">
<padding> <Label text="Question Details:" style="-fx-font-size: 16; -fx-font-weight: bold;"/>
<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" /> <Label text="Question:" style="-fx-font-size: 14;"/>
</padding> <TextField fx:id="questionField" editable="false"
<TextField fx:id="questionField" editable="false" /> style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
<TextField fx:id="answerField" editable="false" promptText="Answer" /> <Label text="Answer:" style="-fx-font-size: 14;"/>
<TextField fx:id="answerField" editable="false"
style="-fx-background-color: white; -fx-border-color: #bdc3c7;"/>
<HBox alignment="BOTTOM_RIGHT" spacing="10.0"> <HBox alignment="BOTTOM_RIGHT" spacing="10.0">
<Button fx:id="deleteButton" onAction="#deleteQuestion" text="Delete" /> <Button fx:id="deleteButton" onAction="#deleteQuestion" text="Delete"
<Button fx:id="editButton" onAction="#editQuestion" text="Edit" /> style="-fx-background-color: #e74c3c; -fx-text-fill: white;"/>
<Button fx:id="editButton" onAction="#editQuestion" text="Edit"
style="-fx-background-color: #798a7c; -fx-text-fill: white;"/>
</HBox> </HBox>
</VBox> </VBox>
</center> </center>
<bottom>
<HBox alignment="CENTER_RIGHT" spacing="10.0"> <bottom>
<Button text="Back to Main Page" onAction="#onBackToMainPageClick" /> <HBox alignment="CENTER_RIGHT" spacing="15" style="-fx-padding: 10; -fx-background-color: #bdc3c7;">
</HBox> <Button text="Back to Main Page" onAction="#onBackToMainPageClick"
</bottom> style="-fx-background-color: #34495e; -fx-text-fill: white;"/>
</HBox>
</bottom>
</BorderPane> </BorderPane>