Change Credentials UI implemented.

2025-09-04 15:26:43 +03:30
parent fcd8b1b6c0
commit 9fbdf460e8
5 changed files with 284 additions and 4 deletions
@@ -1067,4 +1067,15 @@

 .blocked-list .list-cell:hover {
    -fx-background-color: #2a3a4a;
-}
+}
+
+/* Error label */
+.label.error-label {
+    -fx-text-fill: red;
+}
+
+/* Error input */
+.error-input {
+    -fx-border-color: red;
+    -fx-border-radius: 6;
+}
@@ -1060,3 +1060,13 @@
    -fx-background-radius: 4;        /* soft rounded edges */
 }

+/* Error label */
+.label.error-label {
+    -fx-text-fill: red;
+}
+
+/* Error input */
+.error-input {
+    -fx-border-color: red;
+    -fx-border-radius: 6;
+}
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.layout.*?>
+<?import javafx.scene.control.*?>
+
+<StackPane xmlns:fx="http://javafx.com/fxml"
+           fx:controller="org.to.telegramfinalproject.UI.ChangeCredentialsController"
+           styleClass="overlay-root">
+
+    <!-- Dimmed background -->
+    <Pane fx:id="overlayBackground" styleClass="overlay-background"/>
+
+    <!-- Main card -->
+    <VBox fx:id="credentialsCard"
+          styleClass="privacy-card"
+          spacing="16"
+          alignment="TOP_CENTER"
+          prefWidth="380" maxWidth="380"
+          prefHeight="280" maxHeight="280">
+
+        <!-- ===== Header ===== -->
+        <HBox alignment="CENTER_LEFT" spacing="10" styleClass="privacy-header">
+            <Label text="Change Credentials" styleClass="privacy-title"/>
+            <Pane HBox.hgrow="ALWAYS"/>
+            <Button fx:id="closeButton" styleClass="icon-button" text="✕"/>
+        </HBox>
+
+        <Separator/>
+
+        <!-- ===== Form ===== -->
+        <VBox spacing="10" alignment="CENTER_LEFT" styleClass="privacy-form">
+
+            <!-- New Username -->
+            <Label fx:id="usernameLabel" text="New Username" styleClass="password-label"/>
+            <TextField fx:id="usernameField"
+                       promptText="Enter new username"
+                       styleClass="privacy-input"/>
+
+            <!-- New Password -->
+            <Label fx:id="passwordLabel" text="New Password" styleClass="password-label"/>
+
+            <HBox alignment="CENTER_LEFT" spacing="4" styleClass="privacy-item">
+                <PasswordField fx:id="passwordField"
+                               promptText="Enter new password"
+                               styleClass="privacy-input"
+                               HBox.hgrow="ALWAYS"/>
+                <TextField fx:id="visiblePasswordField"
+                           promptText="Enter new password"
+                           styleClass="privacy-input"
+                           visible="false" managed="false"
+                           HBox.hgrow="ALWAYS"/>
+                <Button fx:id="togglePasswordBtn"
+                        text="👁"
+                        styleClass="toggle-visibility-btn"/>
+            </HBox>
+
+            <!-- Confirm Password -->
+            <Label fx:id="confirmPasswordLabel" text="Confirm Password" styleClass="password-label"/>
+
+            <HBox alignment="CENTER_LEFT" spacing="4" styleClass="privacy-item">
+                <PasswordField fx:id="confirmPasswordField"
+                               promptText="Re-enter new password"
+                               styleClass="privacy-input"
+                               HBox.hgrow="ALWAYS"/>
+                <TextField fx:id="visibleConfirmPasswordField"
+                           promptText="Re-enter new password"
+                           styleClass="privacy-input"
+                           visible="false" managed="false"
+                           HBox.hgrow="ALWAYS"/>
+                <Button fx:id="toggleConfirmBtn"
+                        text="👁"
+                        styleClass="toggle-visibility-btn"/>
+            </HBox>
+        </VBox>
+
+        <!-- ===== Footer ===== -->
+        <HBox alignment="CENTER_RIGHT" spacing="12">
+            <Button fx:id="cancelButton" text="Cancel" styleClass="footer-button"/>
+            <Button fx:id="saveButton" text="Save" styleClass="action-button"/>
+        </HBox>
+    </VBox>
+</StackPane>