status-desktop/ui/imports/shared/panels/ModuleWarning.qml

96 lines
2.5 KiB
QML
Raw Normal View History

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import QtGraphicalEffects 1.13
import utils 1.0
import "../"
import "./"
Rectangle {
id: root
height: visible ? 32 : 0
color: Style.current.red
2022-02-09 09:43:23 +00:00
2021-06-17 18:41:11 +00:00
property string text: ""
property string btnText: ""
property int btnWidth: 58
2022-02-09 09:43:23 +00:00
2021-06-17 18:41:11 +00:00
property var onClick: function() {}
function close() {
closeBtn.clicked(null)
}
Row {
spacing: Style.current.halfPadding
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
StyledText {
2021-06-17 18:41:11 +00:00
text: root.text
font.pixelSize: 13
anchors.verticalCenter: parent.verticalCenter
color: Style.current.white
}
Button {
2021-06-17 18:41:11 +00:00
width: btnWidth
height: 24
contentItem: Item {
anchors.fill: parent
Text {
2021-06-17 18:41:11 +00:00
text: btnText
font.pixelSize: 13
font.weight: Font.Medium
font.family: Style.current.fontRegular.name
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
anchors.top: parent.top
anchors.bottom: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
color: Style.current.white
}
}
background: Rectangle {
radius: 4
anchors.fill: parent
border.color: Style.current.white
color: "#19FFFFFF"
}
MouseArea {
cursorShape: Qt.PointingHandCursor
anchors.fill: parent
2021-06-17 18:41:11 +00:00
onClicked: root.onClick()
}
}
}
SVGImage {
id: closeImg
anchors.top: parent.top
anchors.topMargin: 6
anchors.right: parent.right
anchors.rightMargin: 18
source: Style.svg("close-white")
height: 20
width: 20
}
ColorOverlay {
anchors.fill: closeImg
source: closeImg
color: Style.current.white
opacity: 0.7
}
MouseArea {
id: closeBtn
anchors.fill: closeImg
cursorShape: Qt.PointingHandCursor
onClicked: ParallelAnimation {
PropertyAnimation { target: root; property: "visible"; to: false; }
PropertyAnimation { target: root; property: "y"; to: -1 * root.height }
}
}
}