From 26fdcbea638b49cf878b58f6d94056dac4115241 Mon Sep 17 00:00:00 2001
From: Nate Graham <nate@kde.org>
Date: Sat, 11 Jul 2020 14:07:12 -0600
Subject: [PATCH] [PlasmaComponents3] Add missing features to TextField

The PC3 version was missing the clear button and show password button,
which the PC2 version has. This should allow us to port more things to
use the PC3 version.
---
 .../plasmacomponents3/TextField.qml           | 70 +++++++++++++++++++
 1 file changed, 70 insertions(+)

diff --git a/src/declarativeimports/plasmacomponents3/TextField.qml b/src/declarativeimports/plasmacomponents3/TextField.qml
index dd08228aa..cbc64dc9f 100644
--- a/src/declarativeimports/plasmacomponents3/TextField.qml
+++ b/src/declarativeimports/plasmacomponents3/TextField.qml
@@ -29,6 +29,24 @@ import "mobiletextselection" as MobileTextSelection
 T.TextField {
     id: control
 
+    /**
+     * Whether the button to clear the text from TextField is visible.
+     * @since 5.73
+     */
+    property bool clearButtonShown: false
+
+    /**
+     * Whether to show a button that allows the user to reveal the password in
+     * plain text. This only makes sense if the echoMode is set to Password.
+     * @since 5.73
+     */
+    property bool revealPasswordButtonShown: false
+
+    // this takes into account kiosk restriction
+    readonly property bool __effectiveRevealPasswordButtonShown: revealPasswordButtonShown
+                                                              && KAuthorized.authorize("lineedit_reveal_password")
+                                                              && (echoMode == TextInput.Normal || textField.length > 0)
+
     implicitWidth: Math.max(units.gridUnit * 8,
                             placeholderText ? placeholder.implicitWidth + leftPadding + rightPadding : 0)
                             || contentWidth + leftPadding + rightPadding
@@ -99,6 +117,58 @@ T.TextField {
         elide: Text.ElideRight
     }
 
+    Row {
+        anchors.right: control.right
+        anchors.rightMargin: control.rightPadding
+        anchors.verticalCenter: control.verticalCenter
+
+        PlasmaCore.IconItem {
+            id: showPasswordButton
+            source: __effectiveRevealPasswordButtonShown ? (control.echoMode === TextInput.Normal ? "visibility": "hint") : ""
+            height: Math.max(control.height * 0.8, units.iconSizes.small)
+            width: height
+            opacity: (__effectiveRevealPasswordButtonShown && control.enabled) ? 1 : 0
+            visible: opacity > 0
+            Behavior on opacity {
+                NumberAnimation {
+                    duration: units.longDuration
+                    easing.type: Easing.InOutQuad
+                }
+            }
+            MouseArea {
+                anchors.fill: parent
+                enabled: __effectiveRevealPasswordButtonShown
+                onClicked: {
+                    control.echoMode = (control.echoMode == TextInput.Normal ? TextInput.Password : TextInput.Normal)
+                    control.forceActiveFocus()
+                }
+            }
+        }
+
+        PlasmaCore.IconItem {
+            id: clearButton
+            //ltr confusingly refers to the direction of the arrow in the icon, not the text direction which it should be used in
+            source: clearButtonShown ? (LayoutMirroring.enabled ? "edit-clear-locationbar-ltr" : "edit-clear-locationbar-rtl") : ""
+            height: Math.max(control.height * 0.8, units.iconSizes.small)
+            width: height
+            opacity: (control.length > 0 && clearButtonShown && control.enabled) ? 1 : 0
+            visible: opacity > 0
+            Behavior on opacity {
+                NumberAnimation {
+                    duration: units.longDuration
+                    easing.type: Easing.InOutQuad
+                }
+            }
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    control.text = ""
+                    control.forceActiveFocus()
+                }
+            }
+        }
+    }
+
     background: Item {
         implicitHeight: Math.max(Math.floor(metrics.height * 1.6) + Math.floor(metrics.height * 1.6) % 2,
                                  metrics.height + base.margins.top + base.margins.bottom)