Add error message popup
parent
449e862c93
commit
ecb14fc396
|
@ -59,14 +59,77 @@ Page {
|
||||||
}
|
}
|
||||||
|
|
||||||
function showError( message ) {
|
function showError( message ) {
|
||||||
// TODO: display this message to the user
|
errorMessageText.text = message
|
||||||
console.error( message )
|
showErrorWidget.start()
|
||||||
|
hideErrorWidgetTimer.start()
|
||||||
}
|
}
|
||||||
|
|
||||||
Component.onCompleted: {
|
Component.onCompleted: {
|
||||||
updateArticlesList()
|
updateArticlesList()
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
id: errorMessageWidget
|
||||||
|
width: parent.width
|
||||||
|
height: errorMessageText.contentHeight + 2 * Theme.horizontalPageMargin
|
||||||
|
y: - height
|
||||||
|
z: 5
|
||||||
|
color: Theme.highlightBackgroundColor
|
||||||
|
|
||||||
|
Timer {
|
||||||
|
id: hideErrorWidgetTimer
|
||||||
|
repeat: false
|
||||||
|
interval: 5000
|
||||||
|
|
||||||
|
onTriggered: {
|
||||||
|
hideErrorWidget.start()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ParallelAnimation {
|
||||||
|
id: showErrorWidget
|
||||||
|
|
||||||
|
PropertyAnimation {
|
||||||
|
target: errorMessageWidget
|
||||||
|
property: "y"
|
||||||
|
to: 0
|
||||||
|
duration: 150
|
||||||
|
easing.type: Easing.InOutQuad
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ParallelAnimation {
|
||||||
|
id: hideErrorWidget
|
||||||
|
|
||||||
|
PropertyAnimation {
|
||||||
|
target: errorMessageWidget
|
||||||
|
property: "y"
|
||||||
|
to: - errorMessageWidget.height
|
||||||
|
duration: 300
|
||||||
|
easing.type: Easing.InOutQuad
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
id: errorMessageContainer
|
||||||
|
anchors.fill: parent
|
||||||
|
|
||||||
|
Label {
|
||||||
|
id: errorMessageText
|
||||||
|
x: Theme.horizontalPageMargin
|
||||||
|
width: parent.width - 2 * Theme.horizontalPageMargin
|
||||||
|
anchors.top: errorMessageContainer.top
|
||||||
|
anchors.topMargin: Theme.horizontalPageMargin
|
||||||
|
wrapMode: Text.WordWrap
|
||||||
|
}
|
||||||
|
|
||||||
|
onClicked: {
|
||||||
|
hideErrorWidgetTimer.stop()
|
||||||
|
hideErrorWidget.start()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
MouseArea {
|
MouseArea {
|
||||||
id: busyContainer
|
id: busyContainer
|
||||||
visible: !articlesModel.loaded
|
visible: !articlesModel.loaded
|
||||||
|
|
Loading…
Reference in New Issue