wifi fix

2 files changed, 54 insertions, 15 deletions

diff --git a/raveos-calamares-module/wifi/ui/Translations.qml b/raveos-calamares-module/wifi/ui/Translations.qml
index 32b7972..a07e8c8 100644
--- a/raveos-calamares-module/wifi/ui/Translations.qml
+++ b/raveos-calamares-module/wifi/ui/Translations.qml
@@ -59,6 +59,10 @@ QtObject {
     // Jelszó mező placeholder
     property string passwordPlaceholder: "Password"
 
+    // Jelszó megjelenítő/elrejtő gomb
+    property string showPassword: "Show"
+    property string hidePassword: "Hide"
+
     // =========================================
     // ÁLLAPOT ÜZENETEK
     // =========================================
@@ -112,6 +116,8 @@ QtObject {
             connect = "Csatlakozás"
             ssidPlaceholder = "Hálózat neve (SSID)"
             passwordPlaceholder = "Jelszó"
+            showPassword = "Mutat"
+            hidePassword = "Elrejt"
             connected = "Sikeresen csatlakozva!"
             connecting = "Csatlakozás..."
             noNetworks = "Nem található hálózat.\nKattints a Frissítés gombra."
@@ -131,6 +137,8 @@ QtObject {
             connect = "Connect"
             ssidPlaceholder = "Network name (SSID)"
             passwordPlaceholder = "Password"
+            showPassword = "Show"
+            hidePassword = "Hide"
             connected = "Successfully connected!"
             connecting = "Connecting..."
             noNetworks = "No networks found.\nClick Refresh to scan."
diff --git a/raveos-calamares-module/wifi/ui/wifi.qml b/raveos-calamares-module/wifi/ui/wifi.qml
index 2bb6cf6..aee3ddc 100644
--- a/raveos-calamares-module/wifi/ui/wifi.qml
+++ b/raveos-calamares-module/wifi/ui/wifi.qml
@@ -10,6 +10,7 @@ Rectangle {
     property string selectedSsid: ""
     property bool showHiddenNetwork: false
     property bool isConnecting: false
+    property bool showPassword: false
 
     // Function to update language - called from C++
     function updateLanguage() {
@@ -284,23 +285,53 @@ Rectangle {
             }
         }
 
-        // Password field
-        TextField {
-            id: passField
+        // Password field with show/hide toggle
+        Item {
             Layout.fillWidth: true
-            placeholderText: WifiModule.Translations.passwordPlaceholder
-            echoMode: TextInput.Password
-            color: WifiModule.Style.textColor
-            placeholderTextColor: WifiModule.Style.inputPlaceholderColor
-            font.pixelSize: WifiModule.Style.fontSizeNormal
-            enabled: selectedSsid !== "" || showHiddenNetwork
-            opacity: 1
+            Layout.preferredHeight: WifiModule.Style.inputHeight
 
-            background: Rectangle {
-                color: passField.enabled ? WifiModule.Style.inputBackgroundColor : WifiModule.Style.inputDisabledColor
-                radius: WifiModule.Style.borderRadius
-                border.color: passField.focus ? WifiModule.Style.inputFocusBorderColor : WifiModule.Style.inputBorderColor
-                border.width: 1
+            TextField {
+                id: passField
+                anchors.fill: parent
+                rightPadding: showPasswordButton.width + 16
+                placeholderText: WifiModule.Translations.passwordPlaceholder
+                echoMode: showPassword ? TextInput.Normal : TextInput.Password
+                color: WifiModule.Style.textColor
+                placeholderTextColor: WifiModule.Style.inputPlaceholderColor
+                font.pixelSize: WifiModule.Style.fontSizeNormal
+                enabled: selectedSsid !== "" || showHiddenNetwork
+                opacity: 1
+
+                background: Rectangle {
+                    color: passField.enabled ? WifiModule.Style.inputBackgroundColor : WifiModule.Style.inputDisabledColor
+                    radius: WifiModule.Style.borderRadius
+                    border.color: passField.focus ? WifiModule.Style.inputFocusBorderColor : WifiModule.Style.inputBorderColor
+                    border.width: 1
+                }
+            }
+
+            Button {
+                id: showPasswordButton
+                anchors.right: parent.right
+                anchors.rightMargin: 8
+                anchors.verticalCenter: parent.verticalCenter
+                height: 32
+                text: showPassword ? WifiModule.Translations.hidePassword : WifiModule.Translations.showPassword
+                enabled: passField.enabled
+                onClicked: showPassword = !showPassword
+
+                background: Rectangle {
+                    color: parent.hovered ? WifiModule.Style.buttonSecondaryHoverColor : WifiModule.Style.buttonSecondaryColor
+                    radius: 4
+                }
+
+                contentItem: Label {
+                    text: parent.text
+                    color: parent.enabled ? WifiModule.Style.textColor : WifiModule.Style.textDisabledColor
+                    font.pixelSize: WifiModule.Style.fontSizeSmall
+                    horizontalAlignment: Text.AlignHCenter
+                    verticalAlignment: Text.AlignVCenter
+                }
             }
         }