mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2026-04-04 12:52:06 -04:00
5c4ce86da4
* Feat(i18n): wrapped missing strings * Feat(i18n): wrapped missing strings * feat(i18n): added pluralization to some strings * feat: updated en.json and template.json * Update en.json * Update template.json
439 lines
15 KiB
QML
439 lines
15 KiB
QML
import QtQuick
|
|
import qs.Common
|
|
import qs.Widgets
|
|
|
|
Rectangle {
|
|
id: root
|
|
|
|
property bool expanded: false
|
|
readonly property real contentHeight: contentColumn.height + Theme.spacingL * 2
|
|
|
|
width: parent.width
|
|
height: expanded ? contentHeight : 0
|
|
visible: expanded
|
|
clip: true
|
|
radius: Theme.cornerRadius
|
|
color: Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.3)
|
|
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
|
|
border.width: 1
|
|
|
|
Behavior on height {
|
|
NumberAnimation {
|
|
duration: Theme.shortDuration
|
|
easing.type: Theme.emphasizedEasing
|
|
}
|
|
}
|
|
|
|
opacity: expanded ? 1 : 0
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: Theme.shortDuration
|
|
easing.type: Theme.emphasizedEasing
|
|
}
|
|
}
|
|
|
|
readonly property var timeoutOptions: [
|
|
{
|
|
"text": I18n.tr("Never"),
|
|
"value": 0
|
|
},
|
|
{
|
|
"text": I18n.tr("1 second"),
|
|
"value": 1000
|
|
},
|
|
{
|
|
"text": I18n.tr("3 seconds"),
|
|
"value": 3000
|
|
},
|
|
{
|
|
"text": I18n.tr("5 seconds"),
|
|
"value": 5000
|
|
},
|
|
{
|
|
"text": I18n.tr("8 seconds"),
|
|
"value": 8000
|
|
},
|
|
{
|
|
"text": I18n.tr("10 seconds"),
|
|
"value": 10000
|
|
},
|
|
{
|
|
"text": I18n.tr("15 seconds"),
|
|
"value": 15000
|
|
},
|
|
{
|
|
"text": I18n.tr("30 seconds"),
|
|
"value": 30000
|
|
},
|
|
{
|
|
"text": I18n.tr("1 minute"),
|
|
"value": 60000
|
|
},
|
|
{
|
|
"text": I18n.tr("2 minutes"),
|
|
"value": 120000
|
|
},
|
|
{
|
|
"text": I18n.tr("5 minutes"),
|
|
"value": 300000
|
|
},
|
|
{
|
|
"text": I18n.tr("10 minutes"),
|
|
"value": 600000
|
|
}
|
|
]
|
|
|
|
function getTimeoutText(value) {
|
|
if (value === undefined || value === null || isNaN(value)) {
|
|
return I18n.tr("5 seconds");
|
|
}
|
|
|
|
for (let i = 0; i < timeoutOptions.length; i++) {
|
|
if (timeoutOptions[i].value === value) {
|
|
return timeoutOptions[i].text;
|
|
}
|
|
}
|
|
if (value === 0) {
|
|
return I18n.tr("Never");
|
|
}
|
|
if (value < 1000) {
|
|
return value + "ms";
|
|
}
|
|
if (value < 60000) {
|
|
return Math.round(value / 1000) + " " + I18n.tr("seconds");
|
|
}
|
|
return Math.round(value / 60000) + " " + I18n.tr("minutes");
|
|
}
|
|
|
|
Column {
|
|
id: contentColumn
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.margins: Theme.spacingL
|
|
spacing: Theme.spacingM
|
|
|
|
StyledText {
|
|
text: I18n.tr("Notification Settings")
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
font.weight: Font.Bold
|
|
color: Theme.surfaceText
|
|
}
|
|
|
|
Item {
|
|
width: parent.width
|
|
height: Math.max(dndRow.implicitHeight, dndToggle.implicitHeight) + Theme.spacingS
|
|
|
|
Row {
|
|
id: dndRow
|
|
anchors.left: parent.left
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: SessionData.doNotDisturb ? "notifications_off" : "notifications"
|
|
size: Theme.iconSizeSmall
|
|
color: SessionData.doNotDisturb ? Theme.error : Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
text: I18n.tr("Do Not Disturb")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
}
|
|
|
|
DankToggle {
|
|
id: dndToggle
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
checked: SessionData.doNotDisturb
|
|
onToggled: SessionData.setDoNotDisturb(!SessionData.doNotDisturb)
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 1
|
|
color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
|
|
}
|
|
|
|
StyledText {
|
|
text: I18n.tr("Notification Timeouts")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
font.weight: Font.Medium
|
|
color: Theme.surfaceVariantText
|
|
}
|
|
|
|
DankDropdown {
|
|
text: I18n.tr("Low Priority")
|
|
description: I18n.tr("Timeout for low priority notifications")
|
|
currentValue: getTimeoutText(SettingsData.notificationTimeoutLow)
|
|
options: timeoutOptions.map(opt => opt.text)
|
|
onValueChanged: value => {
|
|
for (let i = 0; i < timeoutOptions.length; i++) {
|
|
if (timeoutOptions[i].text === value) {
|
|
SettingsData.set("notificationTimeoutLow", timeoutOptions[i].value);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
DankDropdown {
|
|
text: I18n.tr("Normal Priority")
|
|
description: I18n.tr("Timeout for normal priority notifications")
|
|
currentValue: getTimeoutText(SettingsData.notificationTimeoutNormal)
|
|
options: timeoutOptions.map(opt => opt.text)
|
|
onValueChanged: value => {
|
|
for (let i = 0; i < timeoutOptions.length; i++) {
|
|
if (timeoutOptions[i].text === value) {
|
|
SettingsData.set("notificationTimeoutNormal", timeoutOptions[i].value);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
DankDropdown {
|
|
text: I18n.tr("Critical Priority")
|
|
description: I18n.tr("Timeout for critical priority notifications")
|
|
currentValue: getTimeoutText(SettingsData.notificationTimeoutCritical)
|
|
options: timeoutOptions.map(opt => opt.text)
|
|
onValueChanged: value => {
|
|
for (let i = 0; i < timeoutOptions.length; i++) {
|
|
if (timeoutOptions[i].text === value) {
|
|
SettingsData.set("notificationTimeoutCritical", timeoutOptions[i].value);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 1
|
|
color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
|
|
}
|
|
|
|
Item {
|
|
width: parent.width
|
|
height: Math.max(overlayRow.implicitHeight, overlayToggle.implicitHeight) + Theme.spacingS
|
|
|
|
Row {
|
|
id: overlayRow
|
|
anchors.left: parent.left
|
|
anchors.right: overlayToggle.left
|
|
anchors.rightMargin: Theme.spacingM
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "notifications_active"
|
|
size: Theme.iconSizeSmall
|
|
color: SettingsData.notificationOverlayEnabled ? Theme.primary : Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Column {
|
|
spacing: 2
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
width: overlayRow.width - Theme.iconSizeSmall - Theme.spacingM
|
|
|
|
StyledText {
|
|
width: parent.width
|
|
text: I18n.tr("Notification Overlay")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceText
|
|
wrapMode: Text.Wrap
|
|
}
|
|
|
|
StyledText {
|
|
width: parent.width
|
|
text: I18n.tr("Display all priorities over fullscreen apps")
|
|
font.pixelSize: Theme.fontSizeSmall - 1
|
|
color: Theme.surfaceVariantText
|
|
wrapMode: Text.Wrap
|
|
}
|
|
}
|
|
}
|
|
|
|
DankToggle {
|
|
id: overlayToggle
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
checked: SettingsData.notificationOverlayEnabled
|
|
onToggled: toggled => SettingsData.set("notificationOverlayEnabled", toggled)
|
|
}
|
|
}
|
|
|
|
Item {
|
|
width: parent.width
|
|
height: Math.max(privacyRow.implicitHeight, privacyToggle.implicitHeight) + Theme.spacingS
|
|
|
|
Row {
|
|
id: privacyRow
|
|
anchors.left: parent.left
|
|
anchors.right: privacyToggle.left
|
|
anchors.rightMargin: Theme.spacingM
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "privacy_tip"
|
|
size: Theme.iconSizeSmall
|
|
color: SettingsData.notificationPopupPrivacyMode ? Theme.primary : Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Column {
|
|
spacing: 2
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
width: privacyRow.width - Theme.iconSizeSmall - Theme.spacingM
|
|
|
|
StyledText {
|
|
width: parent.width
|
|
text: I18n.tr("Privacy Mode")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceText
|
|
wrapMode: Text.Wrap
|
|
}
|
|
|
|
StyledText {
|
|
width: parent.width
|
|
text: I18n.tr("Hide notification content until expanded")
|
|
font.pixelSize: Theme.fontSizeSmall - 1
|
|
color: Theme.surfaceVariantText
|
|
wrapMode: Text.Wrap
|
|
}
|
|
}
|
|
}
|
|
|
|
DankToggle {
|
|
id: privacyToggle
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
checked: SettingsData.notificationPopupPrivacyMode
|
|
onToggled: toggled => SettingsData.set("notificationPopupPrivacyMode", toggled)
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 1
|
|
color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
|
|
}
|
|
|
|
StyledText {
|
|
text: I18n.tr("History Settings")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
font.weight: Font.Medium
|
|
color: Theme.surfaceVariantText
|
|
}
|
|
|
|
Item {
|
|
width: parent.width
|
|
height: Math.max(lowRow.implicitHeight, lowToggle.implicitHeight) + Theme.spacingS
|
|
|
|
Row {
|
|
id: lowRow
|
|
anchors.left: parent.left
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "low_priority"
|
|
size: Theme.iconSizeSmall
|
|
color: SettingsData.notificationHistorySaveLow ? Theme.primary : Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
text: I18n.tr("Low Priority")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
}
|
|
|
|
DankToggle {
|
|
id: lowToggle
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
checked: SettingsData.notificationHistorySaveLow
|
|
onToggled: toggled => SettingsData.set("notificationHistorySaveLow", toggled)
|
|
}
|
|
}
|
|
|
|
Item {
|
|
width: parent.width
|
|
height: Math.max(normalRow.implicitHeight, normalToggle.implicitHeight) + Theme.spacingS
|
|
|
|
Row {
|
|
id: normalRow
|
|
anchors.left: parent.left
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "notifications"
|
|
size: Theme.iconSizeSmall
|
|
color: SettingsData.notificationHistorySaveNormal ? Theme.primary : Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
text: I18n.tr("Normal Priority")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
}
|
|
|
|
DankToggle {
|
|
id: normalToggle
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
checked: SettingsData.notificationHistorySaveNormal
|
|
onToggled: toggled => SettingsData.set("notificationHistorySaveNormal", toggled)
|
|
}
|
|
}
|
|
|
|
Item {
|
|
width: parent.width
|
|
height: Math.max(criticalRow.implicitHeight, criticalToggle.implicitHeight) + Theme.spacingS
|
|
|
|
Row {
|
|
id: criticalRow
|
|
anchors.left: parent.left
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "priority_high"
|
|
size: Theme.iconSizeSmall
|
|
color: SettingsData.notificationHistorySaveCritical ? Theme.primary : Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
text: I18n.tr("Critical Priority")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
}
|
|
|
|
DankToggle {
|
|
id: criticalToggle
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
checked: SettingsData.notificationHistorySaveCritical
|
|
onToggled: toggled => SettingsData.set("notificationHistorySaveCritical", toggled)
|
|
}
|
|
}
|
|
}
|
|
}
|