status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: login animation

This commit is contained in:
Richard Ramos 2020-06-22 15:32:00 -04:00 committed by Iuri Matias
parent 80b8d8f478
commit 4517b5bd28
2 changed files with 106 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
ui/onboarding/CreatePasswordModal.qml
View File

@ -54,7 +54,34 @@ ModalPopup {
font.pixelSize: 12
}
footer: StyledButton {
footer: Item {
anchors.top: parent.bottom
anchors.right: parent.right
anchors.bottom: popup.bottom
anchors.left: parent.left
Image {
id: loadingImg
visible: loading
anchors.top: submitBtn.top
anchors.topMargin: Theme.padding
anchors.right: submitBtn.left
anchors.rightMargin: Theme.padding
source: "../app/img/settings.svg"
width: 20
height: 20
fillMode: Image.Stretch
RotationAnimator {
target: loadingImg;
from: 0;
to: 360;
duration: 1200
running: true
loops: Animation.Infinite
}
}
StyledButton {
id: submitBtn
anchors.bottom: parent.bottom
anchors.topMargin: Theme.padding
@ -126,6 +153,7 @@ ModalPopup {
}
}
}
}
}
/*##^##

24
ui/onboarding/Login.qml
View File

@ -133,7 +133,7 @@ Item {
Button {
id: submitBtn
visible: txtPassword.text.length > 0
visible: !loading && txtPassword.text.length > 0
width: 40
height: 40
anchors.left: txtPassword.right
@ -150,7 +150,7 @@ Item {
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
// TODO replace by a real loading image
source: loading ? "../app/img/refresh.svg" : "../app/img/arrowUp.svg"
source: "../app/img/arrowUp.svg"
width: 13.5
height: 17.5
fillMode: Image.PreserveAspectFit
@ -170,6 +170,26 @@ Item {
}
}
Image {
id: loadingImg
visible: loading
anchors.left: txtPassword.right
anchors.leftMargin: Theme.padding
anchors.verticalCenter: txtPassword.verticalCenter
source: "../app/img/settings.svg"
width: 30
height: 30
fillMode: Image.Stretch
RotationAnimator {
target: loadingImg;
from: 0;
to: 360;
duration: 1200
running: true
loops: Animation.Infinite
}
}
MessageDialog {
id: loginError
title: "Login failed"