mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2025-12-06 05:25:41 -05:00
1140 lines
51 KiB
QML
1140 lines
51 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Effects
|
|
import Quickshell
|
|
import qs.Common
|
|
import qs.Modals
|
|
import qs.Services
|
|
import qs.Widgets
|
|
|
|
Item {
|
|
id: personalizationTab
|
|
|
|
property alias wallpaperBrowser: wallpaperBrowser
|
|
property var parentModal: null
|
|
property var cachedFontFamilies: []
|
|
property var cachedMonoFamilies: []
|
|
property bool fontsEnumerated: false
|
|
|
|
function enumerateFonts() {
|
|
var fonts = ["Default"];
|
|
var availableFonts = Qt.fontFamilies();
|
|
var rootFamilies = [];
|
|
var seenFamilies = new Set();
|
|
for (var i = 0; i < availableFonts.length; i++) {
|
|
var fontName = availableFonts[i];
|
|
if (fontName.startsWith("."))
|
|
continue;
|
|
|
|
if (fontName === SettingsData.defaultFontFamily)
|
|
continue;
|
|
|
|
var rootName = fontName.replace(/ (Thin|Extra Light|Light|Regular|Medium|Semi Bold|Demi Bold|Bold|Extra Bold|Black|Heavy)$/i, "").replace(/ (Italic|Oblique|Condensed|Extended|Narrow|Wide)$/i, "").replace(/ (UI|Display|Text|Mono|Sans|Serif)$/i, function(match, suffix) {
|
|
return match;
|
|
}).trim();
|
|
if (!seenFamilies.has(rootName) && rootName !== "") {
|
|
seenFamilies.add(rootName);
|
|
rootFamilies.push(rootName);
|
|
}
|
|
}
|
|
cachedFontFamilies = fonts.concat(rootFamilies.sort());
|
|
var monoFonts = ["Default"];
|
|
var monoFamilies = [];
|
|
var seenMonoFamilies = new Set();
|
|
for (var j = 0; j < availableFonts.length; j++) {
|
|
var fontName2 = availableFonts[j];
|
|
if (fontName2.startsWith("."))
|
|
continue;
|
|
|
|
if (fontName2 === SettingsData.defaultMonoFontFamily)
|
|
continue;
|
|
|
|
var lowerName = fontName2.toLowerCase();
|
|
if (lowerName.includes("mono") || lowerName.includes("code") || lowerName.includes("console") || lowerName.includes("terminal") || lowerName.includes("courier") || lowerName.includes("dejavu sans mono") || lowerName.includes("jetbrains") || lowerName.includes("fira") || lowerName.includes("hack") || lowerName.includes("source code") || lowerName.includes("ubuntu mono") || lowerName.includes("cascadia")) {
|
|
var rootName2 = fontName2.replace(/ (Thin|Extra Light|Light|Regular|Medium|Semi Bold|Demi Bold|Bold|Extra Bold|Black|Heavy)$/i, "").replace(/ (Italic|Oblique|Condensed|Extended|Narrow|Wide)$/i, "").trim();
|
|
if (!seenMonoFamilies.has(rootName2) && rootName2 !== "") {
|
|
seenMonoFamilies.add(rootName2);
|
|
monoFamilies.push(rootName2);
|
|
}
|
|
}
|
|
}
|
|
cachedMonoFamilies = monoFonts.concat(monoFamilies.sort());
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
// Access WallpaperCyclingService to ensure it's initialized
|
|
WallpaperCyclingService.cyclingActive;
|
|
if (!fontsEnumerated) {
|
|
enumerateFonts();
|
|
fontsEnumerated = true;
|
|
}
|
|
}
|
|
|
|
DankFlickable {
|
|
anchors.fill: parent
|
|
anchors.topMargin: Theme.spacingL
|
|
clip: true
|
|
contentHeight: mainColumn.height
|
|
contentWidth: width
|
|
|
|
Column {
|
|
id: mainColumn
|
|
|
|
width: parent.width
|
|
spacing: Theme.spacingXL
|
|
|
|
// Wallpaper Section
|
|
StyledRect {
|
|
width: parent.width
|
|
height: wallpaperSection.implicitHeight + Theme.spacingL * 2
|
|
radius: Theme.cornerRadius
|
|
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.3)
|
|
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
|
|
border.width: 1
|
|
|
|
Column {
|
|
id: wallpaperSection
|
|
|
|
anchors.fill: parent
|
|
anchors.margins: Theme.spacingL
|
|
spacing: Theme.spacingM
|
|
|
|
Row {
|
|
width: parent.width
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "wallpaper"
|
|
size: Theme.iconSize
|
|
color: Theme.primary
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
text: "Wallpaper"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.weight: Font.Medium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
}
|
|
|
|
Row {
|
|
width: parent.width
|
|
spacing: Theme.spacingL
|
|
|
|
StyledRect {
|
|
width: 160
|
|
height: 90
|
|
radius: Theme.cornerRadius
|
|
color: Theme.surfaceVariant
|
|
border.color: Theme.outline
|
|
border.width: 1
|
|
|
|
CachingImage {
|
|
anchors.fill: parent
|
|
anchors.margins: 1
|
|
source: SessionData.wallpaperPath !== "" ? "file://" + SessionData.wallpaperPath : ""
|
|
fillMode: Image.PreserveAspectCrop
|
|
visible: SessionData.wallpaperPath !== ""
|
|
maxCacheSize: 160
|
|
layer.enabled: true
|
|
|
|
layer.effect: MultiEffect {
|
|
maskEnabled: true
|
|
maskSource: wallpaperMask
|
|
maskThresholdMin: 0.5
|
|
maskSpreadAtMin: 1
|
|
}
|
|
|
|
}
|
|
|
|
Rectangle {
|
|
id: wallpaperMask
|
|
|
|
anchors.fill: parent
|
|
anchors.margins: 1
|
|
radius: Theme.cornerRadius - 1
|
|
color: "black"
|
|
visible: false
|
|
layer.enabled: true
|
|
}
|
|
|
|
DankIcon {
|
|
anchors.centerIn: parent
|
|
name: "image"
|
|
size: Theme.iconSizeLarge + 8
|
|
color: Theme.surfaceVariantText
|
|
visible: SessionData.wallpaperPath === ""
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
anchors.margins: 1
|
|
radius: Theme.cornerRadius - 1
|
|
color: Qt.rgba(0, 0, 0, 0.7)
|
|
visible: wallpaperMouseArea.containsMouse
|
|
|
|
Row {
|
|
anchors.centerIn: parent
|
|
spacing: 4
|
|
|
|
Rectangle {
|
|
width: 32
|
|
height: 32
|
|
radius: 16
|
|
color: Qt.rgba(255, 255, 255, 0.9)
|
|
|
|
DankIcon {
|
|
anchors.centerIn: parent
|
|
name: "folder_open"
|
|
size: 18
|
|
color: "black"
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: {
|
|
if (parentModal) {
|
|
parentModal.allowFocusOverride = true;
|
|
parentModal.shouldHaveFocus = false;
|
|
}
|
|
wallpaperBrowser.open();
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
Rectangle {
|
|
width: 32
|
|
height: 32
|
|
radius: 16
|
|
color: Qt.rgba(255, 255, 255, 0.9)
|
|
visible: SessionData.wallpaperPath !== ""
|
|
|
|
DankIcon {
|
|
anchors.centerIn: parent
|
|
name: "clear"
|
|
size: 18
|
|
color: "black"
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: {
|
|
if (Theme.currentTheme === Theme.dynamic)
|
|
Theme.switchTheme("blue");
|
|
|
|
SessionData.setWallpaper("");
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
MouseArea {
|
|
id: wallpaperMouseArea
|
|
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
propagateComposedEvents: true
|
|
acceptedButtons: Qt.NoButton
|
|
}
|
|
|
|
}
|
|
|
|
Column {
|
|
width: parent.width - 160 - Theme.spacingL
|
|
spacing: Theme.spacingS
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
StyledText {
|
|
text: SessionData.wallpaperPath ? SessionData.wallpaperPath.split('/').pop() : "No wallpaper selected"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
color: Theme.surfaceText
|
|
elide: Text.ElideMiddle
|
|
maximumLineCount: 1
|
|
width: parent.width
|
|
}
|
|
|
|
StyledText {
|
|
text: SessionData.wallpaperPath ? SessionData.wallpaperPath : ""
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceVariantText
|
|
elide: Text.ElideMiddle
|
|
maximumLineCount: 1
|
|
width: parent.width
|
|
visible: SessionData.wallpaperPath !== ""
|
|
}
|
|
|
|
Row {
|
|
spacing: Theme.spacingS
|
|
visible: SessionData.wallpaperPath !== ""
|
|
|
|
DankActionButton {
|
|
buttonSize: 32
|
|
iconName: "skip_previous"
|
|
iconSize: Theme.iconSizeSmall
|
|
enabled: SessionData.wallpaperPath
|
|
opacity: SessionData.wallpaperPath ? 1 : 0.5
|
|
backgroundColor: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.5)
|
|
hoverColor: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12)
|
|
iconColor: Theme.surfaceText
|
|
onClicked: {
|
|
WallpaperCyclingService.cyclePrevManually();
|
|
}
|
|
}
|
|
|
|
DankActionButton {
|
|
buttonSize: 32
|
|
iconName: "skip_next"
|
|
iconSize: Theme.iconSizeSmall
|
|
enabled: SessionData.wallpaperPath
|
|
opacity: SessionData.wallpaperPath ? 1 : 0.5
|
|
backgroundColor: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.5)
|
|
hoverColor: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12)
|
|
iconColor: Theme.surfaceText
|
|
onClicked: {
|
|
WallpaperCyclingService.cycleNextManually();
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// Wallpaper Cycling Section - Full Width
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 1
|
|
color: Theme.outline
|
|
opacity: 0.2
|
|
visible: SessionData.wallpaperPath !== ""
|
|
}
|
|
|
|
Column {
|
|
width: parent.width
|
|
spacing: Theme.spacingM
|
|
visible: SessionData.wallpaperPath !== ""
|
|
|
|
Row {
|
|
width: parent.width
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "schedule"
|
|
size: Theme.iconSize
|
|
color: SessionData.wallpaperCyclingEnabled ? Theme.primary : Theme.surfaceVariantText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Column {
|
|
width: parent.width - Theme.iconSize - Theme.spacingM - cyclingToggle.width - Theme.spacingM
|
|
spacing: Theme.spacingXS
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
StyledText {
|
|
text: "Automatic Cycling"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.weight: Font.Medium
|
|
color: Theme.surfaceText
|
|
}
|
|
|
|
StyledText {
|
|
text: "Automatically cycle through wallpapers in the same folder"
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceVariantText
|
|
width: parent.width
|
|
}
|
|
|
|
}
|
|
|
|
DankToggle {
|
|
id: cyclingToggle
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
checked: SessionData.wallpaperCyclingEnabled
|
|
onToggled: (toggled) => {
|
|
return SessionData.setWallpaperCyclingEnabled(toggled);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
// Cycling mode and settings
|
|
Column {
|
|
width: parent.width
|
|
spacing: Theme.spacingS
|
|
visible: SessionData.wallpaperCyclingEnabled
|
|
leftPadding: Theme.iconSize + Theme.spacingM
|
|
|
|
Row {
|
|
spacing: Theme.spacingL
|
|
width: parent.width - parent.leftPadding
|
|
|
|
StyledText {
|
|
text: "Mode:"
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
DankTabBar {
|
|
id: modeTabBar
|
|
|
|
width: 200
|
|
height: 32
|
|
model: [{
|
|
"text": "Interval"
|
|
}, {
|
|
"text": "Time"
|
|
}]
|
|
currentIndex: SessionData.wallpaperCyclingMode === "time" ? 1 : 0
|
|
onTabClicked: (index) => {
|
|
SessionData.setWallpaperCyclingMode(index === 1 ? "time" : "interval");
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
// Interval settings
|
|
DankDropdown {
|
|
property var intervalOptions: ["1 minute", "5 minutes", "15 minutes", "30 minutes", "1 hour", "1.5 hours", "2 hours", "3 hours", "4 hours", "6 hours", "8 hours", "12 hours"]
|
|
property var intervalValues: [60, 300, 900, 1800, 3600, 5400, 7200, 10800, 14400, 21600, 28800, 43200]
|
|
|
|
width: parent.width - parent.leftPadding
|
|
visible: SessionData.wallpaperCyclingMode === "interval"
|
|
text: "Interval"
|
|
description: "How often to change wallpaper"
|
|
options: intervalOptions
|
|
currentValue: {
|
|
const currentSeconds = SessionData.wallpaperCyclingInterval;
|
|
const index = intervalValues.indexOf(currentSeconds);
|
|
return index >= 0 ? intervalOptions[index] : "5 minutes";
|
|
}
|
|
onValueChanged: (value) => {
|
|
const index = intervalOptions.indexOf(value);
|
|
if (index >= 0)
|
|
SessionData.setWallpaperCyclingInterval(intervalValues[index]);
|
|
|
|
}
|
|
}
|
|
|
|
// Time settings
|
|
Row {
|
|
spacing: Theme.spacingM
|
|
visible: SessionData.wallpaperCyclingMode === "time"
|
|
width: parent.width - parent.leftPadding
|
|
|
|
StyledText {
|
|
text: "Daily at:"
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
DankTextField {
|
|
width: 100
|
|
height: 40
|
|
text: SessionData.wallpaperCyclingTime
|
|
placeholderText: "00:00"
|
|
maximumLength: 5
|
|
topPadding: Theme.spacingS
|
|
bottomPadding: Theme.spacingS
|
|
onAccepted: {
|
|
var isValid = /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/.test(text);
|
|
if (isValid)
|
|
SessionData.setWallpaperCyclingTime(text);
|
|
else
|
|
text = SessionData.wallpaperCyclingTime;
|
|
}
|
|
onEditingFinished: {
|
|
var isValid = /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/.test(text);
|
|
if (isValid)
|
|
SessionData.setWallpaperCyclingTime(text);
|
|
else
|
|
text = SessionData.wallpaperCyclingTime;
|
|
}
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
validator: RegularExpressionValidator {
|
|
regularExpression: /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/
|
|
}
|
|
|
|
}
|
|
|
|
StyledText {
|
|
text: "24-hour format"
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceVariantText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// Dynamic Theme Section
|
|
StyledRect {
|
|
width: parent.width
|
|
height: dynamicThemeSection.implicitHeight + Theme.spacingL * 2
|
|
radius: Theme.cornerRadius
|
|
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.3)
|
|
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
|
|
border.width: 1
|
|
|
|
Column {
|
|
id: dynamicThemeSection
|
|
|
|
anchors.fill: parent
|
|
anchors.margins: Theme.spacingL
|
|
spacing: Theme.spacingM
|
|
|
|
Row {
|
|
width: parent.width
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "palette"
|
|
size: Theme.iconSize
|
|
color: Theme.primary
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Column {
|
|
width: parent.width - Theme.iconSize - Theme.spacingM - toggle.width - Theme.spacingM
|
|
spacing: Theme.spacingXS
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
StyledText {
|
|
text: "Dynamic Theming"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.weight: Font.Medium
|
|
color: Theme.surfaceText
|
|
}
|
|
|
|
StyledText {
|
|
text: "Automatically extract colors from wallpaper"
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceVariantText
|
|
wrapMode: Text.WordWrap
|
|
width: parent.width
|
|
}
|
|
|
|
}
|
|
|
|
DankToggle {
|
|
id: toggle
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
checked: Theme.wallpaperPath !== "" && Theme.currentTheme === Theme.dynamic
|
|
enabled: ToastService.wallpaperErrorStatus !== "matugen_missing" && Theme.wallpaperPath !== ""
|
|
onToggled: (toggled) => {
|
|
if (toggled)
|
|
Theme.switchTheme(Theme.dynamic);
|
|
else
|
|
Theme.switchTheme("blue");
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
StyledText {
|
|
text: "matugen not detected - dynamic theming unavailable"
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.error
|
|
visible: ToastService.wallpaperErrorStatus === "matugen_missing"
|
|
width: parent.width
|
|
leftPadding: Theme.iconSize + Theme.spacingM
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// Display Settings
|
|
StyledRect {
|
|
width: parent.width
|
|
height: displaySection.implicitHeight + Theme.spacingL * 2
|
|
radius: Theme.cornerRadius
|
|
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.3)
|
|
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
|
|
border.width: 1
|
|
|
|
Column {
|
|
id: displaySection
|
|
|
|
anchors.fill: parent
|
|
anchors.margins: Theme.spacingL
|
|
spacing: Theme.spacingM
|
|
|
|
Row {
|
|
width: parent.width
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "monitor"
|
|
size: Theme.iconSize
|
|
color: Theme.primary
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
text: "Display Settings"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.weight: Font.Medium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
}
|
|
|
|
DankToggle {
|
|
id: nightModeToggle
|
|
|
|
width: parent.width
|
|
text: "Night Mode (Manual)"
|
|
description: SessionData.nightModeAutoEnabled ? "Manual control - automation will override when scheduled" : "Apply warm color temperature to reduce eye strain"
|
|
checked: DisplayService.nightModeActive
|
|
opacity: SessionData.nightModeAutoEnabled ? 0.7 : 1
|
|
onToggled: (checked) => {
|
|
if (checked !== DisplayService.nightModeActive) {
|
|
if (checked)
|
|
DisplayService.enableNightMode();
|
|
else
|
|
DisplayService.disableNightMode();
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
function onNightModeActiveChanged() {
|
|
nightModeToggle.checked = DisplayService.nightModeActive;
|
|
}
|
|
|
|
target: DisplayService
|
|
}
|
|
|
|
}
|
|
|
|
DankDropdown {
|
|
width: parent.width
|
|
text: "Night Mode Temperature"
|
|
description: DisplayService.nightModeActive ? "Disable night mode to adjust" : "Set temperature for night mode"
|
|
enabled: !DisplayService.nightModeActive
|
|
opacity: !DisplayService.nightModeActive ? 1 : 0.6
|
|
currentValue: SessionData.nightModeTemperature + "K"
|
|
options: {
|
|
var temps = [];
|
|
for (var i = 2500; i <= 6000; i += 500) {
|
|
temps.push(i + "K");
|
|
}
|
|
return temps;
|
|
}
|
|
onValueChanged: (value) => {
|
|
var temp = parseInt(value.replace("K", ""));
|
|
SessionData.setNightModeTemperature(temp);
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 1
|
|
color: Theme.outline
|
|
opacity: 0.2
|
|
}
|
|
|
|
DankToggle {
|
|
width: parent.width
|
|
text: "Night Mode Automation"
|
|
description: "Automatically enable/disable night mode based on time or location, independent of the manual toggle."
|
|
checked: SessionData.nightModeAutoEnabled
|
|
onToggled: (checked) => {
|
|
SessionData.setNightModeAutoEnabled(checked);
|
|
}
|
|
}
|
|
|
|
Column {
|
|
width: parent.width
|
|
spacing: Theme.spacingM
|
|
visible: SessionData.nightModeAutoEnabled
|
|
leftPadding: Theme.spacingM
|
|
|
|
Row {
|
|
spacing: Theme.spacingL
|
|
width: parent.width - parent.leftPadding
|
|
|
|
StyledText {
|
|
text: "Mode:"
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
DankTabBar {
|
|
width: 200
|
|
height: 32
|
|
model: [{
|
|
"text": "Time"
|
|
}, {
|
|
"text": "Location"
|
|
}]
|
|
currentIndex: SessionData.nightModeAutoMode === "location" ? 1 : 0
|
|
onTabClicked: (index) => {
|
|
SessionData.setNightModeAutoMode(index === 1 ? "location" : "time");
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
Row {
|
|
spacing: Theme.spacingM
|
|
visible: SessionData.nightModeAutoMode === "time"
|
|
width: parent.width - parent.leftPadding
|
|
topPadding: Theme.spacingL
|
|
|
|
StyledText {
|
|
text: "Start:"
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
DankTextField {
|
|
id: startTimeField
|
|
width: 80
|
|
height: 32
|
|
text: SessionData.nightModeStartTime
|
|
placeholderText: "20:00"
|
|
maximumLength: 5
|
|
topPadding: Theme.spacingXS
|
|
bottomPadding: Theme.spacingXS
|
|
normalBorderColor: {
|
|
if (text.length === 0) return Theme.outlineStrong;
|
|
var isValid = /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/.test(text);
|
|
return isValid ? Theme.success : Theme.error;
|
|
}
|
|
onAccepted: {
|
|
var isValid = /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/.test(text);
|
|
if (isValid) {
|
|
SessionData.setNightModeStartTime(text);
|
|
} else {
|
|
text = SessionData.nightModeStartTime;
|
|
}
|
|
}
|
|
onEditingFinished: {
|
|
var isValid = /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/.test(text);
|
|
if (isValid) {
|
|
SessionData.setNightModeStartTime(text);
|
|
} else {
|
|
text = SessionData.nightModeStartTime;
|
|
}
|
|
}
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
validator: RegularExpressionValidator {
|
|
regularExpression: /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/
|
|
}
|
|
|
|
}
|
|
|
|
StyledText {
|
|
text: "End:"
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
DankTextField {
|
|
id: endTimeField
|
|
width: 80
|
|
height: 32
|
|
text: SessionData.nightModeEndTime
|
|
placeholderText: "06:00"
|
|
maximumLength: 5
|
|
topPadding: Theme.spacingXS
|
|
bottomPadding: Theme.spacingXS
|
|
normalBorderColor: {
|
|
if (text.length === 0) return Theme.outlineStrong;
|
|
var isValid = /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/.test(text);
|
|
return isValid ? Theme.success : Theme.error;
|
|
}
|
|
onAccepted: {
|
|
var isValid = /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/.test(text);
|
|
if (isValid) {
|
|
SessionData.setNightModeEndTime(text);
|
|
} else {
|
|
text = SessionData.nightModeEndTime;
|
|
}
|
|
}
|
|
onEditingFinished: {
|
|
var isValid = /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/.test(text);
|
|
if (isValid) {
|
|
SessionData.setNightModeEndTime(text);
|
|
} else {
|
|
text = SessionData.nightModeEndTime;
|
|
}
|
|
}
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
validator: RegularExpressionValidator {
|
|
regularExpression: /^([0-1][0-9]|2[0-3]):[0-5][0-9]$/
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
Column {
|
|
width: parent.width - parent.leftPadding
|
|
spacing: Theme.spacingXS
|
|
visible: SessionData.nightModeAutoMode === "location"
|
|
|
|
StyledText {
|
|
text: "Uses automatic location detection for sunrise/sunset times. If automatic detection fails, enter your coordinates manually below (e.g., NYC: 40.7128, -74.0060)."
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceVariantText
|
|
width: parent.width
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
|
|
}
|
|
|
|
Row {
|
|
spacing: Theme.spacingM
|
|
visible: SessionData.nightModeAutoMode === "location"
|
|
width: parent.width - parent.leftPadding
|
|
|
|
StyledText {
|
|
text: "Coordinates:"
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
DankTextField {
|
|
id: latitudeField
|
|
width: 90
|
|
height: 32
|
|
text: SessionData.latitude ? SessionData.latitude.toString() : ""
|
|
placeholderText: "40.7128"
|
|
maximumLength: 10
|
|
topPadding: Theme.spacingXS
|
|
bottomPadding: Theme.spacingXS
|
|
normalBorderColor: {
|
|
if (text.length === 0) return Theme.outlineStrong;
|
|
var lat = parseFloat(text);
|
|
return (!isNaN(lat) && lat >= -90 && lat <= 90) ? Theme.success : Theme.error;
|
|
}
|
|
onAccepted: {
|
|
var lat = parseFloat(text);
|
|
if (!isNaN(lat) && lat >= -90 && lat <= 90) {
|
|
SessionData.setLatitude(lat);
|
|
} else {
|
|
text = SessionData.latitude ? SessionData.latitude.toString() : "";
|
|
}
|
|
}
|
|
onEditingFinished: {
|
|
var lat = parseFloat(text);
|
|
if (!isNaN(lat) && lat >= -90 && lat <= 90) {
|
|
SessionData.setLatitude(lat);
|
|
} else {
|
|
text = SessionData.latitude ? SessionData.latitude.toString() : "";
|
|
}
|
|
}
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
text: ","
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
DankTextField {
|
|
id: longitudeField
|
|
width: 90
|
|
height: 32
|
|
text: SessionData.longitude ? SessionData.longitude.toString() : ""
|
|
placeholderText: "-74.0060"
|
|
maximumLength: 11
|
|
topPadding: Theme.spacingXS
|
|
bottomPadding: Theme.spacingXS
|
|
normalBorderColor: {
|
|
if (text.length === 0) return Theme.outlineStrong;
|
|
var lon = parseFloat(text);
|
|
return (!isNaN(lon) && lon >= -180 && lon <= 180) ? Theme.success : Theme.error;
|
|
}
|
|
onAccepted: {
|
|
var lon = parseFloat(text);
|
|
if (!isNaN(lon) && lon >= -180 && lon <= 180) {
|
|
SessionData.setLongitude(lon);
|
|
} else {
|
|
text = SessionData.longitude ? SessionData.longitude.toString() : "";
|
|
}
|
|
}
|
|
onEditingFinished: {
|
|
var lon = parseFloat(text);
|
|
if (!isNaN(lon) && lon >= -180 && lon <= 180) {
|
|
SessionData.setLongitude(lon);
|
|
} else {
|
|
text = SessionData.longitude ? SessionData.longitude.toString() : "";
|
|
}
|
|
}
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
text: "(lat, lng)"
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceVariantText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledRect {
|
|
width: 60
|
|
height: 32
|
|
radius: Theme.cornerRadius
|
|
color: Theme.surfaceVariant
|
|
border.color: Theme.outline
|
|
border.width: 1
|
|
|
|
StyledText {
|
|
text: "Clear"
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: Theme.surfaceVariantText
|
|
anchors.centerIn: parent
|
|
}
|
|
|
|
StateLayer {
|
|
stateColor: Theme.error
|
|
cornerRadius: parent.radius
|
|
onClicked: {
|
|
console.log("PersonalizationTab: Clearing location coordinates via UI")
|
|
SessionData.setLatitude(0.0);
|
|
SessionData.setLongitude(0.0);
|
|
latitudeField.text = "";
|
|
longitudeField.text = "";
|
|
// Also call the service clear function
|
|
if (typeof globalThis !== 'undefined' && globalThis.clearNightModeLocation) {
|
|
globalThis.clearNightModeLocation();
|
|
}
|
|
}
|
|
}
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
DankToggle {
|
|
width: parent.width
|
|
text: "Light Mode"
|
|
description: "Use light theme instead of dark theme"
|
|
checked: SessionData.isLightMode
|
|
onToggled: (checked) => {
|
|
Theme.setLightMode(checked);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// Font Settings
|
|
StyledRect {
|
|
width: parent.width
|
|
height: fontSection.implicitHeight + Theme.spacingL * 2
|
|
radius: Theme.cornerRadius
|
|
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.3)
|
|
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
|
|
border.width: 1
|
|
|
|
Column {
|
|
id: fontSection
|
|
|
|
anchors.fill: parent
|
|
anchors.margins: Theme.spacingL
|
|
spacing: Theme.spacingM
|
|
|
|
Row {
|
|
width: parent.width
|
|
spacing: Theme.spacingM
|
|
|
|
DankIcon {
|
|
name: "font_download"
|
|
size: Theme.iconSize
|
|
color: Theme.primary
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
StyledText {
|
|
text: "Font Settings"
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.weight: Font.Medium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
}
|
|
|
|
DankDropdown {
|
|
width: parent.width
|
|
text: "Font Family"
|
|
description: "Select system font family"
|
|
currentValue: {
|
|
if (SettingsData.fontFamily === SettingsData.defaultFontFamily)
|
|
return "Default";
|
|
else
|
|
return SettingsData.fontFamily || "Default";
|
|
}
|
|
enableFuzzySearch: true
|
|
popupWidthOffset: 100
|
|
maxPopupHeight: 400
|
|
options: cachedFontFamilies
|
|
onValueChanged: (value) => {
|
|
if (value.startsWith("Default"))
|
|
SettingsData.setFontFamily(SettingsData.defaultFontFamily);
|
|
else
|
|
SettingsData.setFontFamily(value);
|
|
}
|
|
}
|
|
|
|
DankDropdown {
|
|
width: parent.width
|
|
text: "Font Weight"
|
|
description: "Select font weight"
|
|
currentValue: {
|
|
switch (SettingsData.fontWeight) {
|
|
case Font.Thin:
|
|
return "Thin";
|
|
case Font.ExtraLight:
|
|
return "Extra Light";
|
|
case Font.Light:
|
|
return "Light";
|
|
case Font.Normal:
|
|
return "Regular";
|
|
case Font.Medium:
|
|
return "Medium";
|
|
case Font.DemiBold:
|
|
return "Demi Bold";
|
|
case Font.Bold:
|
|
return "Bold";
|
|
case Font.ExtraBold:
|
|
return "Extra Bold";
|
|
case Font.Black:
|
|
return "Black";
|
|
default:
|
|
return "Regular";
|
|
}
|
|
}
|
|
options: ["Thin", "Extra Light", "Light", "Regular", "Medium", "Demi Bold", "Bold", "Extra Bold", "Black"]
|
|
onValueChanged: (value) => {
|
|
var weight;
|
|
switch (value) {
|
|
case "Thin":
|
|
weight = Font.Thin;
|
|
break;
|
|
case "Extra Light":
|
|
weight = Font.ExtraLight;
|
|
break;
|
|
case "Light":
|
|
weight = Font.Light;
|
|
break;
|
|
case "Regular":
|
|
weight = Font.Normal;
|
|
break;
|
|
case "Medium":
|
|
weight = Font.Medium;
|
|
break;
|
|
case "Demi Bold":
|
|
weight = Font.DemiBold;
|
|
break;
|
|
case "Bold":
|
|
weight = Font.Bold;
|
|
break;
|
|
case "Extra Bold":
|
|
weight = Font.ExtraBold;
|
|
break;
|
|
case "Black":
|
|
weight = Font.Black;
|
|
break;
|
|
default:
|
|
weight = Font.Normal;
|
|
break;
|
|
}
|
|
SettingsData.setFontWeight(weight);
|
|
}
|
|
}
|
|
|
|
DankDropdown {
|
|
width: parent.width
|
|
text: "Monospace Font"
|
|
description: "Select monospace font for process list and technical displays"
|
|
currentValue: {
|
|
if (SettingsData.monoFontFamily === SettingsData.defaultMonoFontFamily)
|
|
return "Default";
|
|
|
|
return SettingsData.monoFontFamily || "Default";
|
|
}
|
|
enableFuzzySearch: true
|
|
popupWidthOffset: 100
|
|
maxPopupHeight: 400
|
|
options: cachedMonoFamilies
|
|
onValueChanged: (value) => {
|
|
if (value === "Default")
|
|
SettingsData.setMonoFontFamily(SettingsData.defaultMonoFontFamily);
|
|
else
|
|
SettingsData.setMonoFontFamily(value);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
FileBrowserModal {
|
|
id: wallpaperBrowser
|
|
|
|
browserTitle: "Select Wallpaper"
|
|
browserIcon: "wallpaper"
|
|
browserType: "wallpaper"
|
|
fileExtensions: ["*.jpg", "*.jpeg", "*.png", "*.bmp", "*.gif", "*.webp"]
|
|
onFileSelected: (path) => {
|
|
SessionData.setWallpaper(path);
|
|
close();
|
|
}
|
|
onDialogClosed: {
|
|
if (parentModal) {
|
|
parentModal.allowFocusOverride = false;
|
|
parentModal.shouldHaveFocus = Qt.binding(() => {
|
|
return parentModal.shouldBeVisible;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|