89 lines
2.3 KiB
QML
89 lines
2.3 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Controls 0.1 as StatusQControls
|
|
|
|
import utils 1.0
|
|
|
|
Rectangle {
|
|
id: root
|
|
|
|
property alias text: bannerText.text
|
|
property alias buttonText: bannerButton.text
|
|
property alias icon: bannerIcon.asset
|
|
property string buttonTooltipText: ""
|
|
property bool buttonLoading: false
|
|
|
|
implicitWidth: 272
|
|
implicitHeight: 168
|
|
border.color: Theme.palette.border
|
|
radius: 16
|
|
color: Theme.palette.transparent
|
|
|
|
signal buttonClicked()
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.RightButton
|
|
propagateComposedEvents: true
|
|
onClicked: {
|
|
/* Prevents sending events to the component beneath
|
|
if Right Mouse Button is clicked. */
|
|
mouse.accepted = false;
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: 70
|
|
height: 4
|
|
color: Theme.palette.background
|
|
anchors.top: parent.top
|
|
anchors.topMargin: -2
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
}
|
|
|
|
StatusRoundIcon {
|
|
id: bannerIcon
|
|
anchors.top: parent.top
|
|
anchors.topMargin: -8
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
}
|
|
|
|
StatusBaseText {
|
|
id: bannerText
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 48
|
|
horizontalAlignment: Text.AlignHCenter
|
|
color: Theme.palette.directColor1
|
|
wrapMode: Text.WordWrap
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Theme.xlPadding
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: Theme.xlPadding
|
|
}
|
|
|
|
StatusQControls.StatusButton {
|
|
id: bannerButton
|
|
objectName: "communityBannerButton"
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: 16
|
|
font.weight: Font.Medium
|
|
onClicked: {
|
|
if (!root.buttonLoading) {
|
|
root.buttonClicked()
|
|
}
|
|
}
|
|
loading: root.buttonLoading
|
|
|
|
StatusQControls.StatusToolTip {
|
|
text: root.buttonTooltipText
|
|
visible: !!root.buttonTooltipText && bannerButton.loading && bannerButton.hovered
|
|
}
|
|
}
|
|
}
|
|
|