mirror of
https://github.com/noctalia-dev/noctalia-shell.git
synced 2026-05-11 17:08:27 +08:00
ItsLemmy
115 lines
3.5 KiB
QML
115 lines
3.5 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import Quickshell
|
|
import qs.Commons
|
|
import qs.Widgets
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
spacing: Style.marginM
|
|
|
|
// Properties to receive data from parent
|
|
property var widgetData: null
|
|
property var widgetMetadata: null
|
|
|
|
// Local state
|
|
property string valueIcon: widgetData.icon !== undefined ? widgetData.icon : widgetMetadata.icon
|
|
property bool valueUseDistroLogo: widgetData.useDistroLogo !== undefined ? widgetData.useDistroLogo : widgetMetadata.useDistroLogo
|
|
property string valueCustomIconPath: widgetData.customIconPath !== undefined ? widgetData.customIconPath : ""
|
|
property bool valueColorizeDistroLogo: widgetData.colorizeDistroLogo !== undefined ? widgetData.colorizeDistroLogo : (widgetMetadata.colorizeDistroLogo !== undefined ? widgetMetadata.colorizeDistroLogo : false)
|
|
|
|
function saveSettings() {
|
|
var settings = Object.assign({}, widgetData || {});
|
|
settings.icon = valueIcon;
|
|
settings.useDistroLogo = valueUseDistroLogo;
|
|
settings.customIconPath = valueCustomIconPath;
|
|
settings.colorizeDistroLogo = valueColorizeDistroLogo;
|
|
return settings;
|
|
}
|
|
|
|
NToggle {
|
|
label: I18n.tr("bar.widget-settings.control-center.use-distro-logo.label")
|
|
description: I18n.tr("bar.widget-settings.control-center.use-distro-logo.description")
|
|
checked: valueUseDistroLogo
|
|
onToggled: function (checked) {
|
|
valueUseDistroLogo = checked;
|
|
if (checked) {
|
|
valueCustomIconPath = "";
|
|
valueIcon = "";
|
|
}
|
|
}
|
|
}
|
|
|
|
NToggle {
|
|
visible: valueUseDistroLogo
|
|
label: I18n.tr("bar.widget-settings.control-center.colorize-distro-logo.label")
|
|
description: I18n.tr("bar.widget-settings.control-center.colorize-distro-logo.description")
|
|
checked: valueColorizeDistroLogo
|
|
onToggled: function (checked) {
|
|
valueColorizeDistroLogo = checked;
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
spacing: Style.marginM
|
|
|
|
NLabel {
|
|
label: I18n.tr("bar.widget-settings.control-center.icon.label")
|
|
description: I18n.tr("bar.widget-settings.control-center.icon.description")
|
|
}
|
|
|
|
NImageCircled {
|
|
Layout.preferredWidth: Style.fontSizeXL * 2
|
|
Layout.preferredHeight: Style.fontSizeXL * 2
|
|
Layout.alignment: Qt.AlignVCenter
|
|
imagePath: valueCustomIconPath
|
|
visible: valueCustomIconPath !== ""
|
|
}
|
|
|
|
NIcon {
|
|
Layout.alignment: Qt.AlignVCenter
|
|
icon: valueIcon
|
|
pointSize: Style.fontSizeXXL * 1.5
|
|
visible: valueIcon !== "" && valueCustomIconPath === ""
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
spacing: Style.marginM
|
|
NButton {
|
|
enabled: !valueUseDistroLogo
|
|
text: I18n.tr("bar.widget-settings.control-center.browse-library")
|
|
onClicked: iconPicker.open()
|
|
}
|
|
|
|
NButton {
|
|
enabled: !valueUseDistroLogo
|
|
text: I18n.tr("bar.widget-settings.control-center.browse-file")
|
|
onClicked: imagePicker.openFilePicker()
|
|
}
|
|
}
|
|
|
|
NIconPicker {
|
|
id: iconPicker
|
|
initialIcon: valueIcon
|
|
onIconSelected: iconName => {
|
|
valueIcon = iconName;
|
|
valueCustomIconPath = "";
|
|
}
|
|
}
|
|
|
|
NFilePicker {
|
|
id: imagePicker
|
|
title: I18n.tr("bar.widget-settings.control-center.select-custom-icon")
|
|
selectionMode: "files"
|
|
nameFilters: ["*.jpg", "*.jpeg", "*.png", "*.gif", "*.pnm", "*.bmp"]
|
|
initialPath: Quickshell.env("HOME")
|
|
onAccepted: paths => {
|
|
if (paths.length > 0) {
|
|
valueCustomIconPath = paths[0]; // Use first selected file
|
|
}
|
|
}
|
|
}
|
|
}
|