mirror of
https://github.com/status-im/status-desktop.git
synced 2025-03-02 23:41:18 +00:00
4ee21ada05
Introduced Style.svg() Style.png() Style.emoji() and
Style.icon() in Style.qml. Those should be used to
set the source in Images instead of using relative
paths. Usage:
Image {
source: Style.svg("check)
....
Also moved all Singletons inside a new "utils"
folder and made it a QML module, to use
import utils 1.0 instead of relative paths
Closes #3678
368 lines
14 KiB
QML
368 lines
14 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtGraphicalEffects 1.13
|
|
import QtQuick.Layouts 1.13
|
|
import "./"
|
|
|
|
import utils 1.0
|
|
import "../../../../shared"
|
|
import "../../../../shared/status"
|
|
|
|
ScrollView {
|
|
height: parent.height
|
|
width: parent.width
|
|
contentHeight: notificationsContainer.height
|
|
clip: true
|
|
|
|
Item {
|
|
id: notificationsContainer
|
|
width: profileContainer.profileContentWidth
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
height: this.childrenRect.height + 100
|
|
|
|
property Component mutedChatsModalComponent: MutedChatsModal {}
|
|
|
|
|
|
ButtonGroup {
|
|
id: notificationSetting
|
|
}
|
|
|
|
ButtonGroup {
|
|
id: soundSetting
|
|
}
|
|
|
|
ButtonGroup {
|
|
id: messageSetting
|
|
}
|
|
|
|
StatusSectionHeadline {
|
|
id: sectionHeadlineNotifications
|
|
//% "Notification preferences"
|
|
text: qsTrId("notifications-preferences")
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
}
|
|
|
|
Column {
|
|
id: column
|
|
anchors.top: sectionHeadlineNotifications.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
StatusRadioButtonRow {
|
|
//% "All messages"
|
|
text: qsTrId("all-messages")
|
|
buttonGroup: notificationSetting
|
|
checked: appSettings.notificationSetting === Constants.notifyAllMessages
|
|
onRadioCheckedChanged: {
|
|
if (checked) {
|
|
appSettings.notificationSetting = Constants.notifyAllMessages
|
|
}
|
|
}
|
|
}
|
|
|
|
StatusRadioButtonRow {
|
|
//% "Just @mentions"
|
|
text: qsTrId("just--mentions")
|
|
buttonGroup: notificationSetting
|
|
checked: appSettings.notificationSetting === Constants.notifyJustMentions
|
|
onRadioCheckedChanged: {
|
|
if (checked) {
|
|
appSettings.notificationSetting = Constants.notifyJustMentions
|
|
}
|
|
}
|
|
}
|
|
|
|
StatusRadioButtonRow {
|
|
//% "Nothing"
|
|
text: qsTrId("nothing")
|
|
buttonGroup: notificationSetting
|
|
checked: appSettings.notificationSetting === Constants.notifyNone
|
|
onRadioCheckedChanged: {
|
|
if (checked) {
|
|
appSettings.notificationSetting = Constants.notifyNone
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Separator {
|
|
id: separator
|
|
anchors.top: column.bottom
|
|
anchors.topMargin: Style.current.bigPadding
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: -Style.current.padding
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: -Style.current.padding
|
|
}
|
|
|
|
StatusSectionHeadline {
|
|
id: sectionHeadlineSound
|
|
//% "Appearance"
|
|
text: qsTrId("appearance")
|
|
anchors.top: separator.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
}
|
|
|
|
Column {
|
|
id: column2
|
|
anchors.top: sectionHeadlineSound.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
width: parent.width
|
|
|
|
StatusSettingsLineButton {
|
|
//% "Play a sound when receiving a notification"
|
|
text: qsTrId("play-a-sound-when-receiving-a-notification")
|
|
isSwitch: true
|
|
switchChecked: appSettings.notificationSoundsEnabled
|
|
onClicked: {
|
|
appSettings.notificationSoundsEnabled = checked
|
|
}
|
|
}
|
|
|
|
StatusSettingsLineButton {
|
|
//% "Use your operating system's notifications"
|
|
text: qsTrId("use-your-operating-system-s-notifications")
|
|
isSwitch: true
|
|
switchChecked: appSettings.useOSNotifications
|
|
onClicked: {
|
|
appSettings.useOSNotifications = checked
|
|
}
|
|
|
|
StyledText {
|
|
id: detailText
|
|
//% "Setting this to false will instead use Status' notification style as seen below"
|
|
text: qsTrId("setting-this-to-false-will-instead-use-status--notification-style-as-seen-below")
|
|
color: Style.current.secondaryText
|
|
width: parent.width
|
|
font.pixelSize: 12
|
|
wrapMode: Text.WordWrap
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: Style.current.padding
|
|
anchors.bottom: parent.bottom
|
|
anchors.topMargin: 2
|
|
}
|
|
}
|
|
}
|
|
|
|
Column {
|
|
id: column3
|
|
spacing: Style.current.bigPadding
|
|
anchors.top: column2.bottom
|
|
anchors.topMargin: Style.current.padding*2
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
StyledText {
|
|
//% "Message preview"
|
|
text: qsTrId("message-preview")
|
|
font.pixelSize: 15
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
}
|
|
|
|
Column {
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: -Style.current.padding
|
|
anchors.right: parent.right
|
|
spacing: 10
|
|
|
|
NotificationAppearancePreview {
|
|
//% "Anonymous"
|
|
name: qsTrId("anonymous")
|
|
notificationTitle: "Status"
|
|
//% "You have a new message"
|
|
notificationMessage: qsTrId("you-have-a-new-message")
|
|
buttonGroup: messageSetting
|
|
checked: appSettings.notificationMessagePreviewSetting === Constants.notificationPreviewAnonymous
|
|
onRadioCheckedChanged: {
|
|
if (checked) {
|
|
appSettings.notificationMessagePreviewSetting = Constants.notificationPreviewAnonymous
|
|
}
|
|
}
|
|
}
|
|
|
|
NotificationAppearancePreview {
|
|
//% "Name only"
|
|
name: qsTrId("name-only")
|
|
notificationTitle: "Vitalik Buterin"
|
|
//% "You have a new message"
|
|
notificationMessage: qsTrId("you-have-a-new-message")
|
|
buttonGroup: messageSetting
|
|
checked: appSettings.notificationMessagePreviewSetting === Constants.notificationPreviewNameOnly
|
|
onRadioCheckedChanged: {
|
|
if (checked) {
|
|
appSettings.notificationMessagePreviewSetting = Constants.notificationPreviewNameOnly
|
|
}
|
|
}
|
|
}
|
|
|
|
NotificationAppearancePreview {
|
|
//% "Name & Message"
|
|
name: qsTrId("name---message")
|
|
notificationTitle: "Vitalik Buterin"
|
|
//% "Hi there! Yes, no problem, let me know if I can help."
|
|
notificationMessage: qsTrId("hi-there--yes--no-problem--let-me-know-if-i-can-help-")
|
|
buttonGroup: messageSetting
|
|
checked: appSettings.notificationMessagePreviewSetting === Constants.notificationPreviewNameAndMessage
|
|
onRadioCheckedChanged: {
|
|
if (checked) {
|
|
appSettings.notificationMessagePreviewSetting = Constants.notificationPreviewNameAndMessage
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
//% "No preview or Advanced? Go to Notification Center"
|
|
text: qsTrId("no-preview-or-advanced--go-to-notification-center")
|
|
font.pixelSize: 15
|
|
anchors.left: parent.left
|
|
}
|
|
}
|
|
|
|
Separator {
|
|
id: separator2
|
|
anchors.top: column3.bottom
|
|
anchors.topMargin: Style.current.bigPadding
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: -Style.current.padding
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: -Style.current.padding
|
|
}
|
|
|
|
StatusSectionHeadline {
|
|
id: sectionHeadlineContacts
|
|
//% "Contacts & Users"
|
|
text: qsTrId("contacts---users")
|
|
anchors.top: separator2.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
}
|
|
|
|
Column {
|
|
id: column4
|
|
anchors.top: sectionHeadlineContacts.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
width: parent.width
|
|
|
|
StatusSettingsLineButton {
|
|
//% "Notify on new requests"
|
|
text: qsTrId("notify-on-new-requests")
|
|
isSwitch: true
|
|
switchChecked: appSettings.notifyOnNewRequests
|
|
onClicked: {
|
|
appSettings.notifyOnNewRequests = checked
|
|
}
|
|
}
|
|
|
|
StatusSettingsLineButton {
|
|
//% "Muted users"
|
|
text: qsTrId("muted-users")
|
|
//% "None"
|
|
currentValue: profileModel.mutedChats.contacts.rowCount() > 0 ? profileModel.mutedChats.contacts.rowCount() : qsTrId("none")
|
|
isSwitch: false
|
|
onClicked: {
|
|
const mutedChatsModal = notificationsContainer.mutedChatsModalComponent.createObject(notificationsContainer, {
|
|
showMutedContacts: true
|
|
})
|
|
//% "Muted contacts"
|
|
mutedChatsModal.title = qsTrId("muted-contacts");
|
|
//% "Muted contacts will appear here"
|
|
mutedChatsModal.noContentText = qsTrId("muted-contacts-will-appear-here");
|
|
mutedChatsModal.open();
|
|
}
|
|
}
|
|
|
|
StatusSettingsLineButton {
|
|
//% "Muted chats"
|
|
text: qsTrId("muted-chats")
|
|
//% "None"
|
|
currentValue: profileModel.mutedChats.chats.rowCount() > 0 ? profileModel.mutedChats.chats.rowCount() : qsTrId("none")
|
|
isSwitch: false
|
|
onClicked: {
|
|
const mutedChatsModal = notificationsContainer.mutedChatsModalComponent.createObject(notificationsContainer, {
|
|
showMutedContacts: false
|
|
})
|
|
//% "Muted chats"
|
|
mutedChatsModal.title = qsTrId("muted-chats");
|
|
//% "Muted chats will appear here"
|
|
mutedChatsModal.noContentText = qsTrId("muted-chats-will-appear-here");
|
|
mutedChatsModal.open();
|
|
}
|
|
|
|
StyledText {
|
|
//% "You can limit what gets shown in notifications"
|
|
text: qsTrId("you-can-limit-what-gets-shown-in-notifications")
|
|
color: Style.current.secondaryText
|
|
width: parent.width
|
|
font.pixelSize: 12
|
|
wrapMode: Text.WordWrap
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: Style.current.padding
|
|
anchors.bottom: parent.bottom
|
|
anchors.topMargin: 2
|
|
}
|
|
}
|
|
}
|
|
|
|
Separator {
|
|
id: separator3
|
|
anchors.top: column4.bottom
|
|
anchors.topMargin: Style.current.bigPadding
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: -Style.current.padding
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: -Style.current.padding
|
|
}
|
|
|
|
Column {
|
|
id: column5
|
|
spacing: Style.current.smallPadding
|
|
anchors.top: separator3.bottom
|
|
anchors.topMargin: Style.current.bigPadding
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
width: parent.width
|
|
|
|
StyledText {
|
|
//% "Reset notification settings"
|
|
text: qsTrId("reset-notification-settings")
|
|
font.pixelSize: 15
|
|
color: Style.current.danger
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
cursorShape: Qt.PointingHandCursor
|
|
hoverEnabled: true
|
|
onEntered: {
|
|
parent.font.underline = true
|
|
}
|
|
onExited: {
|
|
parent.font.underline = false
|
|
}
|
|
onClicked: {
|
|
appSettings.notificationSetting = Constants.notifyAllMessages
|
|
appSettings.notificationSoundsEnabled = true
|
|
appSettings.notificationMessagePreviewSetting = Constants.notificationPreviewNameAndMessage
|
|
appSettings.allowNotificationsFromNonContacts = false
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
//% "Restore default notification settings and unmute all chats and users"
|
|
text: qsTrId("restore-default-notification-settings-and-unmute-all-chats-and-users")
|
|
font.pixelSize: 15
|
|
color: Style.current.secondaryText
|
|
}
|
|
}
|
|
}
|
|
}
|