basic chat update

Author: Michalis-Dragoutas

src/main/java/com/example/HelloController.java

@@ -2,9 +2,9 @@
 
 import javafx.event.ActionEvent;
 import javafx.fxml.FXML;
-import javafx.scene.control.Label;
-import javafx.scene.control.ListView;
-import javafx.scene.control.TextField;
+import javafx.geometry.Pos;
+import javafx.geometry.Side;
+import javafx.scene.control.*;
 
 /**
  * Controller layer: mediates between the view (FXML) and the model.
@@ -22,12 +22,64 @@ public class HelloController {
     @FXML
     private TextField messageField;
 
+    @FXML
+    private Button emojiButton;
+
+    @FXML
+    private void emojis() {
+
+        String[] emojis = {"😀", "😂", "😍", "😎", "😭", "👍", "🎉"};
+
+
+        ContextMenu emojiMenu = new ContextMenu();
+        for (String emoji : emojis) {
+            MenuItem item = new MenuItem(emoji);
+            item.setOnAction(e -> {
+                messageField.appendText(emoji);
+            });
+            emojiMenu.getItems().add(item);
+        }
+
+        emojiMenu.show(emojiButton, Side.BOTTOM, 0, 0);
+    }
+
     @FXML
     private void initialize() {
         messageLabel.setText(model.getGreeting());
         messageView.setItems(model.getMessages());
+        messageView.setCellFactory(list -> new ListCell<>() {
+            @Override
+            protected void updateItem(NtfyMessageDto msg, boolean empty) {
+                super.updateItem(msg, empty);
+
+                if (empty || msg == null) {
+                    setGraphic(null);
+                    return;
+                }
+
+                Label label = new Label(msg.toString());
+                label.setWrapText(true);
+                label.setMaxWidth(180);
+
+
+                boolean fromMe = msg.topic() != null && msg.topic().equals("me");
+
+                if (fromMe) {
+                    label.setStyle("-fx-background-color: lightgreen; -fx-padding: 6; -fx-background-radius: 8;");
+                    setAlignment(Pos.CENTER_RIGHT);
+                } else {
+                    label.setStyle("-fx-background-color: lightgray; -fx-padding: 6; -fx-background-radius: 8;");
+                    setAlignment(Pos.CENTER_LEFT);
+                }
+
+                setGraphic(label);
+            }
+        });
+
     }
 
+
+
     public void sendMessage(ActionEvent actionEvent) {
         String text = messageField.getText().trim();
         if (!text.isEmpty()) {

src/main/java/com/example/HelloModel.java

@@ -48,8 +48,13 @@ public void sendMessage(String text) {
 
         senderMe=true;
 
+        long now = System.currentTimeMillis() / 1000;
+        NtfyMessageDto myMsg = new NtfyMessageDto("local", now, "message", "me", text);
+
+        Platform.runLater(() -> messages.add(myMsg));
+
         HttpRequest httpRequest= HttpRequest.newBuilder()
-                .POST(HttpRequest.BodyPublishers.ofString("Hello world"))
+                .POST(HttpRequest.BodyPublishers.ofString(text))
                 .uri(URI.create(hostName + "/mytopic"))
                 .build();
         http.sendAsync(httpRequest, HttpResponse.BodyHandlers.discarding())
@@ -65,9 +70,10 @@ public void sendMessage(String text) {
             System.out.println("Interrupted sending request");
         }
 
+
     }
 
-    public void receiveMessage(){
+    public void receiveMessage() {
         HttpRequest httpRequest = HttpRequest.newBuilder()
                 .GET()
                 .uri(URI.create(hostName + "/mytopic/json"))
@@ -85,13 +91,16 @@ public void receiveMessage(){
                         })
                         .filter(Objects::nonNull)
                         .filter(msg -> "message".equals(msg.event()))
-                        .forEach(msg->{
-                            if (senderMe) {
-                                senderMe=false;
+                        .forEach(msg -> {
+
+
+                            if ("me".equals(msg.topic())) {
                                 return;
                             }
-                        Platform.runLater(() -> messages.add(msg));
+
+                            Platform.runLater(() -> messages.add(msg));
                         }));
     }
 
+
 }

src/main/resources/com/example/hello-view.fxml

@@ -5,17 +5,18 @@
 <?import javafx.scene.layout.*?>
 
 <VBox prefHeight="482.0" prefWidth="248.0" spacing="5.0" xmlns="http://javafx.com/javafx/17.0.12" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.example.HelloController">
-    <Label fx:id="messageLabel" text="CHAT LAB3" />
-    <ListView fx:id="messageView" prefHeight="373.0" prefWidth="248.0" VBox.vgrow="ALWAYS" />
+<Label fx:id="messageLabel" text="CHAT LAB3" />
+<ListView fx:id="messageView" prefHeight="373.0" prefWidth="248.0" VBox.vgrow="ALWAYS" />
 
-<HBox spacing="10.0">
-    <TextField fx:id="messageField" prefHeight="50.0" prefWidth="187.0" promptText="Type your message..." HBox.hgrow="ALWAYS">
-         <HBox.margin>
-            <Insets bottom="5.0" left="5.0" />
-         </HBox.margin></TextField>
-    <Button onAction="#sendMessage" prefHeight="34.0" prefWidth="51.0" text="Send">
-         <HBox.margin>
+<HBox spacing="5.0">
+    <Button fx:id="emojiButton" onAction="#emojis" prefHeight="25.0" prefWidth="34.0" text="😀" />
+    <TextField fx:id="messageField" prefHeight="50.0" prefWidth="154.0" promptText="Type your message..." HBox.hgrow="ALWAYS">
+        <HBox.margin>
+            <Insets bottom="5.0" />
+        </HBox.margin></TextField>
+    <Button onAction="#sendMessage" prefHeight="34.0" prefWidth="43.0" text="Send">
+        <HBox.margin>
             <Insets right="2.0" />
-         </HBox.margin></Button>
+        </HBox.margin></Button>
 </HBox>
 </VBox>