mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2026-10-29 06:27:47 -04:00
bbedward
ccbf1d38ad
deprecation notice to plugin compatibility shims - When qml-common became a thing, we left qs.Widgets shims in place for plugin compatibility - It's annoying to need to maintain them when qml-common has any change, add a warning so we can safely deprecate them in the future - One shot rename the common stuff to D to make it shorter and nicer to write
476 lines
20 KiB
QML
476 lines
20 KiB
QML
import QtQuick
|
|
import QtQuick.Effects
|
|
import qs.Common
|
|
import qs.DCommon.Common as DCommon
|
|
import qs.Services
|
|
import qs.DCommon.Widgets
|
|
import qs.Modules.Settings.Widgets
|
|
|
|
Item {
|
|
id: aboutTab
|
|
|
|
LayoutMirroring.enabled: I18n.isRtl
|
|
LayoutMirroring.childrenInherit: true
|
|
|
|
property bool isHyprland: CompositorService.isHyprland
|
|
property bool isNiri: CompositorService.isNiri
|
|
property bool isSway: CompositorService.isSway
|
|
property bool isScroll: CompositorService.isScroll
|
|
property bool isMiracle: CompositorService.isMiracle
|
|
property bool isMango: CompositorService.isMango
|
|
property bool isLabwc: CompositorService.isLabwc
|
|
property bool isAqueous: CompositorService.isAqueous
|
|
property bool isUmbriel: CompositorService.isUmbriel
|
|
|
|
property string compositorName: {
|
|
if (isHyprland)
|
|
return "hyprland";
|
|
if (isSway)
|
|
return "sway";
|
|
if (isScroll)
|
|
return "scroll";
|
|
if (isMiracle)
|
|
return "miracle";
|
|
if (isMango)
|
|
return "mangowc";
|
|
if (isLabwc)
|
|
return "labwc";
|
|
if (isAqueous)
|
|
return "aqueous";
|
|
return "niri";
|
|
}
|
|
|
|
property string compositorLogo: {
|
|
if (isHyprland)
|
|
return "/assets/hyprland.svg";
|
|
if (isSway)
|
|
return "/assets/sway.svg";
|
|
if (isScroll)
|
|
return "/assets/sway.svg";
|
|
if (isMiracle)
|
|
return "/assets/miraclewm.svg";
|
|
if (isMango)
|
|
return "/assets/mango.png";
|
|
if (isLabwc)
|
|
return "/assets/labwc.png";
|
|
if (isAqueous)
|
|
return "/assets/aqueous.svg";
|
|
if (isUmbriel)
|
|
return "/assets/umbriel.svg";
|
|
return "/assets/niri.svg";
|
|
}
|
|
|
|
property string compositorUrl: {
|
|
if (isHyprland)
|
|
return "https://hypr.land";
|
|
if (isSway)
|
|
return "https://swaywm.org";
|
|
if (isScroll)
|
|
return "https://github.com/dawsers/scroll";
|
|
if (isMiracle)
|
|
return "https://github.com/miracle-wm-org/miracle-wm";
|
|
if (isMango)
|
|
return "https://github.com/DreamMaoMao/mangowc";
|
|
if (isLabwc)
|
|
return "https://labwc.github.io/";
|
|
if (isAqueous)
|
|
return "";
|
|
if (isUmbriel)
|
|
return "https://github.com/noctalia-dev/umbriel";
|
|
return "https://github.com/niri-wm/niri";
|
|
}
|
|
|
|
property string compositorTooltip: {
|
|
if (isHyprland)
|
|
return I18n.tr("Hyprland website");
|
|
if (isSway)
|
|
return I18n.tr("Sway website");
|
|
if (isScroll)
|
|
return I18n.tr("Scroll GitHub");
|
|
if (isMiracle)
|
|
return I18n.tr("Scroll GitHub");
|
|
if (isMango)
|
|
return I18n.tr("mangowc GitHub");
|
|
if (isLabwc)
|
|
return I18n.tr("LabWC website");
|
|
if (isAqueous)
|
|
return "Aqueous";
|
|
if (isUmbriel)
|
|
return "Umbriel";
|
|
return I18n.tr("niri GitHub");
|
|
}
|
|
|
|
property string dmsDiscordUrl: "https://discord.gg/ppWTpKmPgT"
|
|
property string dmsDiscordTooltip: I18n.tr("niri/dms Discord")
|
|
|
|
property string compositorDiscordUrl: {
|
|
if (isHyprland)
|
|
return "https://discord.com/invite/hQ9XvMUjjr";
|
|
if (isMango)
|
|
return "https://discord.gg/CPjbDxesh5";
|
|
return "";
|
|
}
|
|
|
|
property string compositorDiscordTooltip: {
|
|
if (isHyprland)
|
|
return I18n.tr("Hyprland Discord server");
|
|
if (isMango)
|
|
return I18n.tr("mangowc Discord server");
|
|
return "";
|
|
}
|
|
|
|
property string redditUrl: "https://reddit.com/r/niri"
|
|
property string redditTooltip: I18n.tr("r/niri subreddit")
|
|
|
|
property string ircUrl: "https://web.libera.chat/gamja/?channels=#labwc"
|
|
property string ircTooltip: I18n.tr("LabWC IRC channel")
|
|
|
|
property bool showMatrix: isNiri && !isHyprland && !isSway && !isScroll && !isMiracle && !isMango && !isLabwc
|
|
property bool showCompositorDiscord: isHyprland || isMango
|
|
property bool showReddit: isNiri && !isHyprland && !isSway && !isScroll && !isMiracle && !isMango && !isLabwc
|
|
property bool showIrc: isLabwc
|
|
|
|
SettingsPage {
|
|
id: mainColumn
|
|
|
|
SettingsCard {
|
|
width: parent.width
|
|
|
|
SettingsRow {
|
|
body: Column {
|
|
id: asciiSection
|
|
width: parent.width
|
|
spacing: Theme.spacingM
|
|
|
|
Row {
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
spacing: parent.width < 350 ? Theme.spacingM : Theme.spacingL
|
|
|
|
property bool compactLogo: parent.width < 400
|
|
property bool hideLogo: parent.width < 280
|
|
|
|
Image {
|
|
id: logoImage
|
|
|
|
visible: !parent.hideLogo
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
width: parent.compactLogo ? 80 : 120
|
|
height: width * (569.94629 / 506.50931)
|
|
fillMode: Image.PreserveAspectFit
|
|
smooth: true
|
|
mipmap: true
|
|
asynchronous: true
|
|
source: "file://" + Theme.shellDir + "/assets/danklogonormal.svg"
|
|
layer.enabled: true
|
|
layer.smooth: true
|
|
layer.mipmap: true
|
|
layer.effect: MultiEffect {
|
|
saturation: 0
|
|
colorization: 1
|
|
colorizationColor: Theme.primary
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: "DANK LINUX"
|
|
font.pixelSize: parent.compactLogo ? 32 : 48
|
|
font.weight: Theme.fontWeightMedium
|
|
font.family: DCommon.Fonts.sans
|
|
color: Theme.surfaceText
|
|
antialiasing: true
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
text: {
|
|
const running = SystemUpdateService.shellRunning;
|
|
if (!SystemUpdateService.sysupdateAvailable || !running)
|
|
return ShellVersionService.shellVersion ? `dms ${ShellVersionService.shellVersion}` : "dms";
|
|
if (SystemUpdateService.shellChannel !== "git")
|
|
return /^\d/.test(running) ? `dms v${running}` : `dms ${running}`;
|
|
// COPR builds (0.0.git.N.hash) carry no base version; the VERSION file does.
|
|
const base = running.startsWith("0.0.git") ? ShellVersionService.semverVersion : running.replace(/^v/, "").split("+")[0];
|
|
const build = SystemUpdateService.shellGitBuild;
|
|
return build > 0 ? `dms (git) v${base}-${build}` : `dms (git) ${running}`;
|
|
}
|
|
font.pixelSize: Theme.fontSizeXLarge
|
|
color: Theme.surfaceText
|
|
horizontalAlignment: Text.AlignHCenter
|
|
width: parent.width
|
|
}
|
|
|
|
StyledText {
|
|
visible: ShellVersionService.shellCodename.length > 0
|
|
text: `"${ShellVersionService.shellCodename}"`
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
font.italic: true
|
|
color: Theme.surfaceVariantText
|
|
horizontalAlignment: Text.AlignHCenter
|
|
width: parent.width
|
|
}
|
|
|
|
Row {
|
|
id: resourceButtonsRow
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
spacing: Theme.spacingS
|
|
|
|
property bool compactMode: parent.width < 450
|
|
|
|
DButton {
|
|
id: docsButton
|
|
tooltipText: resourceButtonsRow.compactMode ? I18n.tr("Docs") + " - " + Site.domain + "/docs" : Site.domain + "/docs"
|
|
text: resourceButtonsRow.compactMode ? "" : I18n.tr("Docs")
|
|
iconName: "menu_book"
|
|
iconSize: 18
|
|
backgroundColor: SettingsMetrics.controlSurface
|
|
textColor: Theme.surfaceText
|
|
onClicked: Qt.openUrlExternally(Site.docs)
|
|
}
|
|
|
|
DButton {
|
|
id: pluginsButton
|
|
tooltipText: resourceButtonsRow.compactMode ? I18n.tr("Plugins") + " - plugins." + Site.domain : "plugins." + Site.domain
|
|
text: resourceButtonsRow.compactMode ? "" : I18n.tr("Plugins")
|
|
iconName: "extension"
|
|
iconSize: 18
|
|
backgroundColor: SettingsMetrics.controlSurface
|
|
textColor: Theme.surfaceText
|
|
onClicked: Qt.openUrlExternally(Site.plugins)
|
|
}
|
|
|
|
DButton {
|
|
id: githubButton
|
|
tooltipText: resourceButtonsRow.compactMode ? "GitHub - AvengeMedia/DankMaterialShell" : "github.com/AvengeMedia/DankMaterialShell"
|
|
text: resourceButtonsRow.compactMode ? "" : "GitHub"
|
|
iconName: "code"
|
|
iconSize: 18
|
|
backgroundColor: SettingsMetrics.controlSurface
|
|
textColor: Theme.surfaceText
|
|
onClicked: Qt.openUrlExternally("https://github.com/AvengeMedia/DankMaterialShell")
|
|
}
|
|
|
|
DButton {
|
|
id: kofiButton
|
|
tooltipText: resourceButtonsRow.compactMode ? "Ko-fi" + " - ko-fi.com/danklinux" : "ko-fi.com/danklinux"
|
|
text: resourceButtonsRow.compactMode ? "" : "Ko-fi"
|
|
iconName: "favorite"
|
|
iconSize: 18
|
|
backgroundColor: Theme.primaryHover
|
|
textColor: Theme.primary
|
|
onClicked: Qt.openUrlExternally("https://ko-fi.com/danklinux")
|
|
}
|
|
}
|
|
|
|
Row {
|
|
id: communityIcons
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
spacing: Theme.spacingXS
|
|
|
|
DActionButton {
|
|
tooltipText: compositorTooltip
|
|
tooltipSide: "top"
|
|
onClicked: {
|
|
if (compositorUrl === "")
|
|
return;
|
|
Qt.openUrlExternally(compositorUrl);
|
|
}
|
|
|
|
Image {
|
|
anchors.centerIn: parent
|
|
width: Theme.iconSize
|
|
height: Theme.iconSize
|
|
source: Qt.resolvedUrl(".").toString().replace("file://", "").replace("/Modules/Settings/", "") + compositorLogo
|
|
sourceSize: Qt.size(24, 24)
|
|
smooth: true
|
|
fillMode: Image.PreserveAspectFit
|
|
}
|
|
}
|
|
|
|
DActionButton {
|
|
visible: showMatrix
|
|
tooltipText: I18n.tr("niri Matrix chat")
|
|
tooltipSide: "top"
|
|
onClicked: Qt.openUrlExternally("https://matrix.to/#/#niri:matrix.org")
|
|
|
|
Image {
|
|
anchors.fill: parent
|
|
anchors.margins: Theme.spacingXXS
|
|
source: Qt.resolvedUrl(".").toString().replace("file://", "").replace("/Modules/Settings/", "") + "/assets/matrix-logo-white.svg"
|
|
sourceSize: Qt.size(28, 18)
|
|
smooth: true
|
|
fillMode: Image.PreserveAspectFit
|
|
layer.enabled: true
|
|
|
|
layer.effect: MultiEffect {
|
|
colorization: 1
|
|
colorizationColor: Theme.surfaceText
|
|
}
|
|
}
|
|
}
|
|
|
|
DActionButton {
|
|
visible: showIrc
|
|
iconName: "forum"
|
|
iconSize: Theme.iconSizeMedium
|
|
iconColor: Theme.surfaceText
|
|
tooltipText: ircTooltip
|
|
tooltipSide: "top"
|
|
onClicked: Qt.openUrlExternally(ircUrl)
|
|
}
|
|
|
|
DActionButton {
|
|
tooltipText: dmsDiscordTooltip
|
|
tooltipSide: "top"
|
|
onClicked: Qt.openUrlExternally(dmsDiscordUrl)
|
|
|
|
Image {
|
|
anchors.centerIn: parent
|
|
width: Theme.iconSizeMedium
|
|
height: Theme.iconSizeMedium
|
|
source: Qt.resolvedUrl(".").toString().replace("file://", "").replace("/Modules/Settings/", "") + "/assets/discord.svg"
|
|
sourceSize: Qt.size(20, 20)
|
|
smooth: true
|
|
fillMode: Image.PreserveAspectFit
|
|
}
|
|
}
|
|
|
|
DActionButton {
|
|
visible: showCompositorDiscord
|
|
tooltipText: compositorDiscordTooltip
|
|
tooltipSide: "top"
|
|
onClicked: Qt.openUrlExternally(compositorDiscordUrl)
|
|
|
|
Image {
|
|
anchors.centerIn: parent
|
|
width: Theme.iconSizeMedium
|
|
height: Theme.iconSizeMedium
|
|
source: Qt.resolvedUrl(".").toString().replace("file://", "").replace("/Modules/Settings/", "") + "/assets/discord.svg"
|
|
sourceSize: Qt.size(20, 20)
|
|
smooth: true
|
|
fillMode: Image.PreserveAspectFit
|
|
}
|
|
}
|
|
|
|
DActionButton {
|
|
visible: showReddit
|
|
tooltipText: redditTooltip
|
|
tooltipSide: "top"
|
|
onClicked: Qt.openUrlExternally(redditUrl)
|
|
|
|
Image {
|
|
anchors.centerIn: parent
|
|
width: Theme.iconSizeMedium
|
|
height: Theme.iconSizeMedium
|
|
source: Qt.resolvedUrl(".").toString().replace("file://", "").replace("/Modules/Settings/", "") + "/assets/reddit.svg"
|
|
sourceSize: Qt.size(20, 20)
|
|
smooth: true
|
|
fillMode: Image.PreserveAspectFit
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
SettingsCard {
|
|
width: parent.width
|
|
iconName: "info"
|
|
|
|
SettingsRow {
|
|
body: StyledText {
|
|
text: I18n.tr('DMS is a highly customizable modern desktop shell with a %1 inspired design.<br/><br/>It is built with %2, a QT6 framework for building desktop shells, and %3, a statically typed, compiled programming language.', 'about page blurb, %1 is a Material 3 link, %2 is a Quickshell link, %3 is a Go link').arg(`<a href="https://m3.material.io/" style="text-decoration:none; color:${Theme.primary};">Material Design 3</a>`).arg(`<a href="https://quickshell.org" style="text-decoration:none; color:${Theme.primary};">Quickshell</a>`).arg(`<a href="https://go.dev" style="text-decoration:none; color:${Theme.primary};">Go</a>`)
|
|
textFormat: Text.RichText
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
linkColor: Theme.primary
|
|
onLinkActivated: url => Qt.openUrlExternally(url)
|
|
color: Theme.surfaceVariantText
|
|
width: parent.width
|
|
wrapMode: Text.WordWrap
|
|
|
|
HoverHandler {
|
|
cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : Qt.ArrowCursor
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
SettingsCard {
|
|
visible: DMSService.isConnected
|
|
width: parent.width
|
|
iconName: "dns"
|
|
title: I18n.tr("Backend", "noun, settings label for the backend service in use")
|
|
|
|
SettingsRow {
|
|
title: I18n.tr("Version")
|
|
trailingBadge: DMSService.cliVersion || "—"
|
|
}
|
|
|
|
SettingsRow {
|
|
title: I18n.tr("API", "about page card title, application programming interface version")
|
|
trailingBadge: `v${DMSService.apiVersion}`
|
|
}
|
|
|
|
SettingsRow {
|
|
title: I18n.tr("Status")
|
|
trailingBadge: I18n.tr("Connected")
|
|
|
|
DBadge {
|
|
color: Theme.success
|
|
}
|
|
}
|
|
|
|
SettingsRow {
|
|
visible: DMSService.capabilities.length > 0
|
|
title: I18n.tr("Capabilities")
|
|
body: Flow {
|
|
width: parent.width
|
|
spacing: Theme.spacingS
|
|
|
|
Repeater {
|
|
model: DMSService.capabilities
|
|
|
|
DBadge {
|
|
text: modelData
|
|
color: Theme.primaryHover
|
|
textColor: Theme.primary
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
SettingsCard {
|
|
width: parent.width
|
|
iconName: "build"
|
|
title: I18n.tr("Tools", "about page card title for welcome and system check")
|
|
|
|
SettingsNavRow {
|
|
iconName: "waving_hand"
|
|
title: I18n.tr("Show welcome")
|
|
onClicked: FirstLaunchService.showWelcome()
|
|
}
|
|
|
|
SettingsNavRow {
|
|
iconName: "vital_signs"
|
|
title: I18n.tr("System check")
|
|
onClicked: FirstLaunchService.showDoctor()
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
text: `<a href="https://github.com/AvengeMedia/DankMaterialShell/blob/master/LICENSE" style="text-decoration:none; color:${Theme.surfaceVariantText};">${I18n.tr('MIT License')}</a>`
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceVariantText
|
|
textFormat: Text.RichText
|
|
wrapMode: Text.NoWrap
|
|
onLinkActivated: url => Qt.openUrlExternally(url)
|
|
|
|
HoverHandler {
|
|
cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : Qt.ArrowCursor
|
|
}
|
|
}
|
|
}
|
|
}
|