From b9ac442fa92fea8614ba0dc2f32bcca566e362ec Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Sun, 10 May 2026 22:28:27 +0200
Subject: [PATCH 01/26] chore: Add CSS styles.

---
 .../java/edu/ntnu/idi/idatt/view/util/CssUtils.java    |  2 ++
 src/main/resources/themes/default.css                  | 10 ++++++++++
 2 files changed, 12 insertions(+)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
index ff3d64c..1a2866b 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
@@ -6,6 +6,8 @@ public class CssUtils {
 
   public static final String BIG_TEXT_32 = "big-text-32";
   public static final String MED_TEXT_16 = "med-text-16";
+  public static final String RED = "red";
+  public static final String GREEN = "green";
 
   public static void apply(Parent parent, String cssClass) {
     parent.getStyleClass().add(cssClass);
diff --git a/src/main/resources/themes/default.css b/src/main/resources/themes/default.css
index a372c2b..8f89e2c 100644
--- a/src/main/resources/themes/default.css
+++ b/src/main/resources/themes/default.css
@@ -10,6 +10,7 @@
   -fx-background-color: #3B8C6E;
 }
 
+
 .title {
   -fx-font-size: 56px;
   -fx-font-weight: 700;
@@ -32,6 +33,15 @@
   -fx-text-fill: #EEEEEE;
 }
 
+
+.red {
+  -fx-text-fill: #FF0000;
+}
+
+.green {
+  -fx-text-fill: #00FF00;
+}
+
 /* =======================
    BUTTON STYLE
    ======================= */

From 1341261109e1be1b8c81645e16f7b054df772358 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Sun, 10 May 2026 22:29:54 +0200
Subject: [PATCH 02/26] feat: Add StockComponent class

---
 .../components/elements/StockComponent.java   | 77 +++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
new file mode 100644
index 0000000..79b400a
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
@@ -0,0 +1,77 @@
+package edu.ntnu.idi.idatt.view.components.elements;
+
+import java.math.BigDecimal;
+import java.util.List;
+import java.util.function.Consumer;
+
+import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.view.components.ui.UIElementCompositor;
+import edu.ntnu.idi.idatt.view.util.CssUtils;
+import javafx.geometry.Insets;
+import javafx.geometry.Pos;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.VBox;
+
+public class StockComponent extends HBox {
+
+  private final Stock stock;
+
+  public StockComponent(Stock stock) {
+    this.stock = stock;
+    this.setMaxSize(Double.MAX_VALUE, 100);
+    this.setPadding(new Insets(40));
+    this.setAlignment(Pos.BASELINE_CENTER);
+
+    this.setStyle("-fx-background-color: #404950;");
+
+    Label title = new Label(stock.getCompany() + " (" + stock.getSymbol() + ")");
+
+    Label latestText = new Label("Latest");
+    Label latestValue = new Label(stock.getSalesPrice().toString() + "USD");
+
+    Label changeText = new Label("Change");
+    Label changeValue = new Label(stock.getLatestPriceChange().toString() + "USD");
+    Label changeValuePercent = new Label(
+        String.valueOf(stock.getLatestPriceChange().divide(new BigDecimal("100"))) + "%");
+    // TODO: Move to stocks? Over.
+
+    List<Label> labels = List.of(latestText, latestValue, changeText, changeValue, changeValuePercent);
+
+    CssUtils.apply(title, CssUtils.BIG_TEXT_32);
+    labels.forEach(l -> CssUtils.apply(l, CssUtils.MED_TEXT_16));
+
+    if (stock.getLatestPriceChange().compareTo(BigDecimal.ZERO) < 0) {
+      CssUtils.apply(changeValue, CssUtils.RED);
+      CssUtils.apply(changeValuePercent, CssUtils.RED);
+    } else {
+      CssUtils.apply(changeValue, CssUtils.GREEN);
+      CssUtils.apply(changeValuePercent, CssUtils.GREEN);
+    }
+
+    VBox latestWrapper = new VBox();
+    latestWrapper.getChildren().addAll(latestText, latestValue);
+
+    VBox changeWrapper = new VBox();
+    changeWrapper.getChildren().addAll(changeText, changeValuePercent, changeValue);
+
+    UIElementCompositor stockComponent = new UIElementCompositor.Builder()
+        .parent(new HBox())
+        .addContent(title)
+        .growWithAlignment(Pos.CENTER)
+        .filler()
+        .filler()
+        .filler()
+        .addContent(latestWrapper)
+        .filler()
+        .addContent(changeWrapper)
+        .build();
+
+    this.getChildren().addAll(stockComponent.makeUI());
+  }
+
+  public void onStockClick(Consumer<Stock> handler) {
+    this.setOnMouseClicked((e) -> handler.accept(stock));
+  }
+
+}

From eaf5c7b1979cfb0101349af06aec2ecb26476336 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Sun, 10 May 2026 22:30:09 +0200
Subject: [PATCH 03/26] feat: Create initial Exchange View

---
 .../view/primary/exchange/ExchangeView.java   | 80 +++++++++++++++++++
 1 file changed, 80 insertions(+)
 create mode 100644 src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java
new file mode 100644
index 0000000..99942ad
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java
@@ -0,0 +1,80 @@
+package edu.ntnu.idi.idatt.view.primary.exchange;
+
+import java.util.ArrayList;
+import java.util.List;
+
+import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.session.UserSession;
+import edu.ntnu.idi.idatt.view.SceneFactory;
+import edu.ntnu.idi.idatt.view.SceneManager;
+import edu.ntnu.idi.idatt.view.components.AbstractViewUI;
+import edu.ntnu.idi.idatt.view.components.elements.StockComponent;
+import edu.ntnu.idi.idatt.view.components.ui.UIFactory;
+import javafx.geometry.Insets;
+import javafx.geometry.Pos;
+import javafx.scene.Parent;
+import javafx.scene.control.ScrollPane;
+import javafx.scene.layout.Priority;
+import javafx.scene.layout.VBox;
+
+public class ExchangeView extends AbstractViewUI {
+
+  @Override
+  public Parent createContent() {
+    VBox root = new VBox();
+    root.getStyleClass().add("primary");
+    VBox.setVgrow(root, Priority.ALWAYS);
+    root.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
+    root.setAlignment(Pos.CENTER);
+    root.setSpacing(20.0);
+
+    ArrayList<StockComponent> stocks = new ArrayList<>();
+    for (Stock stock : UserSession.getInstance().getExchange().getStocks()) {
+      StockComponent stockComponent = new StockComponent(stock);
+      stockComponent.onStockClick((s) -> {
+        System.out.println(UserSession.getInstance().getExchange().getStock(s.getSymbol()).getSymbol());
+      });
+      stocks.add(stockComponent);
+    }
+
+    root.getChildren().addAll(stocks);
+
+    ScrollPane wrapper = new ScrollPane();
+    wrapper.setContent(root);
+    wrapper.setPadding(new Insets(0, 20.0, 0, 20.0));
+    wrapper.setFitToWidth(true);
+    wrapper.setFitToHeight(true);
+    wrapper.getStyleClass().add("primary");
+
+    return wrapper;
+  }
+
+  @Override
+  public Parent createNavigation() {
+    return UIFactory.createNavigation(UserSession.getInstance().getExchange().getName(),
+        List.of(" • Newspaper"),
+        () -> System.out.println("Newspaper clicked"));
+  }
+
+  @Override
+  public Parent createHeader() {
+    return UIFactory.createHeader("Search for stocks",
+        query -> System.out.println(query));
+  }
+
+  @Override
+  public Parent createToolbar() {
+    return UIFactory.createToolbar(() -> this.toggleMenu(),
+        () -> SceneManager.switchTo(SceneFactory.createStartView()));
+  }
+
+  @Override
+  public Parent createMenu() {
+    return UIFactory.createMenu("Account",
+        List.of(" • Portfolio", " • Transactions"),
+        () -> System.out.println("Portfolio clicked!"),
+        () -> System.out.println("Transaction clicked!"));
+
+  }
+
+}

From a16eb70009d96477bd011cdeddf6aacb2d5f34eb Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Sun, 10 May 2026 22:30:27 +0200
Subject: [PATCH 04/26] feat: Add Exchange View to SceneFactory and redirect
 from Start View

---
 src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java   | 8 ++++++++
 .../edu/ntnu/idi/idatt/view/entry/StartController.java    | 6 +++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java b/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
index c68f6b2..225edb1 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
@@ -3,6 +3,7 @@
 import edu.ntnu.idi.idatt.view.entry.StartController;
 import edu.ntnu.idi.idatt.view.entry.StartModel;
 import edu.ntnu.idi.idatt.view.entry.StartView;
+import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeView;
 import javafx.scene.Parent;
 
 public class SceneFactory {
@@ -20,4 +21,11 @@ public static Parent createStartView() {
 
   }
 
+  public static Parent createExchangeView() {
+
+    ExchangeView view = new ExchangeView();
+    return view.getInstance();
+
+  }
+
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/entry/StartController.java b/src/main/java/edu/ntnu/idi/idatt/view/entry/StartController.java
index 04eea82..3767920 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/entry/StartController.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/entry/StartController.java
@@ -10,9 +10,9 @@
 import edu.ntnu.idi.idatt.model.player.Player;
 import edu.ntnu.idi.idatt.storage.SessionManager;
 import edu.ntnu.idi.idatt.storage.StockParser;
+import edu.ntnu.idi.idatt.view.SceneFactory;
 import edu.ntnu.idi.idatt.view.SceneManager;
 import edu.ntnu.idi.idatt.view.components.AbstractController;
-import edu.ntnu.idi.idatt.view.primary.MainView;
 import javafx.stage.FileChooser;
 
 public class StartController extends AbstractController<StartModel> {
@@ -45,7 +45,7 @@ public void initializeGame() {
 
     boolean loadResult = SessionManager.loadSession(model.getName().get());
     if (loadResult) {
-      SceneManager.switchTo(new MainView().getInstance());
+      SceneManager.switchTo(SceneFactory.createExchangeView());
       return;
     } else {
       model.isNewGame().set(true);
@@ -86,7 +86,7 @@ public void initializeGame() {
     Exchange exchange = new Exchange(player.getName(), stocks);
     SessionManager.newSession(player, exchange);
     SessionManager.saveSession();
-    SceneManager.switchTo(new MainView().getInstance());
+    SceneManager.switchTo(SceneFactory.createExchangeView());
   }
 
 }

From f42927dd5b85607a77bc3880e03d89dd3aec354b Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 17:10:08 +0200
Subject: [PATCH 05/26] feat: Implement MVC model to the Exchange view. Add
 interactivity with searchbar.

---
 .../primary/exchange/ExchangeController.java  | 51 +++++++++++++++++++
 .../view/primary/exchange/ExchangeModel.java  | 16 ++++++
 .../view/primary/exchange/ExchangeView.java   | 31 ++++++-----
 3 files changed, 82 insertions(+), 16 deletions(-)
 create mode 100644 src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java
 create mode 100644 src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeModel.java

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java
new file mode 100644
index 0000000..f10f52b
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java
@@ -0,0 +1,51 @@
+package edu.ntnu.idi.idatt.view.primary.exchange;
+
+import java.util.ArrayList;
+
+import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.session.UserSession;
+import edu.ntnu.idi.idatt.view.SceneManager;
+import edu.ntnu.idi.idatt.view.components.AbstractController;
+import edu.ntnu.idi.idatt.view.components.elements.StockComponent;
+
+public class ExchangeController extends AbstractController<ExchangeModel> {
+
+  private UserSession session = UserSession.getInstance();
+  private final ArrayList<StockComponent> loadedStockComponents = new ArrayList<>();
+
+  public ExchangeController(ExchangeModel model) {
+    super(model);
+    for (Stock stock : session.getExchange().getStocks()) {
+      StockComponent stockComponent = new StockComponent(stock);
+      stockComponent.onStockClick((symbol) -> redirectView(symbol));
+      loadedStockComponents.add(stockComponent);
+    }
+    // Initial seeding of view's root.
+    initStockList();
+  }
+
+  public void initStockList() {
+    this.model.getStockList().setAll(loadedStockComponents);
+  }
+
+  public void handleSearchQuery(String query) {
+    if (query == null || query.isBlank()) {
+      initStockList();
+      return;
+    }
+
+    // Clear view's root
+    this.model.getStockList().clear();
+    for (StockComponent stockComponent : loadedStockComponents) {
+      if (stockComponent.getTitle().contains(query)) {
+        this.model.getStockList().add(stockComponent);
+      }
+    }
+
+  }
+
+  public void redirectView(String symbol) {
+    SceneManager.switchTo(null);
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeModel.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeModel.java
new file mode 100644
index 0000000..4495ea9
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeModel.java
@@ -0,0 +1,16 @@
+package edu.ntnu.idi.idatt.view.primary.exchange;
+
+import edu.ntnu.idi.idatt.view.components.Model;
+import edu.ntnu.idi.idatt.view.components.elements.StockComponent;
+import javafx.collections.FXCollections;
+import javafx.collections.ObservableList;
+
+public class ExchangeModel implements Model {
+
+  private final ObservableList<StockComponent> stockList = FXCollections.observableArrayList();
+
+  public ObservableList<StockComponent> getStockList() {
+    return stockList;
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java
index 99942ad..88268c0 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeView.java
@@ -1,15 +1,14 @@
 package edu.ntnu.idi.idatt.view.primary.exchange;
 
-import java.util.ArrayList;
 import java.util.List;
+import java.util.function.Consumer;
 
-import edu.ntnu.idi.idatt.model.market.Stock;
 import edu.ntnu.idi.idatt.session.UserSession;
 import edu.ntnu.idi.idatt.view.SceneFactory;
 import edu.ntnu.idi.idatt.view.SceneManager;
 import edu.ntnu.idi.idatt.view.components.AbstractViewUI;
-import edu.ntnu.idi.idatt.view.components.elements.StockComponent;
 import edu.ntnu.idi.idatt.view.components.ui.UIFactory;
+import javafx.beans.binding.Bindings;
 import javafx.geometry.Insets;
 import javafx.geometry.Pos;
 import javafx.scene.Parent;
@@ -19,26 +18,18 @@
 
 public class ExchangeView extends AbstractViewUI {
 
+  Consumer<String> searchQueryHandler;
+  private VBox root;
+
   @Override
   public Parent createContent() {
-    VBox root = new VBox();
+    root = new VBox();
     root.getStyleClass().add("primary");
     VBox.setVgrow(root, Priority.ALWAYS);
     root.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
     root.setAlignment(Pos.CENTER);
     root.setSpacing(20.0);
 
-    ArrayList<StockComponent> stocks = new ArrayList<>();
-    for (Stock stock : UserSession.getInstance().getExchange().getStocks()) {
-      StockComponent stockComponent = new StockComponent(stock);
-      stockComponent.onStockClick((s) -> {
-        System.out.println(UserSession.getInstance().getExchange().getStock(s.getSymbol()).getSymbol());
-      });
-      stocks.add(stockComponent);
-    }
-
-    root.getChildren().addAll(stocks);
-
     ScrollPane wrapper = new ScrollPane();
     wrapper.setContent(root);
     wrapper.setPadding(new Insets(0, 20.0, 0, 20.0));
@@ -59,7 +50,7 @@ public Parent createNavigation() {
   @Override
   public Parent createHeader() {
     return UIFactory.createHeader("Search for stocks",
-        query -> System.out.println(query));
+        query -> searchQueryHandler.accept(query));
   }
 
   @Override
@@ -77,4 +68,12 @@ public Parent createMenu() {
 
   }
 
+  public void setModel(ExchangeModel model) {
+    Bindings.bindContent(root.getChildren(), model.getStockList());
+  }
+
+  public void setController(ExchangeController controller) {
+    searchQueryHandler = (query) -> controller.handleSearchQuery(query);
+  }
+
 }

From 0bb10379bb68f10a77c1adb867c9294d9abd9133 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 17:10:44 +0200
Subject: [PATCH 06/26] feat: Add Exchange SceneFactory instance

---
 src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java b/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
index 225edb1..d3ac74e 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
@@ -3,6 +3,8 @@
 import edu.ntnu.idi.idatt.view.entry.StartController;
 import edu.ntnu.idi.idatt.view.entry.StartModel;
 import edu.ntnu.idi.idatt.view.entry.StartView;
+import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeController;
+import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeModel;
 import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeView;
 import javafx.scene.Parent;
 
@@ -23,7 +25,13 @@ public static Parent createStartView() {
 
   public static Parent createExchangeView() {
 
+    ExchangeModel model = new ExchangeModel();
     ExchangeView view = new ExchangeView();
+    ExchangeController controller = new ExchangeController(model);
+
+    view.setModel(model);
+    view.setController(controller);
+
     return view.getInstance();
 
   }

From 8a405666b0a683c997c92cde583b704157d8b0b1 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 17:11:16 +0200
Subject: [PATCH 07/26] chore: Make StockComponent only accept stock context
 for interactivity.

---
 .../view/components/elements/StockComponent.java   | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
index 79b400a..88e91cd 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
@@ -25,7 +25,7 @@ public StockComponent(Stock stock) {
 
     this.setStyle("-fx-background-color: #404950;");
 
-    Label title = new Label(stock.getCompany() + " (" + stock.getSymbol() + ")");
+    Label title = new Label(this.getTitle());
 
     Label latestText = new Label("Latest");
     Label latestValue = new Label(stock.getSalesPrice().toString() + "USD");
@@ -70,8 +70,16 @@ public StockComponent(Stock stock) {
     this.getChildren().addAll(stockComponent.makeUI());
   }
 
-  public void onStockClick(Consumer<Stock> handler) {
-    this.setOnMouseClicked((e) -> handler.accept(stock));
+  public String getTitle() {
+    return stock.getCompany() + " (" + stock.getSymbol() + ")";
+  }
+
+  public String getSymbol() {
+    return stock.getSymbol();
+  }
+
+  public void onStockClick(Consumer<String> handler) {
+    this.setOnMouseClicked((e) -> handler.accept(this.getSymbol()));
   }
 
 }

From 43abf8f940d117a1f2d8d3ca33d6e35c9294504d Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 18:30:47 +0200
Subject: [PATCH 08/26] feat: Implement initial MVC for StockView.

---
 .../view/primary/stock/StockController.java   | 42 ++++++++++++
 .../idatt/view/primary/stock/StockModel.java  | 16 +++++
 .../idatt/view/primary/stock/StockView.java   | 65 +++++++++++++++++++
 3 files changed, 123 insertions(+)
 create mode 100644 src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
 create mode 100644 src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
 create mode 100644 src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
new file mode 100644
index 0000000..0dee4b6
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
@@ -0,0 +1,42 @@
+package edu.ntnu.idi.idatt.view.primary.stock;
+
+import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.view.components.AbstractController;
+import javafx.scene.chart.LineChart;
+import javafx.scene.chart.NumberAxis;
+import javafx.scene.chart.XYChart;
+
+public class StockController extends AbstractController<StockModel> {
+
+  private final Stock stock;
+
+  public StockController(StockModel model, Stock stock) {
+    super(model);
+
+    this.stock = stock;
+    renderGraph();
+  }
+
+  public void renderGraph() {
+    NumberAxis xAxis = new NumberAxis();
+    NumberAxis yAxis = new NumberAxis();
+
+    xAxis.setLabel("Week");
+    yAxis.setLabel("Price [USD]");
+
+    LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis);
+    lineChart.setTitle(stock.getCompany() + " (" + stock.getSymbol() + ") - Prices");
+    XYChart.Series<Number, Number> series = new XYChart.Series<>();
+
+    for (int i = 0; i < stock.getHistoricalPrices().size(); i++) {
+      series.getData().add(new XYChart.Data<Number, Number>(i, stock.getHistoricalPrices().get(i).intValue()));
+    }
+
+    lineChart.getData().add(series);
+    lineChart.setLegendVisible(false);
+    lineChart.setCreateSymbols(false);
+    lineChart.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
+    model.getGraphNodes().setAll(lineChart);
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
new file mode 100644
index 0000000..302be66
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
@@ -0,0 +1,16 @@
+package edu.ntnu.idi.idatt.view.primary.stock;
+
+import edu.ntnu.idi.idatt.view.components.Model;
+import javafx.collections.FXCollections;
+import javafx.collections.ObservableList;
+import javafx.scene.Node;
+
+public class StockModel implements Model {
+
+  private final ObservableList<Node> graphNodes = FXCollections.observableArrayList();
+
+  public ObservableList<Node> getGraphNodes() {
+    return this.graphNodes;
+  }
+
+}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
new file mode 100644
index 0000000..6700aaf
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
@@ -0,0 +1,65 @@
+package edu.ntnu.idi.idatt.view.primary.stock;
+
+import java.util.List;
+
+import edu.ntnu.idi.idatt.view.SceneFactory;
+import edu.ntnu.idi.idatt.view.SceneManager;
+import edu.ntnu.idi.idatt.view.components.AbstractViewUI;
+import edu.ntnu.idi.idatt.view.components.ui.UIFactory;
+import javafx.beans.binding.Bindings;
+import javafx.scene.Parent;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.StackPane;
+
+public class StockView extends AbstractViewUI {
+
+  private HBox graphContainer;
+
+  @Override
+  public Parent createContent() {
+    StackPane root = new StackPane();
+    root.getStyleClass().add("primary");
+
+    graphContainer = new HBox();
+    graphContainer.setMaxSize(500, 500);
+
+    root.getChildren().add(graphContainer);
+    return root;
+  }
+
+  @Override
+  public Parent createNavigation() {
+    return UIFactory.createNavigation("Title",
+        List.of(" • Newspaper"),
+        () -> System.out.println("Newspaper clicked"));
+  }
+
+  @Override
+  public Parent createHeader() {
+    return new HBox();
+  }
+
+  @Override
+  public Parent createToolbar() {
+    return UIFactory.createToolbar(() -> this.toggleMenu(),
+        () -> SceneManager.switchTo(SceneFactory.createStartView()));
+  }
+
+  @Override
+  public Parent createMenu() {
+    return UIFactory.createMenu("Account",
+        List.of(" • Portfolio", " • Transactions"),
+        () -> System.out.println("Portfolio clicked!"),
+        () -> System.out.println("Transaction clicked!"));
+
+  }
+
+  public void setModel(StockModel model) {
+    Bindings.bindContent(graphContainer.getChildren(), model.getGraphNodes());
+  }
+
+  public void setController(StockController controller) {
+
+  }
+
+}

From 04ffd921f1823355faf9957058045c1bcd4fba36 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 18:31:04 +0200
Subject: [PATCH 09/26] feat: Add StockView to SceneFactory.

---
 .../edu/ntnu/idi/idatt/view/SceneFactory.java    | 16 ++++++++++++++++
 .../primary/exchange/ExchangeController.java     |  5 +++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java b/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
index d3ac74e..6f290f8 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/SceneFactory.java
@@ -1,11 +1,15 @@
 package edu.ntnu.idi.idatt.view;
 
+import edu.ntnu.idi.idatt.model.market.Stock;
 import edu.ntnu.idi.idatt.view.entry.StartController;
 import edu.ntnu.idi.idatt.view.entry.StartModel;
 import edu.ntnu.idi.idatt.view.entry.StartView;
 import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeController;
 import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeModel;
 import edu.ntnu.idi.idatt.view.primary.exchange.ExchangeView;
+import edu.ntnu.idi.idatt.view.primary.stock.StockController;
+import edu.ntnu.idi.idatt.view.primary.stock.StockModel;
+import edu.ntnu.idi.idatt.view.primary.stock.StockView;
 import javafx.scene.Parent;
 
 public class SceneFactory {
@@ -36,4 +40,16 @@ public static Parent createExchangeView() {
 
   }
 
+  public static Parent createStockView(Stock stock) {
+
+    StockModel model = new StockModel();
+    StockView view = new StockView();
+    StockController controller = new StockController(model, stock);
+
+    view.setModel(model);
+    view.setController(controller);
+
+    return view.getInstance();
+  }
+
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java
index f10f52b..eed868d 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/exchange/ExchangeController.java
@@ -4,6 +4,7 @@
 
 import edu.ntnu.idi.idatt.model.market.Stock;
 import edu.ntnu.idi.idatt.session.UserSession;
+import edu.ntnu.idi.idatt.view.SceneFactory;
 import edu.ntnu.idi.idatt.view.SceneManager;
 import edu.ntnu.idi.idatt.view.components.AbstractController;
 import edu.ntnu.idi.idatt.view.components.elements.StockComponent;
@@ -36,7 +37,7 @@ public void handleSearchQuery(String query) {
 
     // Clear view's root
     this.model.getStockList().clear();
-    for (StockComponent stockComponent : loadedStockComponents) {
+    for (StockComponent stockComponent : loadedStockComponents) { // TODO: Exchange already contains this method
       if (stockComponent.getTitle().contains(query)) {
         this.model.getStockList().add(stockComponent);
       }
@@ -45,7 +46,7 @@ public void handleSearchQuery(String query) {
   }
 
   public void redirectView(String symbol) {
-    SceneManager.switchTo(null);
+    SceneManager.switchTo(SceneFactory.createStockView(session.getExchange().getStock(symbol)));
   }
 
 }

From 9bf21421c6616df1607ad10c14d0bac29e676bbd Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 22:09:51 +0200
Subject: [PATCH 10/26] feat(UIFactory): Add initialization with labels
 (observer purposes).

---
 .../ntnu/idi/idatt/view/components/ui/UIFactory.java | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
index 4b73c18..1b73ea5 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
@@ -39,11 +39,21 @@ public static Parent createHeader(String placeholder, Consumer<String> onSearchQ
   }
 
   public static Parent createNavigation(String title, List<String> buttonLables, ActionEventHandler... handlers) {
+    Label titleLabel = new Label(title);
+    return createDefaultNavigation(titleLabel, buttonLables, handlers);
+  }
+
+  public static Parent createNavigation(Label titleLabel, List<String> buttonLables,
+      ActionEventHandler... handlers) {
+    return createDefaultNavigation(titleLabel, buttonLables, handlers);
+  }
+
+  private static Parent createDefaultNavigation(Label titleLabel, List<String> buttonLables,
+      ActionEventHandler... handlers) {
     if (buttonLables.size() != handlers.length) {
       System.out.println("Failed to build navigation!");
     }
 
-    Label titleLabel = new Label(title);
     CssUtils.apply(titleLabel, CssUtils.BIG_TEXT_32);
 
     ArrayList<Button> buttons = new ArrayList<>();

From af9a328660f907a4a52fe95c56eb452f76909bc8 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 22:10:36 +0200
Subject: [PATCH 11/26] feat: Made barebone StockView implementation.

---
 .../view/primary/stock/StockController.java   |  9 ++-
 .../idatt/view/primary/stock/StockView.java   | 61 +++++++++++++++++--
 2 files changed, 64 insertions(+), 6 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
index 0dee4b6..a08135a 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
@@ -12,8 +12,8 @@ public class StockController extends AbstractController<StockModel> {
 
   public StockController(StockModel model, Stock stock) {
     super(model);
-
     this.stock = stock;
+
     renderGraph();
   }
 
@@ -29,7 +29,8 @@ public void renderGraph() {
     XYChart.Series<Number, Number> series = new XYChart.Series<>();
 
     for (int i = 0; i < stock.getHistoricalPrices().size(); i++) {
-      series.getData().add(new XYChart.Data<Number, Number>(i, stock.getHistoricalPrices().get(i).intValue()));
+      series.getData()
+          .add(new XYChart.Data<Number, Number>(i, stock.getHistoricalPrices().get(i).intValue()));
     }
 
     lineChart.getData().add(series);
@@ -39,4 +40,8 @@ public void renderGraph() {
     model.getGraphNodes().setAll(lineChart);
   }
 
+  public Stock getStock() {
+    return stock;
+  }
+
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
index 6700aaf..309e9f2 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
@@ -1,35 +1,61 @@
 package edu.ntnu.idi.idatt.view.primary.stock;
 
+import java.math.BigDecimal;
 import java.util.List;
+import java.util.stream.Collectors;
 
+import edu.ntnu.idi.idatt.model.portfolio.Share;
+import edu.ntnu.idi.idatt.service.transaction.SaleCalculator;
+import edu.ntnu.idi.idatt.session.UserSession;
 import edu.ntnu.idi.idatt.view.SceneFactory;
 import edu.ntnu.idi.idatt.view.SceneManager;
 import edu.ntnu.idi.idatt.view.components.AbstractViewUI;
+import edu.ntnu.idi.idatt.view.components.ui.UIElementCompositor;
 import edu.ntnu.idi.idatt.view.components.ui.UIFactory;
 import javafx.beans.binding.Bindings;
+import javafx.geometry.Pos;
 import javafx.scene.Parent;
+import javafx.scene.control.Label;
 import javafx.scene.layout.HBox;
-import javafx.scene.layout.StackPane;
+import javafx.scene.layout.VBox;
 
 public class StockView extends AbstractViewUI {
 
   private HBox graphContainer;
+  private Label title;
+
+  // Prices
+  Label currentPrice;
+  Label latestPercentChange;
+  Label allTimeH_L;
+  Label owned;
+  Label ownedValue;
 
   @Override
   public Parent createContent() {
-    StackPane root = new StackPane();
+    VBox root = new VBox();
     root.getStyleClass().add("primary");
+    root.setAlignment(Pos.TOP_LEFT);
 
     graphContainer = new HBox();
     graphContainer.setMaxSize(500, 500);
 
-    root.getChildren().add(graphContainer);
+    UIElementCompositor priceCompositor = new UIElementCompositor.Builder()
+        .parent(new VBox())
+        .addContent(currentPrice = new Label())
+        .addContent(latestPercentChange = new Label())
+        .addContent(allTimeH_L = new Label())
+        .addContent(owned = new Label())
+        .addContent(ownedValue = new Label())
+        .build();
+
+    root.getChildren().addAll(graphContainer, priceCompositor.makeUI());
     return root;
   }
 
   @Override
   public Parent createNavigation() {
-    return UIFactory.createNavigation("Title",
+    return UIFactory.createNavigation(title = new Label(),
         List.of(" • Newspaper"),
         () -> System.out.println("Newspaper clicked"));
   }
@@ -59,6 +85,33 @@ public void setModel(StockModel model) {
   }
 
   public void setController(StockController controller) {
+    title.setText(controller.getStock().getSymbol());
+    currentPrice.setText("Current price: " + controller.getStock().getSalesPrice());
+    latestPercentChange
+        .setText("Latest % Change: " + controller.getStock().getLatestPriceChange());
+    allTimeH_L.setText(
+        "All time H/L: " + controller.getStock().getHighestPrice() + "/" + controller.getStock().getLowestPrice());
+    owned.setText("Owned shares: " +
+        UserSession.getInstance().getPlayer().getPortfolio().getShares(
+            controller.getStock().getSymbol()).stream()
+            .collect(Collectors.summingDouble(share -> share.getQuantity().doubleValue())));
+
+    List<Share> ownedShares = UserSession.getInstance().getPlayer().getPortfolio().getShares(
+        controller.getStock().getSymbol());
+
+    BigDecimal grossAll = BigDecimal.ZERO;
+    BigDecimal purchaseAll = BigDecimal.ZERO;
+    BigDecimal changeAll = BigDecimal.ZERO;
+    for (Share share : ownedShares) {
+      grossAll.add(new SaleCalculator(share).calculateGross());
+      purchaseAll.add(share.getPurchasePrice());
+      BigDecimal change = new SaleCalculator(share).calculateGross().subtract(share.getPurchasePrice());
+      changeAll.add(change);
+    }
+    // BigDecimal percentChange =
+    // Optional.ofNullable(grossAll.divide(purchaseAll)).orElse(BigDecimal.ZERO);
+
+    ownedValue.setText("Value: " + changeAll + " (percentChange)");
 
   }
 

From 3946e13ece56a9987019d347a0f157bbffd76700 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 23:51:38 +0200
Subject: [PATCH 12/26] refactor: UIElementCompositor -> UICompositor. More
 flexible structure.

---
 .../view/components/ui/UICompositor.java      | 86 +++++++++++++++++++
 1 file changed, 86 insertions(+)
 create mode 100644 src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java
new file mode 100644
index 0000000..57db32f
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java
@@ -0,0 +1,86 @@
+package edu.ntnu.idi.idatt.view.components.ui;
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.function.Consumer;
+
+import javafx.geometry.Pos;
+import javafx.scene.Parent;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Pane;
+import javafx.scene.layout.Priority;
+import javafx.scene.layout.Region;
+import javafx.scene.layout.VBox;
+
+public class UICompositor {
+
+  private final Pane parent;
+  private final List<Parent> elements;
+
+  public UICompositor(Builder builder) {
+    this.parent = builder.parent;
+    this.elements = builder.elements;
+  }
+
+  public Parent makeUI() {
+    parent.getChildren().addAll(elements);
+    return parent;
+  }
+
+  public static class Builder {
+    private Pane parent;
+    private ArrayList<Parent> elements = new ArrayList<>();
+
+    public Builder parent(Pane parent) {
+      this.parent = parent;
+      return this;
+    }
+
+    public Builder growWithAlignment(Pos position) {
+      if (parent instanceof HBox) {
+        ((HBox) parent).setAlignment(position);
+        parent.setMaxWidth(Double.MAX_VALUE);
+        HBox.setHgrow(parent, Priority.ALWAYS);
+      }
+      if (parent instanceof VBox) {
+        ((VBox) parent).setAlignment(position);
+        parent.setMaxHeight(Double.MAX_VALUE);
+        VBox.setVgrow(parent, Priority.ALWAYS);
+      }
+      return this;
+    }
+
+    public Builder addContent(Parent child) {
+      elements.add(child);
+      return this;
+    }
+
+    public Builder addAllContent(Parent... children) {
+      elements.addAll(List.of(children));
+      return this;
+    }
+
+    public Builder parentProperties(Consumer<Pane> handle) {
+      handle.accept(this.parent);
+      return this;
+    }
+
+    public Builder filler() {
+      Region filler = new Region();
+      if (parent instanceof HBox) {
+        HBox.setHgrow(filler, Priority.ALWAYS);
+      }
+      if (parent instanceof VBox) {
+        VBox.setVgrow(filler, Priority.ALWAYS);
+      }
+      elements.add(filler);
+      return this;
+    }
+
+    public UICompositor build() {
+      return new UICompositor(this);
+    }
+
+  }
+
+}

From 6480da6f105a4f5f15665d01b6ad7cc609e5ef35 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 23:52:18 +0200
Subject: [PATCH 13/26] chore: Cleanup imports.

---
 .../components/elements/StockComponent.java   |  4 +-
 .../components/ui/UIElementCompositor.java    | 85 -------------------
 .../idatt/view/components/ui/UIFactory.java   | 14 +--
 3 files changed, 9 insertions(+), 94 deletions(-)
 delete mode 100644 src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIElementCompositor.java

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
index 88e91cd..d60b4d1 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
@@ -5,7 +5,7 @@
 import java.util.function.Consumer;
 
 import edu.ntnu.idi.idatt.model.market.Stock;
-import edu.ntnu.idi.idatt.view.components.ui.UIElementCompositor;
+import edu.ntnu.idi.idatt.view.components.ui.UICompositor;
 import edu.ntnu.idi.idatt.view.util.CssUtils;
 import javafx.geometry.Insets;
 import javafx.geometry.Pos;
@@ -55,7 +55,7 @@ public StockComponent(Stock stock) {
     VBox changeWrapper = new VBox();
     changeWrapper.getChildren().addAll(changeText, changeValuePercent, changeValue);
 
-    UIElementCompositor stockComponent = new UIElementCompositor.Builder()
+    UICompositor stockComponent = new UICompositor.Builder()
         .parent(new HBox())
         .addContent(title)
         .growWithAlignment(Pos.CENTER)
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIElementCompositor.java b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIElementCompositor.java
deleted file mode 100644
index 0fed8e6..0000000
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIElementCompositor.java
+++ /dev/null
@@ -1,85 +0,0 @@
-package edu.ntnu.idi.idatt.view.components.ui;
-
-import java.util.ArrayList;
-import java.util.List;
-
-import javafx.geometry.Pos;
-import javafx.scene.Parent;
-import javafx.scene.layout.HBox;
-import javafx.scene.layout.Pane;
-import javafx.scene.layout.Priority;
-import javafx.scene.layout.Region;
-import javafx.scene.layout.VBox;
-
-public class UIElementCompositor {
-
-  private final Pane parent;
-  private final List<Parent> elements;
-
-  public UIElementCompositor(Builder builder) {
-    this.parent = builder.parent;
-    this.elements = builder.elements;
-  }
-
-  public Parent makeUI() {
-    parent.getChildren().addAll(elements);
-    return parent;
-  }
-
-  public static class Builder {
-    private Pane parent;
-    private ArrayList<Parent> elements = new ArrayList<>();
-
-    public Builder parent(Pane parent) {
-      this.parent = parent;
-      return this;
-    }
-
-    public Builder growWithAlignment(Pos position) {
-      if (parent instanceof HBox) {
-        ((HBox) parent).setAlignment(position);
-        parent.setMaxWidth(Double.MAX_VALUE);
-        HBox.setHgrow(parent, Priority.ALWAYS);
-      }
-      if (parent instanceof VBox) {
-        ((VBox) parent).setAlignment(position);
-        parent.setMaxHeight(Double.MAX_VALUE);
-        VBox.setVgrow(parent, Priority.ALWAYS);
-      }
-      return this;
-    }
-
-    public Builder setPrefSize(double width, double height) {
-      parent.setPrefSize(width, height);
-      return this;
-    }
-
-    public Builder addContent(Parent parent) {
-      elements.add(parent);
-      return this;
-    }
-
-    public Builder addAllContent(Parent... parents) {
-      elements.addAll(List.of(parents));
-      return this;
-    }
-
-    public Builder filler() {
-      Region filler = new Region();
-      if (parent instanceof HBox) {
-        HBox.setHgrow(filler, Priority.ALWAYS);
-      }
-      if (parent instanceof VBox) {
-        VBox.setVgrow(filler, Priority.ALWAYS);
-      }
-      elements.add(filler);
-      return this;
-    }
-
-    public UIElementCompositor build() {
-      return new UIElementCompositor(this);
-    }
-
-  }
-
-}
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
index 1b73ea5..7d70fdd 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UIFactory.java
@@ -25,7 +25,7 @@ public static Parent createHeader(String placeholder, Consumer<String> onSearchQ
 
     HBox.setMargin(bar, new Insets(20));
 
-    UIElementCompositor header = new UIElementCompositor.Builder()
+    UICompositor header = new UICompositor.Builder()
         .parent(new HBox())
         .growWithAlignment(Pos.CENTER)
         .filler()
@@ -65,13 +65,13 @@ private static Parent createDefaultNavigation(Label titleLabel, List<String> but
       b.setOnAction((e) -> handlers[buttons.indexOf(b)].handle());
     });
 
-    UIElementCompositor.Builder navigationBuilder = new UIElementCompositor.Builder()
+    UICompositor.Builder navigationBuilder = new UICompositor.Builder()
         .parent(new VBox())
         .addContent(titleLabel);
 
     buttons.forEach(b -> navigationBuilder.addContent(b));
 
-    UIElementCompositor navigation = navigationBuilder.build();
+    UICompositor navigation = navigationBuilder.build();
 
     return navigation.makeUI();
 
@@ -94,15 +94,15 @@ public static Parent createMenu(String title, List<String> buttonLables, ActionE
       b.setOnAction((e) -> handlers[buttons.indexOf(b)].handle());
     });
 
-    UIElementCompositor.Builder menuBuilder = new UIElementCompositor.Builder()
+    UICompositor.Builder menuBuilder = new UICompositor.Builder()
         .parent(new VBox())
         .growWithAlignment(Pos.TOP_CENTER)
-        .setPrefSize(300, Double.MAX_VALUE)
+        .parentProperties((menu) -> menu.setPrefSize(300, Double.MAX_VALUE))
         .addContent(menuIcon);
 
     buttons.forEach(b -> menuBuilder.addContent(b));
 
-    UIElementCompositor menu = menuBuilder.build();
+    UICompositor menu = menuBuilder.build();
 
     return menu.makeUI();
 
@@ -129,7 +129,7 @@ public static Parent createToolbar(ActionEventHandler menuHandle, ActionEventHan
     iconWrapper.setAlignment(Pos.CENTER);
     iconWrapper.getChildren().addAll(userIcon, quitIcon);
 
-    UIElementCompositor toolbar = new UIElementCompositor.Builder()
+    UICompositor toolbar = new UICompositor.Builder()
         .parent(new HBox())
         .growWithAlignment(Pos.CENTER)
         .addContent(balance)

From 964ad44bfe82ee55333c43aa62aae11ed7919168 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 23:52:32 +0200
Subject: [PATCH 14/26] feat: Add small text to css.

---
 src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java | 1 +
 src/main/resources/themes/default.css                    | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
index 1a2866b..d7abd0d 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
@@ -6,6 +6,7 @@ public class CssUtils {
 
   public static final String BIG_TEXT_32 = "big-text-32";
   public static final String MED_TEXT_16 = "med-text-16";
+  public static final String SMALL_TEXT_12 = "small-text-12";
   public static final String RED = "red";
   public static final String GREEN = "green";
 
diff --git a/src/main/resources/themes/default.css b/src/main/resources/themes/default.css
index 8f89e2c..f8a8e30 100644
--- a/src/main/resources/themes/default.css
+++ b/src/main/resources/themes/default.css
@@ -33,6 +33,11 @@
   -fx-text-fill: #EEEEEE;
 }
 
+.small-text-12{
+  -fx-font-size: 12px;
+  -fx-font-weight: 700;
+  -fx-text-fill: #EEEEEE;
+}
 
 .red {
   -fx-text-fill: #FF0000;

From 6501d668e67f51c20389a898a9435574e88da85f Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Mon, 11 May 2026 23:52:50 +0200
Subject: [PATCH 15/26] enchancement: StockView structure.

---
 .../view/primary/stock/StockController.java   |  2 +-
 .../idatt/view/primary/stock/StockView.java   | 29 ++++++++++++++++---
 2 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
index a08135a..1cf0e82 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
@@ -36,7 +36,7 @@ public void renderGraph() {
     lineChart.getData().add(series);
     lineChart.setLegendVisible(false);
     lineChart.setCreateSymbols(false);
-    lineChart.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
+    lineChart.setPrefSize(600, 600);
     model.getGraphNodes().setAll(lineChart);
   }
 
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
index 309e9f2..81eb0f9 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
@@ -10,11 +10,14 @@
 import edu.ntnu.idi.idatt.view.SceneFactory;
 import edu.ntnu.idi.idatt.view.SceneManager;
 import edu.ntnu.idi.idatt.view.components.AbstractViewUI;
-import edu.ntnu.idi.idatt.view.components.ui.UIElementCompositor;
+import edu.ntnu.idi.idatt.view.components.ui.UICompositor;
 import edu.ntnu.idi.idatt.view.components.ui.UIFactory;
+import edu.ntnu.idi.idatt.view.util.CssUtils;
 import javafx.beans.binding.Bindings;
+import javafx.geometry.Insets;
 import javafx.geometry.Pos;
 import javafx.scene.Parent;
+import javafx.scene.control.Button;
 import javafx.scene.control.Label;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.VBox;
@@ -36,11 +39,11 @@ public Parent createContent() {
     VBox root = new VBox();
     root.getStyleClass().add("primary");
     root.setAlignment(Pos.TOP_LEFT);
+    root.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
 
     graphContainer = new HBox();
-    graphContainer.setMaxSize(500, 500);
 
-    UIElementCompositor priceCompositor = new UIElementCompositor.Builder()
+    UICompositor priceCompositor = new UICompositor.Builder()
         .parent(new VBox())
         .addContent(currentPrice = new Label())
         .addContent(latestPercentChange = new Label())
@@ -49,7 +52,25 @@ public Parent createContent() {
         .addContent(ownedValue = new Label())
         .build();
 
-    root.getChildren().addAll(graphContainer, priceCompositor.makeUI());
+    List<Label> labels = List.of(currentPrice, latestPercentChange, allTimeH_L, owned, ownedValue);
+    labels.forEach(l -> CssUtils.apply(l, CssUtils.MED_TEXT_16));
+
+    UICompositor tradeCompositor = new UICompositor.Builder()
+        .parent(new HBox())
+        .addAllContent(new Button("buy"), new Button("sell"))
+        .build();
+
+    UICompositor infoSectionWrapper = new UICompositor.Builder()
+        .parent(new HBox())
+        .growWithAlignment(Pos.BASELINE_CENTER)
+        .addContent(priceCompositor.makeUI())
+        .filler()
+        .addContent(tradeCompositor.makeUI())
+        .filler()
+        .parentProperties((wrapper) -> wrapper.setPadding(new Insets(20.0)))
+        .build();
+
+    root.getChildren().addAll(graphContainer, infoSectionWrapper.makeUI());
     return root;
   }
 

From 1ad05e39c3245e9db35eb67093eb7fa195fde8a8 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 00:57:04 +0200
Subject: [PATCH 16/26] feat(Portfolio, Share): Add methods for diverse
 calculations.

---
 .../idi/idatt/model/portfolio/Portfolio.java  | 19 +++++++++++++++++++
 .../ntnu/idi/idatt/model/portfolio/Share.java |  6 ++++++
 2 files changed, 25 insertions(+)

diff --git a/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Portfolio.java b/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Portfolio.java
index 0b9e940..070653d 100644
--- a/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Portfolio.java
+++ b/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Portfolio.java
@@ -61,6 +61,25 @@ public List<Share> getShares(String symbol) {
     return shares.stream().filter(s -> s.getStock().getSymbol().equals(symbol)).toList();
   }
 
+  // TODO: JAVADOCS, JUNIT
+  public BigDecimal getOwnedAmount(String symbol) {
+    return getShares(symbol).stream().map(s -> s.getQuantity())
+        .reduce(BigDecimal.ZERO, BigDecimal::add);
+  }
+
+  public BigDecimal getProfitFromStock(String symbol) {
+    return getShares(symbol).stream().map(s -> s.getProfit())
+        .reduce(BigDecimal.ZERO, BigDecimal::add);
+  }
+
+  public double getChangeFromStock(String symbol) {
+    BigDecimal profitTotal = getProfitFromStock(symbol);
+    BigDecimal costTotal = getShares(symbol).stream().map(s -> s.getPurchasePrice())
+        .reduce(BigDecimal.ZERO, BigDecimal::add);
+
+    return (profitTotal.subtract(costTotal).doubleValue()) / 100;
+  }
+
   /**
    * Method for checking if the portfolio contains a specific share
    *
diff --git a/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Share.java b/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Share.java
index 2bbaf0f..eeaa73f 100644
--- a/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Share.java
+++ b/src/main/java/edu/ntnu/idi/idatt/model/portfolio/Share.java
@@ -3,6 +3,7 @@
 import java.math.BigDecimal;
 
 import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.service.transaction.SaleCalculator;
 
 /**
  * Share class
@@ -50,4 +51,9 @@ public BigDecimal getPurchasePrice() {
     return purchasePrice;
   }
 
+  // TODO: JAVADOCS, JUNIT
+  public BigDecimal getProfit() {
+    return new SaleCalculator(this).calculateGross().subtract(purchasePrice);
+  }
+
 }

From 3be985412b936752a5f33ba39d48155745311210 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 00:57:23 +0200
Subject: [PATCH 17/26] fix(AbstractViewUI): Resize navigation bar

---
 .../java/edu/ntnu/idi/idatt/view/components/AbstractViewUI.java | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/AbstractViewUI.java b/src/main/java/edu/ntnu/idi/idatt/view/components/AbstractViewUI.java
index 1933e3b..5d9fd48 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/AbstractViewUI.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/AbstractViewUI.java
@@ -59,7 +59,7 @@ public void createUIComponents() {
     navigation = new VBox();
     navigation.setMaxHeight(Double.MAX_VALUE);
     navigation.getStyleClass().add("dark");
-    navigation.setMaxWidth(150);
+    navigation.setMaxWidth(200);
 
     header = new HBox();
     header.getStyleClass().add("light");

From 6a20cedbed1abe06e6d503cc0703acb87034d66a Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 00:58:12 +0200
Subject: [PATCH 18/26] refactor: StockView cleanup

---
 .../view/primary/stock/StockController.java   |  4 +-
 .../idatt/view/primary/stock/StockView.java   | 68 +++++++++----------
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
index 1cf0e82..96f4cda 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
@@ -5,6 +5,8 @@
 import javafx.scene.chart.LineChart;
 import javafx.scene.chart.NumberAxis;
 import javafx.scene.chart.XYChart;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Priority;
 
 public class StockController extends AbstractController<StockModel> {
 
@@ -36,7 +38,7 @@ public void renderGraph() {
     lineChart.getData().add(series);
     lineChart.setLegendVisible(false);
     lineChart.setCreateSymbols(false);
-    lineChart.setPrefSize(600, 600);
+    HBox.setHgrow(lineChart, Priority.ALWAYS);
     model.getGraphNodes().setAll(lineChart);
   }
 
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
index 81eb0f9..53369fa 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
@@ -20,6 +20,7 @@
 import javafx.scene.control.Button;
 import javafx.scene.control.Label;
 import javafx.scene.layout.HBox;
+import javafx.scene.layout.Priority;
 import javafx.scene.layout.VBox;
 
 public class StockView extends AbstractViewUI {
@@ -30,9 +31,13 @@ public class StockView extends AbstractViewUI {
   // Prices
   Label currentPrice;
   Label latestPercentChange;
-  Label allTimeH_L;
-  Label owned;
-  Label ownedValue;
+  Label allTimeScore;
+  Label ownedAmount;
+  Label ownedAmountValue;
+
+  // Buttons
+  Button buyButton;
+  Button portfolioButton;
 
   @Override
   public Parent createContent() {
@@ -42,22 +47,27 @@ public Parent createContent() {
     root.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
 
     graphContainer = new HBox();
+    graphContainer.setPadding(new Insets(40.0));
+    HBox.setHgrow(graphContainer, Priority.ALWAYS);
+    CssUtils.apply(graphContainer, CssUtils.SMALL_TEXT_12);
 
     UICompositor priceCompositor = new UICompositor.Builder()
         .parent(new VBox())
         .addContent(currentPrice = new Label())
         .addContent(latestPercentChange = new Label())
-        .addContent(allTimeH_L = new Label())
-        .addContent(owned = new Label())
-        .addContent(ownedValue = new Label())
+        .addContent(allTimeScore = new Label())
+        .addContent(ownedAmount = new Label())
+        .addContent(ownedAmountValue = new Label())
         .build();
 
-    List<Label> labels = List.of(currentPrice, latestPercentChange, allTimeH_L, owned, ownedValue);
+    List<Label> labels = List.of(currentPrice, latestPercentChange, allTimeScore, ownedAmount, ownedAmountValue);
     labels.forEach(l -> CssUtils.apply(l, CssUtils.MED_TEXT_16));
 
     UICompositor tradeCompositor = new UICompositor.Builder()
         .parent(new HBox())
-        .addAllContent(new Button("buy"), new Button("sell"))
+        .addContent(buyButton = new Button("Buy"))
+        .addContent(portfolioButton = new Button("Sell in portfolio..."))
+        .parentProperties((trade) -> ((HBox) trade).setSpacing(20.0))
         .build();
 
     UICompositor infoSectionWrapper = new UICompositor.Builder()
@@ -66,7 +76,6 @@ public Parent createContent() {
         .addContent(priceCompositor.makeUI())
         .filler()
         .addContent(tradeCompositor.makeUI())
-        .filler()
         .parentProperties((wrapper) -> wrapper.setPadding(new Insets(20.0)))
         .build();
 
@@ -107,33 +116,22 @@ public void setModel(StockModel model) {
 
   public void setController(StockController controller) {
     title.setText(controller.getStock().getSymbol());
-    currentPrice.setText("Current price: " + controller.getStock().getSalesPrice());
+    currentPrice.setText("Current price: " + controller.getStock().getSalesPrice() + " USD");
     latestPercentChange
-        .setText("Latest % Change: " + controller.getStock().getLatestPriceChange());
-    allTimeH_L.setText(
-        "All time H/L: " + controller.getStock().getHighestPrice() + "/" + controller.getStock().getLowestPrice());
-    owned.setText("Owned shares: " +
-        UserSession.getInstance().getPlayer().getPortfolio().getShares(
-            controller.getStock().getSymbol()).stream()
-            .collect(Collectors.summingDouble(share -> share.getQuantity().doubleValue())));
-
-    List<Share> ownedShares = UserSession.getInstance().getPlayer().getPortfolio().getShares(
-        controller.getStock().getSymbol());
-
-    BigDecimal grossAll = BigDecimal.ZERO;
-    BigDecimal purchaseAll = BigDecimal.ZERO;
-    BigDecimal changeAll = BigDecimal.ZERO;
-    for (Share share : ownedShares) {
-      grossAll.add(new SaleCalculator(share).calculateGross());
-      purchaseAll.add(share.getPurchasePrice());
-      BigDecimal change = new SaleCalculator(share).calculateGross().subtract(share.getPurchasePrice());
-      changeAll.add(change);
-    }
-    // BigDecimal percentChange =
-    // Optional.ofNullable(grossAll.divide(purchaseAll)).orElse(BigDecimal.ZERO);
-
-    ownedValue.setText("Value: " + changeAll + " (percentChange)");
-
+        .setText("Latest price change: " + controller.getStock().getLatestPriceChange() + " USD");
+    allTimeScore.setText("H/L All time: " + controller.getStock().getHighestPrice() + "/"
+        + controller.getStock().getLowestPrice() + " USD");
+    ownedAmount.setText("Owned amount: " +
+        UserSession.getInstance().getPlayer().getPortfolio().getOwnedAmount(
+            controller.getStock().getSymbol())
+        + " [" + controller.getStock().getSymbol() + "]");
+    ownedAmountValue.setText("Total profits: " +
+        UserSession.getInstance().getPlayer().getPortfolio().getProfitFromStock(
+            controller.getStock().getSymbol())
+        + " USD (" +
+        UserSession.getInstance().getPlayer().getPortfolio().getChangeFromStock(
+            controller.getStock().getSymbol())
+        + "%)");
   }
 
 }

From 19886453a8d8aa339b1147ebc7c9cccefd4834ad Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 01:29:16 +0200
Subject: [PATCH 19/26] fix: Latest change percent calculation.

---
 .../java/edu/ntnu/idi/idatt/model/market/Stock.java   | 11 +++++++++++
 .../view/components/elements/StockComponent.java      |  4 ++--
 .../ntnu/idi/idatt/view/primary/stock/StockView.java  |  3 ++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/model/market/Stock.java b/src/main/java/edu/ntnu/idi/idatt/model/market/Stock.java
index 923df9f..c7c65c4 100644
--- a/src/main/java/edu/ntnu/idi/idatt/model/market/Stock.java
+++ b/src/main/java/edu/ntnu/idi/idatt/model/market/Stock.java
@@ -1,6 +1,7 @@
 package edu.ntnu.idi.idatt.model.market;
 
 import java.math.BigDecimal;
+import java.math.RoundingMode;
 import java.util.ArrayList;
 import java.util.Comparator;
 import java.util.List;
@@ -90,6 +91,16 @@ public BigDecimal getLatestPriceChange() {
     return prices.get(size - 1).subtract(prices.get(size - 2));
   }
 
+  // TODO: JAVADOCS, JUNIT
+  public BigDecimal getLatestPriceChangePercent() {
+    if (prices.isEmpty() || prices.size() == 1) {
+      return BigDecimal.ZERO;
+    }
+
+    return (getLatestPriceChange().divide(prices.get(prices.size() - 2), 2, RoundingMode.HALF_UP))
+        .multiply(new BigDecimal("100"));
+  }
+
   /**
    * Getter for current sale price
    *
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
index d60b4d1..a175925 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
@@ -33,7 +33,7 @@ public StockComponent(Stock stock) {
     Label changeText = new Label("Change");
     Label changeValue = new Label(stock.getLatestPriceChange().toString() + "USD");
     Label changeValuePercent = new Label(
-        String.valueOf(stock.getLatestPriceChange().divide(new BigDecimal("100"))) + "%");
+        String.valueOf(stock.getLatestPriceChangePercent()) + "%");
     // TODO: Move to stocks? Over.
 
     List<Label> labels = List.of(latestText, latestValue, changeText, changeValue, changeValuePercent);
@@ -53,7 +53,7 @@ public StockComponent(Stock stock) {
     latestWrapper.getChildren().addAll(latestText, latestValue);
 
     VBox changeWrapper = new VBox();
-    changeWrapper.getChildren().addAll(changeText, changeValuePercent, changeValue);
+    changeWrapper.getChildren().addAll(changeText, changeValue, changeValuePercent);
 
     UICompositor stockComponent = new UICompositor.Builder()
         .parent(new HBox())
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
index 53369fa..9be6a4f 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
@@ -118,7 +118,8 @@ public void setController(StockController controller) {
     title.setText(controller.getStock().getSymbol());
     currentPrice.setText("Current price: " + controller.getStock().getSalesPrice() + " USD");
     latestPercentChange
-        .setText("Latest price change: " + controller.getStock().getLatestPriceChange() + " USD");
+        .setText("Latest price change: " + controller.getStock().getLatestPriceChange() + " USD "
+            + "(" + controller.getStock().getLatestPriceChangePercent() + "%)");
     allTimeScore.setText("H/L All time: " + controller.getStock().getHighestPrice() + "/"
         + controller.getStock().getLowestPrice() + " USD");
     ownedAmount.setText("Owned amount: " +

From 526c1fbdf67859fb78e6707a8b14734edeafedeb Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 18:13:14 +0200
Subject: [PATCH 20/26] feat: Add TextValueComponent class

---
 .../elements/TextValueComponent.java          | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java
new file mode 100644
index 0000000..c29d1a3
--- /dev/null
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java
@@ -0,0 +1,40 @@
+package edu.ntnu.idi.idatt.view.components.elements;
+
+import edu.ntnu.idi.idatt.view.util.CssUtils;
+import javafx.beans.property.SimpleStringProperty;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+
+public class TextValueComponent extends HBox {
+
+  private final SimpleStringProperty value = new SimpleStringProperty();
+
+  public TextValueComponent(String prefix, boolean color) {
+    Label prefixLabel = new Label(prefix);
+    Label valueLabel = new Label();
+
+    this.getChildren().addAll(prefixLabel, valueLabel);
+    CssUtils.apply(prefixLabel, CssUtils.MED_TEXT_16);
+    CssUtils.apply(valueLabel, CssUtils.MED_TEXT_16);
+
+    if (!color) {
+      valueLabel.textProperty().bind(value);
+      return;
+    }
+
+    value.addListener((observable, oldVal, newVal) -> {
+      if (newVal == null) {
+        return;
+      }
+
+      if (CssUtils.applyColoredString(valueLabel, newVal)) {
+        valueLabel.setText(newVal.replaceAll("\\|.*?\\|", ""));
+      }
+    });
+  }
+
+  public SimpleStringProperty valueProperty() {
+    return value;
+  }
+
+}

From 4ddf525808c01c42b03304f4c11e875c5ec37fd2 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 18:13:31 +0200
Subject: [PATCH 21/26] refactor(UICompositor): more flexibility

---
 .../view/components/ui/UICompositor.java      | 37 ++++++++++++++-----
 1 file changed, 28 insertions(+), 9 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java
index 57db32f..4d598d5 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/ui/UICompositor.java
@@ -15,21 +15,19 @@
 public class UICompositor {
 
   private final Pane parent;
-  private final List<Parent> elements;
 
   public UICompositor(Builder builder) {
     this.parent = builder.parent;
-    this.elements = builder.elements;
   }
 
   public Parent makeUI() {
-    parent.getChildren().addAll(elements);
     return parent;
   }
 
   public static class Builder {
     private Pane parent;
-    private ArrayList<Parent> elements = new ArrayList<>();
+    private ArrayList<Pane> wrappers = new ArrayList<>();
+    private boolean isWrapper = false;
 
     public Builder parent(Pane parent) {
       this.parent = parent;
@@ -51,12 +49,14 @@ public Builder growWithAlignment(Pos position) {
     }
 
     public Builder addContent(Parent child) {
-      elements.add(child);
+      Pane root = isWrapper ? wrappers.getLast() : parent;
+      root.getChildren().add(child);
       return this;
     }
 
     public Builder addAllContent(Parent... children) {
-      elements.addAll(List.of(children));
+      Pane root = isWrapper ? wrappers.getLast() : parent;
+      root.getChildren().addAll(List.of(children));
       return this;
     }
 
@@ -65,15 +65,34 @@ public Builder parentProperties(Consumer<Pane> handle) {
       return this;
     }
 
+    public Builder wrap(Pane wrapper) {
+      isWrapper = true;
+      wrappers.add(wrapper);
+      return this;
+    }
+
+    public Builder unwrap() {
+      isWrapper = false;
+      parent.getChildren().add(wrappers.getLast());
+      return this;
+    }
+
+    public Builder wrapperProperties(Consumer<Pane> handle) {
+      handle.accept(wrappers.getLast());
+      return this;
+    }
+
     public Builder filler() {
+      Pane root = isWrapper ? wrappers.getLast() : parent;
+
       Region filler = new Region();
-      if (parent instanceof HBox) {
+      if (root instanceof HBox) {
         HBox.setHgrow(filler, Priority.ALWAYS);
       }
-      if (parent instanceof VBox) {
+      if (root instanceof VBox) {
         VBox.setVgrow(filler, Priority.ALWAYS);
       }
-      elements.add(filler);
+      root.getChildren().add(filler);
       return this;
     }
 

From 0d3bbf8d6cb4d45da6de189cf8b45c8792cdbe81 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 18:13:46 +0200
Subject: [PATCH 22/26] refactor: StockView MVC model to be more structured.

---
 .../view/primary/stock/StockController.java   | 50 ++++++++++++-
 .../idatt/view/primary/stock/StockModel.java  | 26 +++++++
 .../idatt/view/primary/stock/StockView.java   | 74 +++++++------------
 3 files changed, 101 insertions(+), 49 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
index 96f4cda..f938571 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
@@ -1,7 +1,9 @@
 package edu.ntnu.idi.idatt.view.primary.stock;
 
 import edu.ntnu.idi.idatt.model.market.Stock;
+import edu.ntnu.idi.idatt.session.UserSession;
 import edu.ntnu.idi.idatt.view.components.AbstractController;
+import edu.ntnu.idi.idatt.view.util.CssUtils;
 import javafx.scene.chart.LineChart;
 import javafx.scene.chart.NumberAxis;
 import javafx.scene.chart.XYChart;
@@ -10,13 +12,27 @@
 
 public class StockController extends AbstractController<StockModel> {
 
+  private UserSession session = UserSession.getInstance();
   private final Stock stock;
 
   public StockController(StockModel model, Stock stock) {
     super(model);
     this.stock = stock;
 
+    initStock();
+  }
+
+  public void initStock() {
     renderGraph();
+    setCurrentPrice();
+    setLatestChange();
+    setAllTimeScore();
+    setOwnedAmount();
+    setTotalProfits();
+  }
+
+  public String getSymbol() {
+    return this.stock.getSymbol();
   }
 
   public void renderGraph() {
@@ -42,8 +58,38 @@ public void renderGraph() {
     model.getGraphNodes().setAll(lineChart);
   }
 
-  public Stock getStock() {
-    return stock;
+  public void setCurrentPrice() {
+    model.getStockPrice().set(this.stock.getSalesPrice() + " USD");
+  }
+
+  public void setLatestChange() {
+    double change = this.stock.getLatestPriceChange().doubleValue();
+    double changePercent = this.stock.getLatestPriceChangePercent().doubleValue();
+
+    model.getLatestChange().set(CssUtils.generateColor(change) + change + " USD "
+        + "(" + changePercent + "%)");
+
   }
 
+  public void setAllTimeScore() {
+    model.getAllTimeScore().set(this.stock.getHighestPrice() + "/"
+        + this.stock.getLowestPrice() + " USD");
+  }
+
+  public void setOwnedAmount() {
+    double ownedAmount = session.getPlayer().getPortfolio().getOwnedAmount(
+        this.stock.getSymbol()).doubleValue();
+
+    model.getOwnedAmount().set(
+        ownedAmount + " [" + this.stock.getSymbol() + "]");
+  }
+
+  public void setTotalProfits() {
+    double profit = session.getPlayer().getPortfolio().getProfitFromStock(
+        this.stock.getSymbol()).doubleValue();
+    double profitPercent = session.getPlayer().getPortfolio().getChangeFromStock(
+        this.stock.getSymbol());
+
+    model.getTotalProfits().set(CssUtils.generateColor(profit) + profit + " USD (" + profitPercent + "%)");
+  }
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
index 302be66..ec79e51 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
@@ -1,6 +1,7 @@
 package edu.ntnu.idi.idatt.view.primary.stock;
 
 import edu.ntnu.idi.idatt.view.components.Model;
+import javafx.beans.property.SimpleStringProperty;
 import javafx.collections.FXCollections;
 import javafx.collections.ObservableList;
 import javafx.scene.Node;
@@ -8,9 +9,34 @@
 public class StockModel implements Model {
 
   private final ObservableList<Node> graphNodes = FXCollections.observableArrayList();
+  private final SimpleStringProperty stockPrice = new SimpleStringProperty();
+  private final SimpleStringProperty latestChange = new SimpleStringProperty();
+  private final SimpleStringProperty allTimeScore = new SimpleStringProperty();
+  private final SimpleStringProperty ownedAmount = new SimpleStringProperty();
+  private final SimpleStringProperty totalProfits = new SimpleStringProperty();
 
   public ObservableList<Node> getGraphNodes() {
     return this.graphNodes;
   }
 
+  public SimpleStringProperty getStockPrice() {
+    return stockPrice;
+  }
+
+  public SimpleStringProperty getLatestChange() {
+    return latestChange;
+  }
+
+  public SimpleStringProperty getAllTimeScore() {
+    return allTimeScore;
+  }
+
+  public SimpleStringProperty getOwnedAmount() {
+    return ownedAmount;
+  }
+
+  public SimpleStringProperty getTotalProfits() {
+    return totalProfits;
+  }
+
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
index 9be6a4f..2c3819c 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
@@ -10,6 +10,7 @@
 import edu.ntnu.idi.idatt.view.SceneFactory;
 import edu.ntnu.idi.idatt.view.SceneManager;
 import edu.ntnu.idi.idatt.view.components.AbstractViewUI;
+import edu.ntnu.idi.idatt.view.components.elements.TextValueComponent;
 import edu.ntnu.idi.idatt.view.components.ui.UICompositor;
 import edu.ntnu.idi.idatt.view.components.ui.UIFactory;
 import edu.ntnu.idi.idatt.view.util.CssUtils;
@@ -29,11 +30,11 @@ public class StockView extends AbstractViewUI {
   private Label title;
 
   // Prices
-  Label currentPrice;
-  Label latestPercentChange;
-  Label allTimeScore;
-  Label ownedAmount;
-  Label ownedAmountValue;
+  TextValueComponent stockPrice;
+  TextValueComponent latestChange;
+  TextValueComponent allTimeScore;
+  TextValueComponent ownedAmount;
+  TextValueComponent totalProfits;
 
   // Buttons
   Button buyButton;
@@ -51,35 +52,26 @@ public Parent createContent() {
     HBox.setHgrow(graphContainer, Priority.ALWAYS);
     CssUtils.apply(graphContainer, CssUtils.SMALL_TEXT_12);
 
-    UICompositor priceCompositor = new UICompositor.Builder()
-        .parent(new VBox())
-        .addContent(currentPrice = new Label())
-        .addContent(latestPercentChange = new Label())
-        .addContent(allTimeScore = new Label())
-        .addContent(ownedAmount = new Label())
-        .addContent(ownedAmountValue = new Label())
-        .build();
-
-    List<Label> labels = List.of(currentPrice, latestPercentChange, allTimeScore, ownedAmount, ownedAmountValue);
-    labels.forEach(l -> CssUtils.apply(l, CssUtils.MED_TEXT_16));
-
-    UICompositor tradeCompositor = new UICompositor.Builder()
+    UICompositor userSection = new UICompositor.Builder()
         .parent(new HBox())
+        .growWithAlignment(Pos.TOP_CENTER)
+        .parentProperties((parent) -> parent.setPadding(new Insets(20.0)))
+        .wrap(new VBox())
+        .addContent(stockPrice = new TextValueComponent("Current price: ", false))
+        .addContent(latestChange = new TextValueComponent("Latest Price Change: ", true))
+        .addContent(allTimeScore = new TextValueComponent("All time H/L: ", false))
+        .addContent(ownedAmount = new TextValueComponent("Owned amount: ", false))
+        .addContent(totalProfits = new TextValueComponent("Total profits: ", true))
+        .unwrap()
+        .filler()
+        .wrap(new HBox())
         .addContent(buyButton = new Button("Buy"))
         .addContent(portfolioButton = new Button("Sell in portfolio..."))
-        .parentProperties((trade) -> ((HBox) trade).setSpacing(20.0))
-        .build();
-
-    UICompositor infoSectionWrapper = new UICompositor.Builder()
-        .parent(new HBox())
-        .growWithAlignment(Pos.BASELINE_CENTER)
-        .addContent(priceCompositor.makeUI())
-        .filler()
-        .addContent(tradeCompositor.makeUI())
-        .parentProperties((wrapper) -> wrapper.setPadding(new Insets(20.0)))
+        .wrapperProperties((wrapper) -> ((HBox) wrapper).setSpacing(20.0))
+        .unwrap()
         .build();
 
-    root.getChildren().addAll(graphContainer, infoSectionWrapper.makeUI());
+    root.getChildren().addAll(graphContainer, userSection.makeUI());
     return root;
   }
 
@@ -112,27 +104,15 @@ public Parent createMenu() {
 
   public void setModel(StockModel model) {
     Bindings.bindContent(graphContainer.getChildren(), model.getGraphNodes());
+    stockPrice.valueProperty().bind(model.getStockPrice());
+    latestChange.valueProperty().bind(model.getLatestChange());
+    allTimeScore.valueProperty().bind(model.getAllTimeScore());
+    ownedAmount.valueProperty().bind(model.getOwnedAmount());
+    totalProfits.valueProperty().bind(model.getTotalProfits());
   }
 
   public void setController(StockController controller) {
-    title.setText(controller.getStock().getSymbol());
-    currentPrice.setText("Current price: " + controller.getStock().getSalesPrice() + " USD");
-    latestPercentChange
-        .setText("Latest price change: " + controller.getStock().getLatestPriceChange() + " USD "
-            + "(" + controller.getStock().getLatestPriceChangePercent() + "%)");
-    allTimeScore.setText("H/L All time: " + controller.getStock().getHighestPrice() + "/"
-        + controller.getStock().getLowestPrice() + " USD");
-    ownedAmount.setText("Owned amount: " +
-        UserSession.getInstance().getPlayer().getPortfolio().getOwnedAmount(
-            controller.getStock().getSymbol())
-        + " [" + controller.getStock().getSymbol() + "]");
-    ownedAmountValue.setText("Total profits: " +
-        UserSession.getInstance().getPlayer().getPortfolio().getProfitFromStock(
-            controller.getStock().getSymbol())
-        + " USD (" +
-        UserSession.getInstance().getPlayer().getPortfolio().getChangeFromStock(
-            controller.getStock().getSymbol())
-        + "%)");
+    title.setText(controller.getSymbol());
   }
 
 }

From 99fce05126d9e89e01b3410eb02b67abb132e401 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 18:14:40 +0200
Subject: [PATCH 23/26] feat(CssUtils): Add small details for simpler
 observable objects color manipulation.

---
 .../edu/ntnu/idi/idatt/view/util/CssUtils.java | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
index d7abd0d..4124de2 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
@@ -14,4 +14,22 @@ public static void apply(Parent parent, String cssClass) {
     parent.getStyleClass().add(cssClass);
   }
 
+  public static boolean applyColoredString(Parent parent, String parentString) {
+    int start = parentString.indexOf('|');
+    int end = parentString.indexOf('|', start + 1);
+
+    if (start == -1 || end == -1) {
+      return false;
+    }
+
+    String colorcode = parentString.substring(start + 1, end);
+    parent.getStyleClass().add(colorcode);
+
+    return true;
+  }
+
+  public static String generateColor(double value) {
+    return value >= 0 ? "|green|" : "|red|";
+  }
+
 }

From 732d0c44948df60f3f37aa8a818d8d86ba8b6afd Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 20:19:34 +0200
Subject: [PATCH 24/26] remove: Label coloring method.

---
 .../elements/TextValueComponent.java          | 27 ++++++++-----------
 .../ntnu/idi/idatt/view/util/CssUtils.java    | 18 ++-----------
 2 files changed, 13 insertions(+), 32 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java
index c29d1a3..dbc4c19 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/TextValueComponent.java
@@ -8,33 +8,28 @@
 public class TextValueComponent extends HBox {
 
   private final SimpleStringProperty value = new SimpleStringProperty();
+  private final SimpleStringProperty color = new SimpleStringProperty();
 
-  public TextValueComponent(String prefix, boolean color) {
+  public TextValueComponent(String prefix) {
     Label prefixLabel = new Label(prefix);
     Label valueLabel = new Label();
-
-    this.getChildren().addAll(prefixLabel, valueLabel);
+    valueLabel.textProperty().bind(value);
     CssUtils.apply(prefixLabel, CssUtils.MED_TEXT_16);
     CssUtils.apply(valueLabel, CssUtils.MED_TEXT_16);
 
-    if (!color) {
-      valueLabel.textProperty().bind(value);
-      return;
-    }
-
-    value.addListener((observable, oldVal, newVal) -> {
-      if (newVal == null) {
-        return;
-      }
-
-      if (CssUtils.applyColoredString(valueLabel, newVal)) {
-        valueLabel.setText(newVal.replaceAll("\\|.*?\\|", ""));
-      }
+    color.addListener((obs, oldVal, newVal) -> {
+      CssUtils.apply(valueLabel, newVal);
     });
+
+    this.getChildren().addAll(prefixLabel, valueLabel);
   }
 
   public SimpleStringProperty valueProperty() {
     return value;
   }
 
+  public SimpleStringProperty colorProperty() {
+    return color;
+  }
+
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
index 4124de2..f4b87db 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/util/CssUtils.java
@@ -14,22 +14,8 @@ public static void apply(Parent parent, String cssClass) {
     parent.getStyleClass().add(cssClass);
   }
 
-  public static boolean applyColoredString(Parent parent, String parentString) {
-    int start = parentString.indexOf('|');
-    int end = parentString.indexOf('|', start + 1);
-
-    if (start == -1 || end == -1) {
-      return false;
-    }
-
-    String colorcode = parentString.substring(start + 1, end);
-    parent.getStyleClass().add(colorcode);
-
-    return true;
-  }
-
-  public static String generateColor(double value) {
-    return value >= 0 ? "|green|" : "|red|";
+  public static String generateValueColors(double value) {
+    return value >= 0 ? GREEN : RED;
   }
 
 }

From 363251f3d4922d87729cd490f055a990538fa068 Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 20:19:50 +0200
Subject: [PATCH 25/26] enchancement: StockView color displaying

---
 .../view/primary/stock/StockController.java      |  7 ++++---
 .../idi/idatt/view/primary/stock/StockModel.java | 14 ++++++++++++++
 .../idi/idatt/view/primary/stock/StockView.java  | 16 +++++++++++-----
 3 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
index f938571..25974e9 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockController.java
@@ -66,9 +66,9 @@ public void setLatestChange() {
     double change = this.stock.getLatestPriceChange().doubleValue();
     double changePercent = this.stock.getLatestPriceChangePercent().doubleValue();
 
-    model.getLatestChange().set(CssUtils.generateColor(change) + change + " USD "
+    model.getLatestChange().set(change + " USD "
         + "(" + changePercent + "%)");
-
+    model.getLatestChangeColorProperty().set(CssUtils.generateValueColors(change));
   }
 
   public void setAllTimeScore() {
@@ -90,6 +90,7 @@ public void setTotalProfits() {
     double profitPercent = session.getPlayer().getPortfolio().getChangeFromStock(
         this.stock.getSymbol());
 
-    model.getTotalProfits().set(CssUtils.generateColor(profit) + profit + " USD (" + profitPercent + "%)");
+    model.getTotalProfits().set(profit + " USD (" + profitPercent + "%)");
+    model.getTotalProfitsColorProperty().set(CssUtils.generateValueColors(profit));
   }
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
index ec79e51..2fc471a 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockModel.java
@@ -10,10 +10,16 @@ public class StockModel implements Model {
 
   private final ObservableList<Node> graphNodes = FXCollections.observableArrayList();
   private final SimpleStringProperty stockPrice = new SimpleStringProperty();
+
   private final SimpleStringProperty latestChange = new SimpleStringProperty();
+  private final SimpleStringProperty latestChangeColorProperty = new SimpleStringProperty();
+
   private final SimpleStringProperty allTimeScore = new SimpleStringProperty();
+
   private final SimpleStringProperty ownedAmount = new SimpleStringProperty();
+
   private final SimpleStringProperty totalProfits = new SimpleStringProperty();
+  private final SimpleStringProperty totalProfitsColorProperty = new SimpleStringProperty();
 
   public ObservableList<Node> getGraphNodes() {
     return this.graphNodes;
@@ -27,6 +33,10 @@ public SimpleStringProperty getLatestChange() {
     return latestChange;
   }
 
+  public SimpleStringProperty getLatestChangeColorProperty() {
+    return latestChangeColorProperty;
+  }
+
   public SimpleStringProperty getAllTimeScore() {
     return allTimeScore;
   }
@@ -39,4 +49,8 @@ public SimpleStringProperty getTotalProfits() {
     return totalProfits;
   }
 
+  public SimpleStringProperty getTotalProfitsColorProperty() {
+    return totalProfitsColorProperty;
+  }
+
 }
diff --git a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
index 2c3819c..106af66 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/primary/stock/StockView.java
@@ -57,11 +57,11 @@ public Parent createContent() {
         .growWithAlignment(Pos.TOP_CENTER)
         .parentProperties((parent) -> parent.setPadding(new Insets(20.0)))
         .wrap(new VBox())
-        .addContent(stockPrice = new TextValueComponent("Current price: ", false))
-        .addContent(latestChange = new TextValueComponent("Latest Price Change: ", true))
-        .addContent(allTimeScore = new TextValueComponent("All time H/L: ", false))
-        .addContent(ownedAmount = new TextValueComponent("Owned amount: ", false))
-        .addContent(totalProfits = new TextValueComponent("Total profits: ", true))
+        .addContent(stockPrice = new TextValueComponent("Current price: "))
+        .addContent(latestChange = new TextValueComponent("Latest Price Change: "))
+        .addContent(allTimeScore = new TextValueComponent("All time H/L: "))
+        .addContent(ownedAmount = new TextValueComponent("Owned amount: "))
+        .addContent(totalProfits = new TextValueComponent("Total profits: "))
         .unwrap()
         .filler()
         .wrap(new HBox())
@@ -105,10 +105,16 @@ public Parent createMenu() {
   public void setModel(StockModel model) {
     Bindings.bindContent(graphContainer.getChildren(), model.getGraphNodes());
     stockPrice.valueProperty().bind(model.getStockPrice());
+
     latestChange.valueProperty().bind(model.getLatestChange());
+    latestChange.colorProperty().bind(model.getLatestChangeColorProperty());
+
     allTimeScore.valueProperty().bind(model.getAllTimeScore());
+
     ownedAmount.valueProperty().bind(model.getOwnedAmount());
+
     totalProfits.valueProperty().bind(model.getTotalProfits());
+    totalProfits.colorProperty().bind(model.getTotalProfitsColorProperty());
   }
 
   public void setController(StockController controller) {

From 8b44171f3532248c763b1da5fae5a54dea1bd7cc Mon Sep 17 00:00:00 2001
From: pawelsa <pawelsa@stud.ntnu.no>
Date: Tue, 12 May 2026 20:29:31 +0200
Subject: [PATCH 26/26] refactor(StockComponent): Utilize color displaying /w
 builder

---
 .../components/elements/StockComponent.java   | 27 +++++++------------
 1 file changed, 10 insertions(+), 17 deletions(-)

diff --git a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
index a175925..b87d333 100644
--- a/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
+++ b/src/main/java/edu/ntnu/idi/idatt/view/components/elements/StockComponent.java
@@ -34,37 +34,30 @@ public StockComponent(Stock stock) {
     Label changeValue = new Label(stock.getLatestPriceChange().toString() + "USD");
     Label changeValuePercent = new Label(
         String.valueOf(stock.getLatestPriceChangePercent()) + "%");
-    // TODO: Move to stocks? Over.
 
     List<Label> labels = List.of(latestText, latestValue, changeText, changeValue, changeValuePercent);
 
     CssUtils.apply(title, CssUtils.BIG_TEXT_32);
     labels.forEach(l -> CssUtils.apply(l, CssUtils.MED_TEXT_16));
 
-    if (stock.getLatestPriceChange().compareTo(BigDecimal.ZERO) < 0) {
-      CssUtils.apply(changeValue, CssUtils.RED);
-      CssUtils.apply(changeValuePercent, CssUtils.RED);
-    } else {
-      CssUtils.apply(changeValue, CssUtils.GREEN);
-      CssUtils.apply(changeValuePercent, CssUtils.GREEN);
-    }
-
-    VBox latestWrapper = new VBox();
-    latestWrapper.getChildren().addAll(latestText, latestValue);
-
-    VBox changeWrapper = new VBox();
-    changeWrapper.getChildren().addAll(changeText, changeValue, changeValuePercent);
+    String color = CssUtils.generateValueColors(stock.getLatestPriceChange().doubleValue());
+    CssUtils.apply(changeValue, color);
+    CssUtils.apply(changeValuePercent, color);
 
     UICompositor stockComponent = new UICompositor.Builder()
         .parent(new HBox())
-        .addContent(title)
         .growWithAlignment(Pos.CENTER)
+        .addContent(title)
         .filler()
         .filler()
         .filler()
-        .addContent(latestWrapper)
+        .wrap(new VBox())
+        .addAllContent(latestText, latestValue)
+        .unwrap()
         .filler()
-        .addContent(changeWrapper)
+        .wrap(new VBox())
+        .addAllContent(changeText, changeValue, changeValuePercent)
+        .unwrap()
         .build();
 
     this.getChildren().addAll(stockComponent.makeUI());