alecs/plasma-framework
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[PlasmaComponents3] Add missing features to TextField

Browse Source 
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.
This commit is contained in:
Nate Graham 2020-07-11 14:07:12 -06:00
parent 12dd2589f6
commit 26fdcbea63
1 changed files with 70 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/declarativeimports/plasmacomponents3/TextField.qml
View File

@ -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)