diff --git a/src/main/java/org/to/telegramfinalproject/UI/SidebarMenuController.java b/src/main/java/org/to/telegramfinalproject/UI/SidebarMenuController.java
new file mode 100644
index 0000000..9a6915d
--- /dev/null
+++ b/src/main/java/org/to/telegramfinalproject/UI/SidebarMenuController.java
@@ -0,0 +1,31 @@
+package org.to.telegramfinalproject.UI;
+
+import javafx.fxml.FXML;
+import javafx.scene.control.*;
+import javafx.scene.image.Image;
+import javafx.scene.image.ImageView;
+
+public class SidebarMenuController {
+ @FXML private ImageView profileImage;
+ @FXML private Label usernameLabel;
+
+ @FXML private Button myProfileButton;
+ @FXML private Button newGroupButton;
+ @FXML private Button newChannelButton;
+ @FXML private Button contactsButton;
+ @FXML private Button savedMessagesButton;
+ @FXML private Button settingsButton;
+ @FXML private Button telegramFeaturesButton;
+ @FXML private Button telegramQnAButton;
+
+ @FXML private ToggleButton nightModeToggle;
+
+ @FXML
+ public void initialize() {
+ Image image = new Image(getClass().getResource("/org/to/telegramfinalproject/Images/profile.png").toExternalForm());
+ profileImage.setImage(image);
+
+ // Called automatically after FXML is loaded
+ usernameLabel.setText("Asal");
+ }
+}
diff --git a/src/main/java/org/to/telegramfinalproject/UI/TelegramApplication.java b/src/main/java/org/to/telegramfinalproject/UI/TelegramApplication.java
index 1fdfd1f..596c359 100644
--- a/src/main/java/org/to/telegramfinalproject/UI/TelegramApplication.java
+++ b/src/main/java/org/to/telegramfinalproject/UI/TelegramApplication.java
@@ -14,6 +14,9 @@ public class TelegramApplication extends Application {
public void start(Stage stage) throws IOException {
FXMLLoader fxmlLoader = new FXMLLoader(TelegramApplication.class.getResource("/org/to/telegramfinalproject/sidebar_menu.fxml"));
Scene scene = new Scene(fxmlLoader.load(), 1480, 820);
+
+ scene.getStylesheets().add(getClass().getResource("/org/to/telegramfinalproject/CSS/sidebar_menu.css").toExternalForm());
+
stage.setTitle("Telegram");
stage.setScene(scene);
stage.show();
diff --git a/src/main/resources/org/to/telegramfinalproject/CSS/sidebar_menu.css b/src/main/resources/org/to/telegramfinalproject/CSS/sidebar_menu.css
index b47abda..061edd5 100644
--- a/src/main/resources/org/to/telegramfinalproject/CSS/sidebar_menu.css
+++ b/src/main/resources/org/to/telegramfinalproject/CSS/sidebar_menu.css
@@ -1,11 +1,14 @@
-.menu-button {
+.sidebar-btn {
-fx-background-color: transparent;
-fx-text-fill: white;
- -fx-font-size: 13px;
+ -fx-font-size: 14px;
+ -fx-pref-width: 230;
-fx-alignment: CENTER_LEFT;
- -fx-padding: 6 10 6 10;
+ -fx-padding: 8 0 8 16;
}
-.menu-button:hover {
- -fx-background-color: #2c3e50;
+.sidebar-btn:hover {
+ -fx-background-color: #2f3e50;
+ -fx-cursor: hand;
+ -fx-text-fill: white;
}
\ No newline at end of file
diff --git a/src/main/resources/org/to/telegramfinalproject/Images/profile.png b/src/main/resources/org/to/telegramfinalproject/Images/profile.png
new file mode 100644
index 0000000..6aa1089
Binary files /dev/null and b/src/main/resources/org/to/telegramfinalproject/Images/profile.png differ
diff --git a/src/main/resources/org/to/telegramfinalproject/sidebar_menu.fxml b/src/main/resources/org/to/telegramfinalproject/sidebar_menu.fxml
index 3286e6f..2065f58 100644
--- a/src/main/resources/org/to/telegramfinalproject/sidebar_menu.fxml
+++ b/src/main/resources/org/to/telegramfinalproject/sidebar_menu.fxml
@@ -4,47 +4,45 @@
+
-
-
+
-
-
-
-
-
-
-
-
-
-
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file