69 lines
1.7 KiB
QML
69 lines
1.7 KiB
QML
import QtQuick 2.6
|
|
import QtQuick.Controls 2.1
|
|
import QtQuick.Controls.Material 2.1
|
|
|
|
ToolBar {
|
|
id: toolBar
|
|
property bool showErrorBar: true
|
|
Material.theme: Material.Light
|
|
Rectangle {
|
|
id: errorField
|
|
width: parent.width
|
|
height: 30
|
|
enabled: app.is_error & app.state !== "notLoggedIn" & showErrorBar
|
|
anchors.top: parent.bottom
|
|
|
|
color: "red"
|
|
onEnabledChanged: {
|
|
if(enabled){
|
|
toolBar.state = 'moveIn'
|
|
}
|
|
else {
|
|
toolBar.state = 'moveOut'
|
|
}
|
|
}
|
|
|
|
MouseArea { anchors.fill: parent; onClicked: {
|
|
toolBar.state = 'moveOut'
|
|
|
|
console.log("clicked")
|
|
}
|
|
}
|
|
|
|
Text {
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter
|
|
verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
id: errorText
|
|
font.family: "Helvetica"
|
|
color: "White"
|
|
font.pointSize: 8
|
|
visible: parent.height !== 0
|
|
text: app.error
|
|
}
|
|
}
|
|
|
|
states: [
|
|
State {
|
|
name: "moveOut"
|
|
PropertyChanges { target: errorField; height: 0 }
|
|
},
|
|
State {
|
|
name: "moveIn"
|
|
PropertyChanges { target: errorField; height: 30 }
|
|
}
|
|
]
|
|
|
|
transitions: [
|
|
Transition {
|
|
to: "moveOut"
|
|
NumberAnimation { properties: "height"; easing.type: Easing.InOutQuad; duration: 200 }
|
|
},
|
|
Transition {
|
|
to: "moveIn"
|
|
NumberAnimation { properties: "height"; easing.type: Easing.InOutQuad; duration: 200 }
|
|
}
|
|
]
|
|
}
|