client/src/main/java/envoy/client/ui/control/ChatControl.java

@@ -2,9 +2,8 @@ package envoy.client.ui.control;
 
 import javafx.geometry.*;
 import javafx.scene.control.Label;
-import javafx.scene.image.*;
+import javafx.scene.image.Image;
 import javafx.scene.layout.*;
-import javafx.scene.shape.Rectangle;
 
 import envoy.client.data.*;
 import envoy.client.util.IconUtil;
@@ -23,6 +22,8 @@ public final class ChatControl extends HBox {
 			groupIcon = IconUtil.loadIconThemeSensitive("group_icon", 32);
 
 	/**
+	 * Creates a new {@code ChatControl}.
+	 *
 	 * @param chat the chat to display
 	 * @since Envoy Client v0.1-beta
 	 */
@@ -31,13 +32,7 @@ public final class ChatControl extends HBox {
 		setPadding(new Insets(0, 0, 3, 0));
 
 		// Profile picture
-		ImageView	contactProfilePic	= new ImageView(chat instanceof GroupChat ? groupIcon : userIcon);
-		final var clip = new Rectangle();
-		clip.setWidth(32);
-		clip.setHeight(32);
-		clip.setArcHeight(32);
-		clip.setArcWidth(32);
-		contactProfilePic.setClip(clip);
+		final var contactProfilePic = new ProfilePicImageView(chat instanceof GroupChat ? groupIcon : userIcon, 32);
 		getChildren().add(contactProfilePic);
 
 		// Spacing

client/src/main/java/envoy/client/ui/control/ContactControl.java

@@ -26,14 +26,8 @@ public final class ContactControl extends VBox {
 		getChildren().add(nameLabel);
 
 		// Online status (user) or member count (group)
-		if (contact instanceof User) {
-			final var	status		= ((User) contact).getStatus().toString();
-			final var	statusLabel	= new Label(status);
-			statusLabel.getStyleClass().add(status.toLowerCase());
-			getChildren().add(statusLabel);
-		} else {
-			getChildren().add(new Label(contact.getContacts().size() + " members"));
-		}
+		getChildren().add(contact instanceof User ? new UserStatusLabel((User) contact) : new GroupSizeLabel((Group) contact));
+
 		getStyleClass().add("list-element");
 	}
 }

client/src/main/java/envoy/client/ui/control/GroupSizeLabel.java

@@ -0,0 +1,20 @@
+package envoy.client.ui.control;
+
+import javafx.scene.control.Label;
+
+import envoy.data.Group;
+
+/**
+ * Displays the amount of members in a {@link Group}.
+ *
+ * @author Leon Hofmeister
+ * @since Envoy Client v0.3-beta
+ */
+public final class GroupSizeLabel extends Label {
+
+	/**
+	 * @param recipient the group whose members to show
+	 * @since Envoy Client v0.3-beta
+	 */
+	public GroupSizeLabel(Group recipient) { super(recipient.getContacts().size() + " members"); }
+}

client/src/main/java/envoy/client/ui/control/UserStatusLabel.java

@@ -0,0 +1,23 @@
+package envoy.client.ui.control;
+
+import javafx.scene.control.Label;
+
+import envoy.data.User;
+
+/**
+ * Displays the status of a {@link User}.
+ *
+ * @author Leon Hofmeister
+ * @since Envoy Client v0.3-beta
+ */
+public final class UserStatusLabel extends Label {
+
+	/**
+	 * @param user the user whose status to display
+	 * @since Envoy Client v0.3-beta
+	 */
+	public UserStatusLabel(User user) {
+		super(user.getStatus().toString());
+		getStyleClass().add(user.getStatus().toString().toLowerCase());
+	}
+}

client/src/main/java/envoy/client/ui/controller/ChatScene.java

@@ -51,12 +51,6 @@ import dev.kske.eventbus.Event;
  */
 public final class ChatScene implements EventListener, Restorable {
 
-	@FXML
-	private GridPane scene;
-
-	@FXML
-	private Label contactLabel;
-
 	@FXML
 	private ListView<Message> messageList;
 
@@ -85,7 +79,7 @@ public final class ChatScene implements EventListener, Restorable {
 	private Button newContactButton;
 
 	@FXML
-	private TextArea messageTextArea;
+	private Label contactLabel;
 
 	@FXML
 	private Label remainingChars;
@@ -93,24 +87,27 @@ public final class ChatScene implements EventListener, Restorable {
 	@FXML
 	private Label infoLabel;
 
-	@FXML
-	private MenuItem deleteContactMenuItem;
-
-	@FXML
-	private ImageView attachmentView;
-
 	@FXML
 	private Label topBarContactLabel;
 
 	@FXML
 	private Label topBarStatusLabel;
 
+	@FXML
+	private MenuItem deleteContactMenuItem;
+
+	@FXML
+	private ImageView attachmentView;
+
 	@FXML
 	private ImageView clientProfilePic;
 
 	@FXML
 	private ImageView recipientProfilePic;
 
+	@FXML
+	private TextArea messageTextArea;
+
 	@FXML
 	private TextArea contactSearch;
 
@@ -251,8 +248,17 @@ public final class ChatScene implements EventListener, Restorable {
 			.ifPresent(msg -> Platform.runLater(messageList::refresh));
 	}
 
-	@Event(eventType = UserStatusChange.class)
-	private void onUserStatusChange() { Platform.runLater(chatList::refresh); }
+	@Event
+	private void onUserStatusChange(UserStatusChange statusChange) {
+		Platform.runLater(() -> {
+			chatList.refresh();
+			if (currentChat != null && currentChat.getRecipient().getID() == statusChange.getID()) {
+				topBarStatusLabel.getStyleClass().clear();
+				topBarStatusLabel.setText(statusChange.get().toString());
+				topBarStatusLabel.getStyleClass().add(statusChange.get().toString().toLowerCase());
+			}
+		});
+	}
 
 	@Event
 	private void onContactOperation(ContactOperation operation) {

client/src/main/resources/fxml/ChatScene.fxml

@@ -22,14 +22,15 @@
 <?import javafx.scene.text.Font?>
 <?import javafx.stage.Screen?>
 
-<GridPane fx:id="scene" maxHeight="-Infinity"
-	maxWidth="-Infinity" minHeight="400.0" minWidth="500.0"
-	prefHeight="${screen.visualBounds.height}" prefWidth="${screen.visualBounds.width}"
+<GridPane maxHeight="-Infinity" maxWidth="-Infinity"
+	minHeight="400.0" minWidth="500.0"
+	prefHeight="${screen.visualBounds.height}"
+	prefWidth="${screen.visualBounds.width}"
 	xmlns="http://javafx.com/javafx/11.0.1"
 	xmlns:fx="http://javafx.com/fxml/1"
 	fx:controller="envoy.client.ui.controller.ChatScene">
 	<fx:define>
-    	<Screen fx:factory="getPrimary" fx:id="screen" />
+		<Screen fx:factory="getPrimary" fx:id="screen" />
 	</fx:define>
 	<columnConstraints>
 		<ColumnConstraints hgrow="NEVER"