status-desktop/ui/app/AppLayouts/Onboarding/views/AllowNotificationsView.qml

71 lines
1.9 KiB
QML

import QtQuick 2.13
import QtQuick.Controls 2.13
import StatusQ.Controls 0.1
import shared 1.0
import shared.panels 1.0
import utils 1.0
import "../stores"
Item {
id: root
property StartupStore startupStore
QtObject {
id: d
readonly property int titlePixelSize: 22
readonly property real titleLetterSpacing: -0.2
readonly property int okButtonTopMargin: 40
}
Image {
id: notificationImg
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: txtTitle.top
anchors.bottomMargin: Style.current.padding
fillMode: Image.PreserveAspectFit
source: Style.png("onboarding/notifications@2x")
}
StyledText {
id: txtTitle
text: qsTr("Allow notifications")
font.bold: true
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
font.letterSpacing: d.titleLetterSpacing
font.pixelSize: d.titlePixelSize
lineHeight: 1.2
}
StyledText {
id: txtDesc
color: Style.current.secondaryText
text: qsTr("Status will notify you about new messages. You can\nedit your notification preferences later in settings.")
horizontalAlignment: Text.AlignHCenter
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: txtTitle.bottom
anchors.topMargin: Style.current.padding
font.pixelSize: Style.current.primaryTextFontSize
lineHeight: 1.2
}
StatusButton {
id: btnOk
anchors.top: txtDesc.bottom
anchors.topMargin: d.okButtonTopMargin
anchors.horizontalCenter: parent.horizontalCenter
leftPadding: Style.current.padding
rightPadding: Style.current.padding
font.weight: Font.Medium
text: qsTr("Ok, got it")
onClicked: {
root.startupStore.doPrimaryAction()
}
}
}