From bb1317f7dd89e78b06f1e2ef2080840286447c0b Mon Sep 17 00:00:00 2001
From: Asal Lotfi <asal.army.233@gmail.com>
Date: Wed, 13 Aug 2025 11:03:35 +0330
Subject: [PATCH] Working on My Profile UI.

---
 .../UI/IntroController.java                   |  5 +--
 .../UI/MyProfileController.java               | 30 ++++++++++++++
 .../UI/TelegramApplication.java               |  2 +-
 .../telegramfinalproject/CSS/my_profile.css   | 26 ++++++++++++
 .../{ => Fxml}/Intro.fxml                     |  0
 .../{ => Fxml}/hello-view.fxml                |  0
 .../{ => Fxml}/login_view.fxml                |  0
 .../telegramfinalproject/Fxml/my_profile.fxml | 40 +++++++++++++++++++
 .../{ => Fxml}/register_view.fxml             |  0
 .../{ => Fxml}/sidebar_menu.fxml              |  0
 10 files changed, 98 insertions(+), 5 deletions(-)
 create mode 100644 src/main/java/org/to/telegramfinalproject/UI/MyProfileController.java
 create mode 100644 src/main/resources/org/to/telegramfinalproject/CSS/my_profile.css
 rename src/main/resources/org/to/telegramfinalproject/{ => Fxml}/Intro.fxml (100%)
 rename src/main/resources/org/to/telegramfinalproject/{ => Fxml}/hello-view.fxml (100%)
 rename src/main/resources/org/to/telegramfinalproject/{ => Fxml}/login_view.fxml (100%)
 create mode 100644 src/main/resources/org/to/telegramfinalproject/Fxml/my_profile.fxml
 rename src/main/resources/org/to/telegramfinalproject/{ => Fxml}/register_view.fxml (100%)
 rename src/main/resources/org/to/telegramfinalproject/{ => Fxml}/sidebar_menu.fxml (100%)

diff --git a/src/main/java/org/to/telegramfinalproject/UI/IntroController.java b/src/main/java/org/to/telegramfinalproject/UI/IntroController.java
index 5cd5306..25a5c93 100644
--- a/src/main/java/org/to/telegramfinalproject/UI/IntroController.java
+++ b/src/main/java/org/to/telegramfinalproject/UI/IntroController.java
@@ -1,6 +1,5 @@
 package org.to.telegramfinalproject.UI;
 
-import javafx.animation.TranslateTransition;
 import javafx.event.ActionEvent;
 import javafx.fxml.FXML;
 import javafx.fxml.FXMLLoader;
@@ -10,12 +9,10 @@ import javafx.scene.image.Image;
 import javafx.scene.image.ImageView;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.StackPane;
-import javafx.util.Duration;
 import javafx.scene.shape.Circle;
 import javafx.scene.paint.Color;
 import javafx.scene.Node;
 import javafx.scene.Scene;
-import javafx.scene.layout.VBox;
 import javafx.stage.Stage;
 
 import java.io.IOException;
