Add some css for the UI and also made sure the program quits when user inputs bye

Author: friedrice231

src/main/java/pawpal/core/MainWindow.java

@@ -2,6 +2,7 @@
 
 import java.util.Objects;
 
+import javafx.application.Platform;
 import javafx.fxml.FXML;
 import javafx.scene.control.Button;
 import javafx.scene.control.ScrollPane;
@@ -56,5 +57,8 @@ private void handleUserInput() {
                 DialogBox.getDukeDialog(response, dukeImage)
         );
         userInput.clear();
+        if (input.equalsIgnoreCase("bye")) {
+            Platform.exit();
+        }
     }
 }

src/main/java/pawpal/core/Parser.java

@@ -38,6 +38,8 @@ public String parse(String input) {
             return processFindCommand(input);
         case CHEER:
             return processCheerCommand();
+        case BYE:
+            return processByeCommand();
         default:
             return Printer.getInvalidCommandMessage();
         }
@@ -120,4 +122,8 @@ private String processCheerCommand() {
             return "Error retrieving cheer message.";
         }
     }
+
+    private String processByeCommand() {
+        return Printer.printBye();
+    }
 }

src/main/java/pawpal/utils/Command.java

@@ -4,5 +4,5 @@
  * List of accepted commands by PawPal.
  */
 public enum Command {
-    LIST, MARK, UNMARK, TODO, DEADLINE, EVENT, DELETE, FIND, CHEER, INVALID
+    LIST, MARK, UNMARK, TODO, DEADLINE, EVENT, DELETE, FIND, CHEER, BYE, INVALID
 }

src/main/java/pawpal/utils/Printer.java

@@ -73,4 +73,7 @@ public static String getInvalidCommandMessage() {
         return "Invalid command!";
     }
 
+    public static String printBye() {
+        return "Bye! I'll miss you";
+    }
 }

src/main/resources/images/background.jpg

@@ -13,7 +13,7 @@
          xmlns="http://javafx.com/javafx/17"
          xmlns:fx="http://javafx.com/fxml/1">
     <children>
-        <Label fx:id="dialog" text="Label" wrapText="true" minHeight="-Infinity"/>
+        <Label fx:id="dialog" text="Hello!" styleClass="chat-bubble"/>
         <ImageView fx:id="displayPicture" fitHeight="99.0" fitWidth="99.0" pickOnBounds="true" preserveRatio="true" />
     </children>
     <padding>

src/main/resources/view/DialogBox.fxml

@@ -8,7 +8,7 @@
 
 <AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0"
             prefWidth="400.0" xmlns="http://javafx.com/javafx/20.0.1" xmlns:fx="http://javafx.com/fxml/1"
-            fx:controller="pawpal.core.MainWindow">
+            fx:controller="pawpal.core.MainWindow" stylesheets="@style.css">
     <children>
         <TextField fx:id="userInput" layoutY="558.0" onAction="#handleUserInput" prefHeight="41.0" prefWidth="324.0" AnchorPane.bottomAnchor="1.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="76.0" />
         <Button fx:id="sendButton" layoutX="324.0" layoutY="558.0" mnemonicParsing="false" onAction="#handleUserInput" prefHeight="41.0" prefWidth="76.0" text="Send" AnchorPane.bottomAnchor="1.0" AnchorPane.rightAnchor="0.0" />

src/main/resources/view/MainWindow.fxml

@@ -0,0 +1,54 @@
+/* Set background for the entire chat window */
+#mainPane {
+    -fx-background-image: url("/images/background.jpg");
+    -fx-background-size: cover; /* Ensures it covers the whole screen */
+    -fx-background-position: center;
+    -fx-background-repeat: no-repeat;
+}
+
+/* Customize the ScrollPane */
+#scrollPane {
+    -fx-background-color: transparent;
+}
+
+/* Style the text input */
+#userInput {
+    -fx-background-color: #ffffff;
+    -fx-border-color: #aaaaaa;
+    -fx-border-radius: 5px;
+    -fx-padding: 5px;
+    -fx-font-size: 14px;
+}
+
+/* Style the send button */
+#sendButton {
+    -fx-background-color: #ff7f50;
+    -fx-text-fill: white;
+    -fx-border-radius: 5px;
+}
+
+/* Add spacing to the chat messages */
+#dialogContainer {
+    -fx-padding: 10px;
+    -fx-spacing: 5px;
+}
+
+/* Chat bubbles */
+.chat-bubble {
+    -fx-background-color: #f0f0f0;
+    -fx-padding: 10px;
+    -fx-border-radius: 10px;
+    -fx-wrap-text: true;
+}
+
+/* User messages */
+#dialogContainer .chat-bubble {
+    -fx-background-color: #d1e7fd;
+    -fx-text-fill: black;
+}
+
+/* Bot messages */
+.reply-label {
+    -fx-background-color: #ffebcd;
+    -fx-text-fill: black;
+}