mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2026-01-24 13:32:50 -05:00
494 lines
22 KiB
QML
494 lines
22 KiB
QML
import QtQuick
|
|
import qs.Common
|
|
import qs.Services
|
|
import qs.Widgets
|
|
import qs.Modules.Settings.Widgets
|
|
|
|
Item {
|
|
id: root
|
|
|
|
DankFlickable {
|
|
anchors.fill: parent
|
|
clip: true
|
|
contentHeight: mainColumn.height + Theme.spacingXL
|
|
contentWidth: width
|
|
|
|
Column {
|
|
id: mainColumn
|
|
topPadding: 4
|
|
width: Math.min(550, parent.width - Theme.spacingL * 2)
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
spacing: Theme.spacingXL
|
|
|
|
SettingsCard {
|
|
width: parent.width
|
|
iconName: "view_module"
|
|
title: I18n.tr("Workspace Settings")
|
|
settingKey: "workspaceSettings"
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "showWorkspaceIndex"
|
|
tags: ["workspace", "index", "numbers", "labels"]
|
|
text: I18n.tr("Workspace Index Numbers")
|
|
description: I18n.tr("Show workspace index numbers in the top bar workspace switcher")
|
|
checked: SettingsData.showWorkspaceIndex
|
|
onToggled: checked => SettingsData.set("showWorkspaceIndex", checked)
|
|
}
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "showWorkspaceName"
|
|
tags: ["workspace", "name", "labels"]
|
|
text: I18n.tr("Workspace Names")
|
|
description: I18n.tr("Show workspace name on horizontal bars, and first letter on vertical bars")
|
|
checked: SettingsData.showWorkspaceName
|
|
onToggled: checked => SettingsData.set("showWorkspaceName", checked)
|
|
}
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "showWorkspacePadding"
|
|
tags: ["workspace", "padding", "minimum"]
|
|
text: I18n.tr("Workspace Padding")
|
|
description: I18n.tr("Always show a minimum of 3 workspaces, even if fewer are available")
|
|
checked: SettingsData.showWorkspacePadding
|
|
onToggled: checked => SettingsData.set("showWorkspacePadding", checked)
|
|
}
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "showWorkspaceApps"
|
|
tags: ["workspace", "apps", "icons", "applications"]
|
|
text: I18n.tr("Show Workspace Apps")
|
|
description: I18n.tr("Display application icons in workspace indicators")
|
|
checked: SettingsData.showWorkspaceApps
|
|
visible: CompositorService.isNiri || CompositorService.isHyprland
|
|
onToggled: checked => SettingsData.set("showWorkspaceApps", checked)
|
|
}
|
|
|
|
Item {
|
|
width: parent.width
|
|
height: maxAppsColumn.height
|
|
visible: SettingsData.showWorkspaceApps
|
|
opacity: visible ? 1 : 0
|
|
|
|
Column {
|
|
id: maxAppsColumn
|
|
x: Theme.spacingL
|
|
width: 120
|
|
spacing: Theme.spacingS
|
|
|
|
StyledText {
|
|
text: I18n.tr("Max apps to show")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceText
|
|
font.weight: Font.Medium
|
|
horizontalAlignment: Text.AlignLeft
|
|
}
|
|
|
|
DankTextField {
|
|
width: 100
|
|
height: 28
|
|
placeholderText: "3"
|
|
text: SettingsData.maxWorkspaceIcons
|
|
maximumLength: 2
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
topPadding: Theme.spacingXS
|
|
bottomPadding: Theme.spacingXS
|
|
onEditingFinished: SettingsData.set("maxWorkspaceIcons", parseInt(text, 10))
|
|
}
|
|
}
|
|
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: Theme.mediumDuration
|
|
easing.type: Theme.emphasizedEasing
|
|
}
|
|
}
|
|
}
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "groupWorkspaceApps"
|
|
tags: ["workspace", "apps", "icons", "group", "grouped", "collapse"]
|
|
text: I18n.tr("Group Workspace Apps")
|
|
description: I18n.tr("Group repeated application icons in unfocused workspaces")
|
|
checked: SettingsData.groupWorkspaceApps
|
|
visible: SettingsData.showWorkspaceApps
|
|
onToggled: checked => SettingsData.set("groupWorkspaceApps", checked)
|
|
}
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "workspaceFollowFocus"
|
|
tags: ["workspace", "focus", "follow", "monitor"]
|
|
text: I18n.tr("Follow Monitor Focus")
|
|
description: I18n.tr("Show workspaces of the currently focused monitor")
|
|
checked: SettingsData.workspaceFollowFocus
|
|
visible: CompositorService.isNiri || CompositorService.isHyprland || CompositorService.isDwl || CompositorService.isSway || CompositorService.isScroll
|
|
onToggled: checked => SettingsData.set("workspaceFollowFocus", checked)
|
|
}
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "showOccupiedWorkspacesOnly"
|
|
tags: ["workspace", "occupied", "active", "windows"]
|
|
text: I18n.tr("Show Occupied Workspaces Only")
|
|
description: I18n.tr("Display only workspaces that contain windows")
|
|
checked: SettingsData.showOccupiedWorkspacesOnly
|
|
visible: CompositorService.isNiri || CompositorService.isHyprland
|
|
onToggled: checked => SettingsData.set("showOccupiedWorkspacesOnly", checked)
|
|
}
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "reverseScrolling"
|
|
tags: ["workspace", "scroll", "scrolling", "reverse", "direction"]
|
|
text: I18n.tr("Reverse Scrolling Direction")
|
|
description: I18n.tr("Reverse workspace switch direction when scrolling over the bar")
|
|
checked: SettingsData.reverseScrolling
|
|
visible: CompositorService.isNiri || CompositorService.isHyprland
|
|
onToggled: checked => SettingsData.set("reverseScrolling", checked)
|
|
}
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "dwlShowAllTags"
|
|
tags: ["dwl", "tags", "workspace"]
|
|
text: I18n.tr("Show All Tags")
|
|
description: I18n.tr("Show all 9 tags instead of only occupied tags (DWL only)")
|
|
checked: SettingsData.dwlShowAllTags
|
|
visible: CompositorService.isDwl
|
|
onToggled: checked => SettingsData.set("dwlShowAllTags", checked)
|
|
}
|
|
}
|
|
|
|
SettingsCard {
|
|
width: parent.width
|
|
iconName: "palette"
|
|
title: I18n.tr("Workspace Appearance")
|
|
settingKey: "workspaceAppearance"
|
|
|
|
SettingsButtonGroupRow {
|
|
text: I18n.tr("Focused Color")
|
|
model: ["pri", "s", "sc", "sch", "none"]
|
|
buttonHeight: 22
|
|
minButtonWidth: 36
|
|
buttonPadding: Theme.spacingS
|
|
checkIconSize: Theme.iconSizeSmall - 2
|
|
textSize: Theme.fontSizeSmall - 1
|
|
spacing: 1
|
|
currentIndex: {
|
|
switch (SettingsData.workspaceColorMode) {
|
|
case "s":
|
|
return 1;
|
|
case "sc":
|
|
return 2;
|
|
case "sch":
|
|
return 3;
|
|
case "none":
|
|
return 4;
|
|
default:
|
|
return 0;
|
|
}
|
|
}
|
|
onSelectionChanged: (index, selected) => {
|
|
if (!selected)
|
|
return;
|
|
const modes = ["default", "s", "sc", "sch", "none"];
|
|
SettingsData.set("workspaceColorMode", modes[index]);
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 1
|
|
color: Theme.outline
|
|
opacity: 0.15
|
|
}
|
|
|
|
SettingsButtonGroupRow {
|
|
text: I18n.tr("Occupied Color")
|
|
model: ["sec", "s", "sc", "sch", "none"]
|
|
visible: CompositorService.isNiri || CompositorService.isHyprland || CompositorService.isDwl
|
|
buttonHeight: 22
|
|
minButtonWidth: 36
|
|
buttonPadding: Theme.spacingS
|
|
checkIconSize: Theme.iconSizeSmall - 2
|
|
textSize: Theme.fontSizeSmall - 1
|
|
spacing: 1
|
|
currentIndex: {
|
|
switch (SettingsData.wokspaceColorMode) {
|
|
case "s":
|
|
return 1;
|
|
case "sc":
|
|
return 2;
|
|
case "sch":
|
|
return 3;
|
|
case "none":
|
|
return 4;
|
|
default:
|
|
return 0;
|
|
}
|
|
}
|
|
onSelectionChanged: (index, selected) => {
|
|
if (!selected)
|
|
return;
|
|
const modes = ["default", "s", "sc", "sch", "none"];
|
|
SettingsData.set("workspaceOccupiedColorMode", modes[index]);
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 1
|
|
color: Theme.outline
|
|
opacity: 0.15
|
|
visible: CompositorService.isNiri || CompositorService.isHyprland || CompositorService.isDwl
|
|
}
|
|
|
|
SettingsButtonGroupRow {
|
|
text: I18n.tr("Unfocused Color")
|
|
model: ["def", "s", "sc", "sch"]
|
|
buttonHeight: 22
|
|
minButtonWidth: 36
|
|
buttonPadding: Theme.spacingS
|
|
checkIconSize: Theme.iconSizeSmall - 2
|
|
textSize: Theme.fontSizeSmall - 1
|
|
spacing: 1
|
|
currentIndex: {
|
|
switch (SettingsData.workspaceUnfocusedColorMode) {
|
|
case "s":
|
|
return 1;
|
|
case "sc":
|
|
return 2;
|
|
case "sch":
|
|
return 3;
|
|
default:
|
|
return 0;
|
|
}
|
|
}
|
|
onSelectionChanged: (index, selected) => {
|
|
if (!selected)
|
|
return;
|
|
const modes = ["default", "s", "sc", "sch"];
|
|
SettingsData.set("workspaceUnfocusedColorMode", modes[index]);
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 1
|
|
color: Theme.outline
|
|
opacity: 0.15
|
|
visible: CompositorService.isNiri || CompositorService.isHyprland || CompositorService.isDwl || CompositorService.isSway || CompositorService.isScroll
|
|
}
|
|
|
|
SettingsButtonGroupRow {
|
|
text: I18n.tr("Urgent Color")
|
|
visible: CompositorService.isNiri || CompositorService.isHyprland || CompositorService.isDwl || CompositorService.isSway || CompositorService.isScroll
|
|
model: ["err", "pri", "sec", "s", "sc"]
|
|
buttonHeight: 22
|
|
minButtonWidth: 36
|
|
buttonPadding: Theme.spacingS
|
|
checkIconSize: Theme.iconSizeSmall - 2
|
|
textSize: Theme.fontSizeSmall - 1
|
|
spacing: 1
|
|
currentIndex: {
|
|
switch (SettingsData.workspaceUrgentColorMode) {
|
|
case "primary":
|
|
return 1;
|
|
case "secondary":
|
|
return 2;
|
|
case "s":
|
|
return 3;
|
|
case "sc":
|
|
return 4;
|
|
default:
|
|
return 0;
|
|
}
|
|
}
|
|
onSelectionChanged: (index, selected) => {
|
|
if (!selected)
|
|
return;
|
|
const modes = ["default", "primary", "secondary", "s", "sc"];
|
|
SettingsData.set("workspaceUrgentColorMode", modes[index]);
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 1
|
|
color: Theme.outline
|
|
opacity: 0.15
|
|
}
|
|
|
|
SettingsToggleRow {
|
|
settingKey: "workspaceFocusedBorderEnabled"
|
|
tags: ["workspace", "border", "outline", "focused", "ring"]
|
|
text: I18n.tr("Focused Border")
|
|
description: I18n.tr("Show an outline ring around the focused workspace indicator")
|
|
checked: SettingsData.workspaceFocusedBorderEnabled
|
|
onToggled: checked => SettingsData.set("workspaceFocusedBorderEnabled", checked)
|
|
}
|
|
|
|
Column {
|
|
width: parent.width
|
|
spacing: Theme.spacingS
|
|
visible: SettingsData.workspaceFocusedBorderEnabled
|
|
leftPadding: Theme.spacingM
|
|
|
|
SettingsButtonGroupRow {
|
|
width: parent.width - parent.leftPadding
|
|
text: I18n.tr("Border Color")
|
|
model: [I18n.tr("Surface"), I18n.tr("Secondary"), I18n.tr("Primary")]
|
|
currentIndex: {
|
|
switch (SettingsData.workspaceFocusedBorderColor) {
|
|
case "surfaceText":
|
|
return 0;
|
|
case "secondary":
|
|
return 1;
|
|
case "primary":
|
|
return 2;
|
|
default:
|
|
return 2;
|
|
}
|
|
}
|
|
onSelectionChanged: (index, selected) => {
|
|
if (!selected)
|
|
return;
|
|
let newColor = "primary";
|
|
switch (index) {
|
|
case 0:
|
|
newColor = "surfaceText";
|
|
break;
|
|
case 1:
|
|
newColor = "secondary";
|
|
break;
|
|
case 2:
|
|
newColor = "primary";
|
|
break;
|
|
}
|
|
SettingsData.set("workspaceFocusedBorderColor", newColor);
|
|
}
|
|
}
|
|
|
|
SettingsSliderRow {
|
|
width: parent.width - parent.leftPadding
|
|
text: I18n.tr("Thickness")
|
|
value: SettingsData.workspaceFocusedBorderThickness
|
|
minimum: 1
|
|
maximum: 6
|
|
unit: "px"
|
|
defaultValue: 2
|
|
onSliderValueChanged: newValue => SettingsData.set("workspaceFocusedBorderThickness", newValue)
|
|
}
|
|
}
|
|
}
|
|
|
|
SettingsCard {
|
|
width: parent.width
|
|
iconName: "label"
|
|
title: I18n.tr("Named Workspace Icons")
|
|
settingKey: "workspaceIcons"
|
|
visible: SettingsData.hasNamedWorkspaces()
|
|
|
|
StyledText {
|
|
width: parent.width
|
|
text: I18n.tr("Configure icons for named workspaces. Icons take priority over numbers when both are enabled.")
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.outline
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
|
|
Repeater {
|
|
model: SettingsData.getNamedWorkspaces()
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: workspaceIconRow.implicitHeight + Theme.spacingM
|
|
radius: Theme.cornerRadius
|
|
color: Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.5)
|
|
border.width: 0
|
|
|
|
Row {
|
|
id: workspaceIconRow
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.leftMargin: Theme.spacingM
|
|
anchors.rightMargin: Theme.spacingM
|
|
spacing: Theme.spacingM
|
|
|
|
StyledText {
|
|
text: "\"" + modelData + "\""
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
font.weight: Font.Medium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
width: 150
|
|
elide: Text.ElideRight
|
|
}
|
|
|
|
DankIconPicker {
|
|
id: iconPicker
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
Component.onCompleted: {
|
|
var iconData = SettingsData.getWorkspaceNameIcon(modelData);
|
|
if (iconData) {
|
|
setIcon(iconData.value, iconData.type);
|
|
}
|
|
}
|
|
|
|
onIconSelected: (iconName, iconType) => {
|
|
SettingsData.setWorkspaceNameIcon(modelData, {
|
|
"type": iconType,
|
|
"value": iconName
|
|
});
|
|
setIcon(iconName, iconType);
|
|
}
|
|
|
|
Connections {
|
|
target: SettingsData
|
|
function onWorkspaceIconsUpdated() {
|
|
var iconData = SettingsData.getWorkspaceNameIcon(modelData);
|
|
if (iconData) {
|
|
iconPicker.setIcon(iconData.value, iconData.type);
|
|
} else {
|
|
iconPicker.setIcon("", "icon");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: 28
|
|
height: 28
|
|
radius: Theme.cornerRadius
|
|
color: clearMouseArea.containsMouse ? Theme.errorHover : Theme.surfaceContainer
|
|
border.width: 0
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
DankIcon {
|
|
name: "close"
|
|
size: 16
|
|
color: clearMouseArea.containsMouse ? Theme.error : Theme.outline
|
|
anchors.centerIn: parent
|
|
}
|
|
|
|
MouseArea {
|
|
id: clearMouseArea
|
|
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: SettingsData.removeWorkspaceNameIcon(modelData)
|
|
}
|
|
}
|
|
|
|
Item {
|
|
width: parent.width - 150 - 240 - 28 - Theme.spacingM * 4
|
|
height: 1
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|