@@ -125,7 +122,7 @@ public class IntroController {
     @FXML
     private void handleStartMessaging(ActionEvent event) {
         try {
-            FXMLLoader loader = new FXMLLoader(getClass().getResource("/org/to/telegramfinalproject/login_view.fxml"));
+            FXMLLoader loader = new FXMLLoader(getClass().getResource("/org/to/telegramfinalproject/Fxml/login_view.fxml"));
             Scene loginScene = new Scene(loader.load());
 
             // Get the current stage and its dimensions
diff --git a/src/main/java/org/to/telegramfinalproject/UI/MyProfileController.java b/src/main/java/org/to/telegramfinalproject/UI/MyProfileController.java
new file mode 100644
index 0000000..02f870f
--- /dev/null
+++ b/src/main/java/org/to/telegramfinalproject/UI/MyProfileController.java
@@ -0,0 +1,30 @@
+package org.to.telegramfinalproject.UI;
+
+import javafx.fxml.FXML;
+import javafx.scene.control.Label;
+import javafx.scene.image.Image;
+import javafx.scene.image.ImageView;
+import org.to.telegramfinalproject.Models.User;
+
+public class MyProfileController {
+
+    @FXML private ImageView profileImage;
+    @FXML private Label displayName;
+    @FXML private Label status;
+    @FXML private Label bio;
+    @FXML private Label userId;
+
+
+//    public void initialize() {
+//        // Load data from your logged-in user object
+//        // Example:
+//        displayName.setText(CurrentUser.getName());
+//        status.setText(CurrentUser.isOnline() ? "online" : "offline");
+//        bio.setText(CurrentUser.getBio());
+//        userId.setText(CurrentUser.getUserId());
+//
+//        if (CurrentUser.getProfileImagePath() != null) {
+//            profileImage.setImage(new Image(CurrentUser.getProfileImagePath()));
+//        }
+//    }
+}
\ No newline at end of file
diff --git a/src/main/java/org/to/telegramfinalproject/UI/TelegramApplication.java b/src/main/java/org/to/telegramfinalproject/UI/TelegramApplication.java
index 1adeb51..204683a 100644
--- a/src/main/java/org/to/telegramfinalproject/UI/TelegramApplication.java
+++ b/src/main/java/org/to/telegramfinalproject/UI/TelegramApplication.java
@@ -11,7 +11,7 @@ import java.io.IOException;
 public class TelegramApplication extends Application {
     @Override
     public void start(Stage stage) throws IOException {
-        FXMLLoader fxmlLoader = new FXMLLoader(TelegramApplication.class.getResource("/org/to/telegramfinalproject/sidebar_menu.fxml"));
+        FXMLLoader fxmlLoader = new FXMLLoader(TelegramApplication.class.getResource("/org/to/telegramfinalproject/Fxml/sidebar_menu.fxml"));
         Scene scene = new Scene(fxmlLoader.load(), 1480, 820);
 
         scene.getStylesheets().add(getClass().getResource("/org/to/telegramfinalproject/CSS/light_theme.css").toExternalForm());
diff --git a/src/main/resources/org/to/telegramfinalproject/CSS/my_profile.css b/src/main/resources/org/to/telegramfinalproject/CSS/my_profile.css
new file mode 100644
index 0000000..5dcdfac
--- /dev/null
+++ b/src/main/resources/org/to/telegramfinalproject/CSS/my_profile.css
@@ -0,0 +1,26 @@
+.my-profile-root {
+    -fx-background-color: white;
+}
+
+.profile-image {
+    -fx-clip-radius: 40; /* Rounded image */
+}
+
+.profile-name {
+    -fx-font-size: 18px;
+    -fx-font-weight: bold;
+}
+
+.profile-status {
+    -fx-text-fill: green;
+    -fx-font-size: 14px;
+}
+
+.field-label {
+    -fx-font-weight: bold;
+    -fx-text-fill: #333;
+}
+
+.field-value {
+    -fx-text-fill: #555;
+}
\ No newline at end of file
diff --git a/src/main/resources/org/to/telegramfinalproject/Intro.fxml b/src/main/resources/org/to/telegramfinalproject/Fxml/Intro.fxml
similarity index 100%
rename from src/main/resources/org/to/telegramfinalproject/Intro.fxml
rename to src/main/resources/org/to/telegramfinalproject/Fxml/Intro.fxml
diff --git a/src/main/resources/org/to/telegramfinalproject/hello-view.fxml b/src/main/resources/org/to/telegramfinalproject/Fxml/hello-view.fxml
similarity index 100%
rename from src/main/resources/org/to/telegramfinalproject/hello-view.fxml
rename to src/main/resources/org/to/telegramfinalproject/Fxml/hello-view.fxml
diff --git a/src/main/resources/org/to/telegramfinalproject/login_view.fxml b/src/main/resources/org/to/telegramfinalproject/Fxml/login_view.fxml
similarity index 100%
rename from src/main/resources/org/to/telegramfinalproject/login_view.fxml
rename to src/main/resources/org/to/telegramfinalproject/Fxml/login_view.fxml
diff --git a/src/main/resources/org/to/telegramfinalproject/Fxml/my_profile.fxml b/src/main/resources/org/to/telegramfinalproject/Fxml/my_profile.fxml
new file mode 100644
index 0000000..29d6b39
--- /dev/null
+++ b/src/main/resources/org/to/telegramfinalproject/Fxml/my_profile.fxml
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.*?>
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.*?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.text.Text?>
+
+<AnchorPane xmlns:fx="http://javafx.com/fxml" fx:controller="org.to.telegramfinalproject.UI.MyProfileController"
+            prefWidth="400" prefHeight="600"
+            styleClass="my-profile-root">
+
+    <VBox spacing="15" padding="20">
+
+        <!-- Top Bar -->
+        <HBox alignment="CENTER_LEFT" spacing="10">
+            <ImageView fx:id="profileImage" fitHeight="80" fitWidth="80"
+                       styleClass="profile-image"/>
+            <VBox>
+                <Label fx:id="displayName" text="Display Name" styleClass="profile-name"/>
+                <Label fx:id="status" text="online" styleClass="profile-status"/>
+            </VBox>
+        </HBox>
+
+        <Separator/>
+
+        <!-- Bio -->
+        <HBox spacing="10" alignment="CENTER_LEFT">
+            <Label text="Bio:" styleClass="field-label"/>
+            <Label fx:id="bio" text="This is the bio..." wrapText="true" styleClass="field-value"/>
+        </HBox>
+
+        <!-- User ID -->
+        <HBox spacing="10" alignment="CENTER_LEFT">
+            <Label text="User ID:" styleClass="field-label"/>
+            <Label fx:id="userId" text="@user_id" styleClass="field-value"/>
+        </HBox>
+
+    </VBox>
+</AnchorPane>
diff --git a/src/main/resources/org/to/telegramfinalproject/register_view.fxml b/src/main/resources/org/to/telegramfinalproject/Fxml/register_view.fxml
similarity index 100%
rename from src/main/resources/org/to/telegramfinalproject/register_view.fxml
rename to src/main/resources/org/to/telegramfinalproject/Fxml/register_view.fxml
diff --git a/src/main/resources/org/to/telegramfinalproject/sidebar_menu.fxml b/src/main/resources/org/to/telegramfinalproject/Fxml/sidebar_menu.fxml
similarity index 100%
rename from src/main/resources/org/to/telegramfinalproject/sidebar_menu.fxml
rename to src/main/resources/org/to/telegramfinalproject/Fxml/sidebar_menu.fxml