Remove blur, hide clock when keypad is shown, add enter pin labels

This commit is contained in:
Devin Lin 2020-07-12 10:57:37 -04:00 committed by Bhushan Shah
parent b86bfa645e
commit 92c079fbb6

View file

@ -38,13 +38,6 @@ PlasmaCore.ColorScope {
source: wallpaper source: wallpaper
brightness: -(passwordFlickable.contentY / passwordFlickable.columnHeight * 0.6) brightness: -(passwordFlickable.contentY / passwordFlickable.columnHeight * 0.6)
} }
FastBlur {
anchors.fill: parent
cached: true
source: darken
radius: passwordFlickable.contentY / passwordFlickable.columnHeight * 32
}
DropShadow { DropShadow {
id: clockShadow id: clockShadow
@ -56,12 +49,9 @@ PlasmaCore.ColorScope {
samples: 14 samples: 14
spread: 0.3 spread: 0.3
color: PlasmaCore.ColorScope.backgroundColor color: PlasmaCore.ColorScope.backgroundColor
Behavior on opacity {
OpacityAnimator { // hide when keypad is shown
duration: 1000 opacity: 1 - (passwordFlickable.contentY / passwordFlickable.columnHeight)
easing.type: Easing.InOutQuad
}
}
} }
Clock { Clock {
@ -75,6 +65,17 @@ PlasmaCore.ColorScope {
anchors.top: parent.top anchors.top: parent.top
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
opacity: 1 - (passwordFlickable.contentY / passwordFlickable.columnHeight)
}
PlasmaCore.IconItem {
anchors.bottom: parent.bottom
anchors.bottomMargin: units.gridUnit
anchors.horizontalCenter: parent.horizontalCenter
opacity: 1 - (passwordFlickable.contentY / passwordFlickable.columnHeight)
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
source: "arrow-up"
} }
Flickable { Flickable {
@ -113,15 +114,23 @@ PlasmaCore.ColorScope {
spacing: units.gridUnit * 2 spacing: units.gridUnit * 2
opacity: Math.sin((Math.PI / 2) * (passwordFlickable.contentY / passwordFlickable.columnHeight) + 1.5 * Math.PI) + 1 opacity: Math.sin((Math.PI / 2) * (passwordFlickable.contentY / passwordFlickable.columnHeight) + 1.5 * Math.PI) + 1
PlasmaComponents.Label {
Layout.alignment: Qt.AlignHCenter
text: qsTr("Enter PIN")
font.pointSize: 12
}
Row { Row {
id: dotDisplay id: dotDisplay
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
spacing: 6 spacing: 6
Layout.minimumHeight: units.gridUnit
Repeater { Repeater {
model: root.password.length model: root.password.length
delegate: Rectangle { delegate: Rectangle {
width: units.gridUnit * 2 width: units.gridUnit
height: width height: width
radius: width radius: width
color: Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, 0.6) color: Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, 0.6)
@ -136,7 +145,7 @@ PlasmaCore.ColorScope {
Layout.fillWidth: true Layout.fillWidth: true
Layout.minimumHeight: units.gridUnit * 16 Layout.minimumHeight: units.gridUnit * 16
Layout.maximumWidth: root.width Layout.maximumWidth: root.width
Layout.bottomMargin: units.gridUnit Layout.bottomMargin: units.gridUnit * 2
Layout.leftMargin: units.gridUnit * 2 Layout.leftMargin: units.gridUnit * 2
Layout.rightMargin: units.gridUnit * 2 Layout.rightMargin: units.gridUnit * 2
rowSpacing: units.gridUnit rowSpacing: units.gridUnit
@ -176,7 +185,7 @@ PlasmaCore.ColorScope {
visible: modelData !== "R" && modelData !== "E" visible: modelData !== "R" && modelData !== "E"
text: modelData text: modelData
anchors.centerIn: parent anchors.centerIn: parent
font.pointSize: 20 font.pointSize: 16
} }
PlasmaCore.IconItem { PlasmaCore.IconItem {