Skip to content

G
glacier-home
Commit 6ebe08f1 authored by m2ko's avatar m2ko Committed by eekkelund
Browse files
Options

Add most animations and lockscreen functions

parent ab5bb3aa
Hide whitespace changes
Inline Side-by-side
Showing with 83 additions and 156 deletions
src/qml/DeviceLockUI.qml
View file @ 6ebe08f1
......@@ -13,49 +13,9 @@ import "scripts/desktop.js" as Desktop
Item {
id: root
property bool shouldAuthenticate: Lipstick.compositor.visible //&& asd.availableMethods !== 0
property bool shouldAuthenticate: Lipstick.compositor.visible
property int remainingAttempts
property AuthenticationInput authenticationInput
signal codeEntered(string code)
onShouldAuthenticateChanged: {
if (shouldAuthenticate) {
console.log("Requesting security code "+JSON.stringify(authenticationInput))//+ authenticationInput.status)
//authenticationInput.requestSecurityCode()
//DeviceLock.authorization.requestChallenge()
} else {
//authenticator.cancel()
//DeviceLock.authorization.relinquishChallenge()
}
}
/*Component.onCompleted: {
console.log("Requesting security code "+ authenticationInput.Status)
authenticationInput.requestSecurityCode()
}*/
/*Connections {
target: DeviceLock.authorization
onChallengeIssued: {
authenticator.authenticate(
DeviceLock.authorization.challengeCode,
DeviceLock.authorization.allowedMethods)
}
}*/
/*authenticationInput.onAuthenticationUnavailable: {
console.log("Authentication unavailable: "+error)
}
authenticationInput.onFeedback: {
console.log("Feedback: "+feedback)
}
authenticationInput.onAuthenticationStarted: {
console.log("Authentication started")
}
authenticationInput.onAuthenticationEnded: {
console.log("Ended "+confirmed)
}*/
ColumnLayout {
anchors.fill: parent
......@@ -70,14 +30,23 @@ Item {
}
NumberAnimation { target: codePad; property: "anchors.horizontalCenterOffset"; to: 0; duration: 100 }
}
Label {
font.pixelSize: Theme.fontSizeMedium
width: parent.width
text: remainingAttempts > 0 ? qsTr("Attempts remaining:") + " " + remainingAttempts : ""
Row {
anchors.horizontalCenter: parent.horizontalCenter
width: parent.width
Label {
id: feedbackLabel
font.pixelSize: Theme.fontSizeMedium
text: " "
}
Label {
id: attemptsRemainingLabel
font.pixelSize: Theme.fontSizeMedium
text: " "
}
}
TextField {
id: lockCodeField
anchors.topMargin: Theme.itemSpacingMedium
anchors.horizontalCenter: parent.horizontalCenter
readOnly: true
echoMode: TextInput.PasswordEchoOnEdit
......@@ -107,16 +76,14 @@ Item {
color: "white"
}
onClicked: {
displayOffTimer.restart()
feedbackLabel.text = " "
attemptsRemainingLabel.text = " "
if (numLabel.text !== "Ca" && numLabel.text !== "OK") {
//console.log(authenticationInput.Status)
lockCodeField.insert(lockCodeField.cursorPosition, numLabel.text)
authenticationInput.requestSecurityCode()
} else {
if (numLabel.text === "OK") {
console.log("DeviceLockUI: "+JSON.stringify(authenticationInput))
//auth.authenticate(Authorization.challengeCode, auth.availableMethods)
authenticationInput.enterSecurityCode(lockCodeField.text)
//codeEntered(lockCodeField.text)
lockCodeField.text = ""
} else if (numLabel.text === "Ca"){
lockCodeField.text = ""
......@@ -128,17 +95,34 @@ Item {
}
}
function displayFeedback(feedback, data) {
console.log("DisplayFeedBack "+feedback+" "+data)
switch(feedback) {
case AuthenticationInput.EnterSecurityCode:
feedbackLabel.text = qsTr("Enter security code")
break
case AuthenticationInput.IncorrectSecurityCode:
feedbackLabel.text = qsTr("Incorrect code")
if(authenticationInput.maximumAttempts !== -1) {
attemptsRemainingLabel.text = qsTr("("+(authenticationInput.maximumAttempts-data.attemptsRemaining)+
"/"+authenticationInput.maximumAttempts+")")
}
animation.start()
break
case AuthenticationInput.TemporarilyLocked:
feedbackLabel.text = qsTr("Temporarily locked")
}
}
function displayError(error) {
console.log("displayError "+error)
}
Connections {
target: root.authenticationInput
target: root.authenticationInput
onFeedback: root.displayFeedback(feedback, data)
onError: root.displayError(error)
}
onFeedback: root.displayFeedback(feedback, data)
onError: root.displayError(error)
}
}
src/qml/Lockscreen.qml
View file @ 6ebe08f1
......@@ -44,7 +44,7 @@ Image {
startX = mouseX;
}
onMouseXChanged: {
// Checks which swipe
// Checks which was it left or right swipe
if(mouseX > (startX+threshold)) {
gesture = "right"
gestureStarted = true;
......@@ -76,8 +76,9 @@ Image {
}
}
// Animation to sna codepad into view or out of view
// Animation to snap codepad into view or out of view
onReleased: {
displayOffTimer.restart()
if(codePad.inView) {
if(gesture == "right") {
if(swipeDistance > threshold) {
......@@ -133,6 +134,25 @@ Image {
easing.type: Easing.OutQuint
}
}
SequentialAnimation {
id: unlockAnimation
property alias valueTo: unlockNumAnimation.to
property alias setProperty: unlockNumAnimation.property
NumberAnimation {
id: unlockNumAnimation
target: lockScreen
property: "y"
to: -height
duration: 250
easing.type: Easing.OutQuint
}
onStopped: {
setLockScreen(false)
}
}
Connections {
target:Lipstick.compositor
onDisplayOff: {
......@@ -175,49 +195,46 @@ Image {
property bool inView: false
property bool gestureStarted: mouseArea.gestureStarted
x: 1000
x: width * 2
visible: DeviceLock.state == DeviceLock.Locked && lockscreenVisible()
width: lockScreen.width
height: lockScreen.height / 2
onCodeEntered: {
//authenticationInput.enterSecurityCode(code)
console.log("Security code entered: "+authenticationInput.minimumCodeLength)
}
opacity: (1-Math.abs((1 - (-1)) * (x - (-parent.width)) / (parent.width - (-parent.width)) + (-1)))
authenticationInput: DeviceLockAuthenticationInput {
//property bool unlocked: DeviceLock.state >= DeviceLock.Locked
readonly property bool unlocking: registered
&& DeviceLock.state >= DeviceLock.Locked && DeviceLock.state < DeviceLock.Undefined
registered: true
active: true
//active: lockscreenVisible()
// onUnlockedChanged: console.log("Unlock")
onStatusChanged: {
console.log("Status changed")
}
registered: lockscreenVisible()
active: lockscreenVisible()
onUnlockingChanged: {
console.log("Unlock")
if (unlocking) {
DeviceLock.unlock()
} else {
DeviceLock.cancel()
}
}
onAuthenticationUnavailable: {
console.log("Authentication unavailable: "+error)
}
onAuthenticationEnded: {
if(confirmed) {
unlockAnimationHelper(mouseArea.gesture)
}else {
onFeedback: {
console.log("Feedback: "+feedback)
}
}
onAuthenticationStarted: {
console.log("Authentication started")
}
onAuthenticationEnded: {
console.log("Ended "+confirmed)
function unlockAnimationHelper(gesture) {
if(gesture == "left") {
unlockAnimation.setProperty = "x"
unlockAnimation.valueTo = -width
unlockAnimation.start()
}
if(gesture == "right") {
unlockAnimation.setProperty = "x"
unlockAnimation.valueTo = width
unlockAnimation.start()
}
}
}
......
src/qml/MainScreen.qml
View file @ 6ebe08f1
......@@ -66,7 +66,6 @@ Page {
id: desktop
property alias lockscreen: lockScreen
property alias switcher: switcher
//property alias codepad: codePad
property int statusBarHeight: statusbar.height
property bool codepadVisible: false
property bool deviceLocked: DeviceLock.state >= DeviceLock.Locked
......
src/qml/compositor.qml
View file @ 6ebe08f1
......@@ -114,7 +114,6 @@ Compositor {
id: overlayLayer
z: 5
//visible: root.appActive
}
Item {
......@@ -150,12 +149,6 @@ Compositor {
else if (!root.appActive && DeviceLock.state !== DeviceLock.Locked) {
state = "cover"
}
else if (Desktop.instance.lockscreenVisible() && DeviceLock.state === DeviceLock.Locked && !Desktop.instance.codepadVisible) {
//state = "pullCodepad"
}
else if (Desktop.instance.lockscreenVisible() && DeviceLock.state === DeviceLock.Locked && Desktop.instance.codepadVisible) {
//state = "pushCodepad"
}
}
onGestureFinished: {
......@@ -182,15 +175,7 @@ Compositor {
if(gesture == "down") {
setDisplayOff()
}
}/*
// Brings up codepad, only left and right swipes allowed for it for now
else if (Desktop.instance.lockscreenVisible() && !Desktop.instance.codepad.visible && DeviceLock.state == DeviceLock.Locked && (gesture !== "down" && gesture !== "up")) {
Desktop.instance.codepadVisible = true
}
// Hides codepad but does not unlock the code, only left and right swipes allowed for now
else if (Desktop.instance.lockscreenVisible() && Desktop.instance.codepad.visible && DeviceLock.state == DeviceLock.Locked && gesture !== "down" && gesture !== "up") {
Desktop.instance.codepadVisible = false
}*/
// Unlocks if no security code required
else if (DeviceLock.state !== DeviceLock.Locked && Desktop.instance.lockscreenVisible()) {
Desktop.instance.setLockScreen(false)
......@@ -249,65 +234,7 @@ Compositor {
Desktop.instance.lockscreen.height :
Desktop.instance.lockscreen.width)+gestureArea.value) ) )
}
}/*
// pullCodepad is when you are pulling codepad into view to enter security code
State {
name: "pullCodepad"
when: DeviceLock.state >= DeviceLock.Locked//Desktop.instance.codepadVisible
PropertyChanges {
target: Desktop.instance
codepadVisible: true
}
PropertyChanges {
target: gestureArea
delayReset: true
}
PropertyChanges {
target: Desktop.instance.codepad
// Confusing logic and math to get the codepad follow your finger
x: gestureArea.lockscreenX + (gestureArea.value < 0 ? Desktop.instance.lockscreen.width : -Desktop.instance.lockscreen.width) +
((gestureArea.horizontal) ? (Desktop.instance.lockscreenVisible()?(gestureArea.value) :
(gestureArea.gesture == "right" ?
((Desktop.instance.lockscreen.width === topmostWindow.width) ?
-Desktop.instance.lockscreen.width :
-Desktop.instance.lockscreen.height)+Math.abs(gestureArea.value) :
((Desktop.instance.lockscreen.width === topmostWindow.width) ?
Desktop.instance.lockscreen.width :
Desktop.instance.lockscreen.height)+gestureArea.value) ) : 0 )
// Bringing up the codepad opacity from 0 to 1
opacity: gestureArea.horizontal ? (gestureArea.value < 0 ? (gestureArea.value / -Desktop.instance.lockscreen.width) :
gestureArea.value / Desktop.instance.lockscreen.width) : 0
}
},
// pushCodepad is when you are pushing the codepad away without entering a security code
State {
name: "pushCodepad"
when: Desktop.instance.lockscreenVisible() && DeviceLock.state === DeviceLock.Locked && Desktop.instance.codepadVisible
PropertyChanges {
target: gestureArea
delayReset: true
}
PropertyChanges {
target: Desktop.instance.codepad
// Confusing logic for the codepad to follow your swipe
x: gestureArea.lockscreenX +
((gestureArea.horizontal) ? (Desktop.instance.lockscreenVisible()?(gestureArea.value) :
(gestureArea.gesture == "right" ?
((Desktop.instance.lockscreen.width === topmostWindow.width) ?
-Desktop.instance.lockscreen.width :
-Desktop.instance.lockscreen.height)+Math.abs(gestureArea.value) :
((Desktop.instance.lockscreen.width === topmostWindow.width) ?
Desktop.instance.lockscreen.width :
Desktop.instance.lockscreen.height)+gestureArea.value) ) : 0 )
// Hiding the codepad with opacity fading from 1 to 0
opacity: 1 - (gestureArea.horizontal ? (gestureArea.value < 0 ? (gestureArea.value / -Desktop.instance.lockscreen.width) :
gestureArea.value / Desktop.instance.lockscreen.width) : 0)
}
}*/
}
]
SequentialAnimation {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment