Domipoke
975 lines
29 KiB
QML
975 lines
29 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import Quickshell
|
|
import Quickshell.Io
|
|
import qs.Commons
|
|
import qs.Widgets
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
spacing: 0
|
|
|
|
property var pluginApi: null
|
|
|
|
// Live preview + revert-on-cancel pattern (approved deviation from AGENTS.md edit-copy).
|
|
// User-approved 2026-04-20. Settings changes apply visually in real time to Panel/BarWidget
|
|
// but are only persisted to disk when the shell calls saveSettings() (Apply button).
|
|
// Closing without Apply restores the snapshot taken on open.
|
|
property var _snapshot: null
|
|
property bool _applied: false
|
|
|
|
function _applyPreview(key, value) {
|
|
if (!pluginApi) return;
|
|
var patch = {};
|
|
patch[key] = value;
|
|
pluginApi.pluginSettings = Object.assign({}, pluginApi.pluginSettings, patch);
|
|
}
|
|
|
|
property bool valueTodoIntegration: pluginApi?.pluginSettings?.enableTodoIntegration ?? false
|
|
property bool valuePincardsEnabled: pluginApi?.pluginSettings?.pincardsEnabled ?? true
|
|
property bool valueNotecardsEnabled: pluginApi?.pluginSettings?.notecardsEnabled ?? true
|
|
property bool valueShowCloseButton: pluginApi?.pluginSettings?.showCloseButton ?? false
|
|
property bool valueFullscreenMode: pluginApi?.pluginSettings?.fullscreenMode ?? false
|
|
property bool valueHidePanelBackground: pluginApi?.pluginSettings?.hidePanelBackground ?? false
|
|
property bool valueAutoPaste: pluginApi?.pluginSettings?.autoPaste ?? false
|
|
property bool valueAutoPasteOnRightClick: pluginApi?.pluginSettings?.autoPasteOnRightClick ?? false
|
|
property int valueAutoPasteDelay: pluginApi?.pluginSettings?.autoPasteDelay ?? 300
|
|
property int valuePanelWidth: pluginApi?.pluginSettings?.panelWidth ?? 1450
|
|
property int valuePanelHeight: pluginApi?.pluginSettings?.panelHeight ?? 0
|
|
property var pendingCardColors: JSON.parse(JSON.stringify(defaultCardColors))
|
|
property var pendingCustomColors: {
|
|
"Text": {
|
|
bg: "#555555",
|
|
separator: "#000000",
|
|
fg: "#e9e4f0"
|
|
},
|
|
"Image": {
|
|
bg: "#e0b7c9",
|
|
separator: "#000000",
|
|
fg: "#20161f"
|
|
},
|
|
"Link": {
|
|
bg: "#c7a1d8",
|
|
separator: "#000000",
|
|
fg: "#1a151f"
|
|
},
|
|
"Code": {
|
|
bg: "#a984c4",
|
|
separator: "#000000",
|
|
fg: "#f3edf7"
|
|
},
|
|
"Color": {
|
|
bg: "#a984c4",
|
|
separator: "#000000",
|
|
fg: "#f3edf7"
|
|
},
|
|
"Emoji": {
|
|
bg: "#e0b7c9",
|
|
separator: "#000000",
|
|
fg: "#20161f"
|
|
},
|
|
"File": {
|
|
bg: "#e9899d",
|
|
separator: "#000000",
|
|
fg: "#1e1418"
|
|
}
|
|
}
|
|
|
|
// ToDo integration
|
|
property bool todoPluginAvailable: false
|
|
property bool enableTodoIntegration: pluginApi?.pluginSettings?.enableTodoIntegration ?? false
|
|
|
|
// Available card types
|
|
readonly property var cardTypes: [
|
|
{
|
|
key: "Text",
|
|
name: "Text"
|
|
},
|
|
{
|
|
key: "Image",
|
|
name: "Image"
|
|
},
|
|
{
|
|
key: "Link",
|
|
name: "Link"
|
|
},
|
|
{
|
|
key: "Code",
|
|
name: "Code"
|
|
},
|
|
{
|
|
key: "Color",
|
|
name: "Color"
|
|
},
|
|
{
|
|
key: "Emoji",
|
|
name: "Emoji"
|
|
},
|
|
{
|
|
key: "File",
|
|
name: "File"
|
|
}
|
|
]
|
|
|
|
// Available colors from Color scheme
|
|
readonly property var colorOptions: [
|
|
{
|
|
key: "mPrimary",
|
|
name: "Primary"
|
|
},
|
|
{
|
|
key: "mOnPrimary",
|
|
name: "On Primary"
|
|
},
|
|
{
|
|
key: "mSecondary",
|
|
name: "Secondary"
|
|
},
|
|
{
|
|
key: "mOnSecondary",
|
|
name: "On Secondary"
|
|
},
|
|
{
|
|
key: "mTertiary",
|
|
name: "Tertiary"
|
|
},
|
|
{
|
|
key: "mOnTertiary",
|
|
name: "On Tertiary"
|
|
},
|
|
{
|
|
key: "mSurface",
|
|
name: "Surface"
|
|
},
|
|
{
|
|
key: "mOnSurface",
|
|
name: "On Surface"
|
|
},
|
|
{
|
|
key: "mSurfaceVariant",
|
|
name: "Surface Variant"
|
|
},
|
|
{
|
|
key: "mOnSurfaceVariant",
|
|
name: "On Surface Variant"
|
|
},
|
|
{
|
|
key: "mOutline",
|
|
name: "Outline"
|
|
},
|
|
{
|
|
key: "mError",
|
|
name: "Error"
|
|
},
|
|
{
|
|
key: "mOnError",
|
|
name: "On Error"
|
|
},
|
|
{
|
|
key: "mHover",
|
|
name: "Hover"
|
|
},
|
|
{
|
|
key: "mOnHover",
|
|
name: "On Hover"
|
|
},
|
|
{
|
|
key: "custom",
|
|
name: "Custom..."
|
|
}
|
|
]
|
|
|
|
// Currently selected card type for editing
|
|
property string selectedCardType: "Text"
|
|
|
|
// Default colors per card type
|
|
readonly property var defaultCardColors: {
|
|
"Text": {
|
|
bg: "mOutline",
|
|
separator: "mSurface",
|
|
fg: "mOnSurface"
|
|
},
|
|
"Image": {
|
|
bg: "mTertiary",
|
|
separator: "mSurface",
|
|
fg: "mOnTertiary"
|
|
},
|
|
"Link": {
|
|
bg: "mPrimary",
|
|
separator: "mSurface",
|
|
fg: "mOnPrimary"
|
|
},
|
|
"Code": {
|
|
bg: "mSecondary",
|
|
separator: "mSurface",
|
|
fg: "mOnSecondary"
|
|
},
|
|
"Color": {
|
|
bg: "mSecondary",
|
|
separator: "mSurface",
|
|
fg: "mOnSecondary"
|
|
},
|
|
"Emoji": {
|
|
bg: "mHover",
|
|
separator: "mSurface",
|
|
fg: "mOnHover"
|
|
},
|
|
"File": {
|
|
bg: "mError",
|
|
separator: "mSurface",
|
|
fg: "mOnError"
|
|
}
|
|
}
|
|
|
|
// Current card colors (loaded from settings or defaults)
|
|
property var cardColors: JSON.parse(JSON.stringify(defaultCardColors))
|
|
|
|
// Custom color values (when "custom" is selected)
|
|
property var customColors: {
|
|
"Text": {
|
|
bg: "#555555",
|
|
separator: "#000000",
|
|
fg: "#e9e4f0"
|
|
},
|
|
"Image": {
|
|
bg: "#e0b7c9",
|
|
separator: "#000000",
|
|
fg: "#20161f"
|
|
},
|
|
"Link": {
|
|
bg: "#c7a1d8",
|
|
separator: "#000000",
|
|
fg: "#1a151f"
|
|
},
|
|
"Code": {
|
|
bg: "#a984c4",
|
|
separator: "#000000",
|
|
fg: "#f3edf7"
|
|
},
|
|
"Color": {
|
|
bg: "#a984c4",
|
|
separator: "#000000",
|
|
fg: "#f3edf7"
|
|
},
|
|
"Emoji": {
|
|
bg: "#e0b7c9",
|
|
separator: "#000000",
|
|
fg: "#20161f"
|
|
},
|
|
"File": {
|
|
bg: "#e9899d",
|
|
separator: "#000000",
|
|
fg: "#1e1418"
|
|
}
|
|
}
|
|
|
|
// Home directory for path resolution
|
|
readonly property string homeDir: Quickshell.env("HOME") || ""
|
|
|
|
// Check if ToDo plugin is installed and enabled
|
|
FileView {
|
|
id: pluginsConfigFile
|
|
path: root.homeDir + "/.config/noctalia/plugins.json"
|
|
printErrors: false
|
|
watchChanges: true
|
|
onLoaded: {
|
|
try {
|
|
const content = text();
|
|
if (content && content.length > 0) {
|
|
const config = JSON.parse(content);
|
|
root.todoPluginAvailable = config?.states?.todo?.enabled === true;
|
|
}
|
|
} catch (e) {
|
|
root.todoPluginAvailable = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
// Snapshot settings on open for revert-on-cancel
|
|
if (pluginApi) {
|
|
_snapshot = JSON.parse(JSON.stringify(pluginApi.pluginSettings));
|
|
}
|
|
|
|
// Load saved settings
|
|
if (pluginApi?.pluginSettings?.enableTodoIntegration !== undefined) {
|
|
enableTodoIntegration = pluginApi.pluginSettings.enableTodoIntegration;
|
|
}
|
|
if (pluginApi?.pluginSettings?.cardColors) {
|
|
try {
|
|
const loaded = JSON.parse(JSON.stringify(pluginApi.pluginSettings.cardColors));
|
|
cardColors = loaded;
|
|
pendingCardColors = JSON.parse(JSON.stringify(loaded));
|
|
} catch (e) {
|
|
Logger.w("Clipper", "Failed to load card colors: " + e);
|
|
}
|
|
}
|
|
if (pluginApi?.pluginSettings?.customColors) {
|
|
try {
|
|
const loaded = JSON.parse(JSON.stringify(pluginApi.pluginSettings.customColors));
|
|
customColors = loaded;
|
|
pendingCustomColors = JSON.parse(JSON.stringify(loaded));
|
|
} catch (e) {
|
|
Logger.w("Clipper", "Failed to load custom colors: " + e);
|
|
}
|
|
}
|
|
}
|
|
|
|
Component.onDestruction: {
|
|
if (!_applied && pluginApi && _snapshot) {
|
|
pluginApi.pluginSettings = Object.assign({}, _snapshot);
|
|
}
|
|
}
|
|
|
|
// Helper to get actual color value
|
|
function getColorValue(colorKey, cardType, colorType) {
|
|
if (colorKey === "custom") {
|
|
return customColors[cardType]?.[colorType] || "#888888";
|
|
}
|
|
if (typeof Color !== "undefined" && Color[colorKey]) {
|
|
return Color[colorKey];
|
|
}
|
|
return "#888888";
|
|
}
|
|
|
|
// Get current colors for preview
|
|
function getPreviewBg() {
|
|
return getColorValue(cardColors[selectedCardType]?.bg || "mOutline", selectedCardType, "bg");
|
|
}
|
|
function getPreviewSeparator() {
|
|
return getColorValue(cardColors[selectedCardType]?.separator || "mSurface", selectedCardType, "separator");
|
|
}
|
|
function getPreviewFg() {
|
|
return getColorValue(cardColors[selectedCardType]?.fg || "mOnSurface", selectedCardType, "fg");
|
|
}
|
|
|
|
// Tab bar
|
|
NTabBar {
|
|
id: tabBar
|
|
Layout.fillWidth: true
|
|
Layout.bottomMargin: Style.marginM
|
|
distributeEvenly: true
|
|
currentIndex: tabView.currentIndex
|
|
|
|
NTabButton {
|
|
text: pluginApi?.tr("settings.tab-general")
|
|
tabIndex: 0
|
|
checked: tabBar.currentIndex === 0
|
|
}
|
|
NTabButton {
|
|
text: pluginApi?.tr("settings.tab-appearance")
|
|
tabIndex: 1
|
|
checked: tabBar.currentIndex === 1
|
|
}
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: Style.marginS
|
|
}
|
|
|
|
// Tab view
|
|
NTabView {
|
|
id: tabView
|
|
currentIndex: tabBar.currentIndex
|
|
|
|
// TAB 1: GENERAL
|
|
ColumnLayout {
|
|
spacing: Style.marginL
|
|
|
|
// ===== INTEGRATIONS SECTION =====
|
|
NText {
|
|
text: pluginApi?.tr("settings.integrations")
|
|
font.bold: true
|
|
font.pointSize: Style.fontSizeL
|
|
}
|
|
|
|
// ToDo Integration Toggle
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.todo-integration")
|
|
description: root.todoPluginAvailable ? pluginApi?.tr("settings.todo-description") : pluginApi?.tr("settings.todo-disabled")
|
|
enabled: root.todoPluginAvailable
|
|
checked: root.valueTodoIntegration
|
|
onToggled: checked => {
|
|
root.valueTodoIntegration = checked;
|
|
root._applyPreview("enableTodoIntegration", checked);
|
|
}
|
|
}
|
|
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
// ===== FEATURES SECTION =====
|
|
NText {
|
|
text: pluginApi?.tr("settings.features")
|
|
font.bold: true
|
|
font.pointSize: Style.fontSizeL
|
|
}
|
|
|
|
// Fullscreen Mode Toggle
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.fullscreen-mode")
|
|
description: pluginApi?.tr("settings.fullscreen-mode-desc")
|
|
checked: root.valueFullscreenMode
|
|
onToggled: checked => {
|
|
root.valueFullscreenMode = checked;
|
|
root._applyPreview("fullscreenMode", checked);
|
|
}
|
|
}
|
|
|
|
// Panel Width (hidden when fullscreen)
|
|
NSpinBox {
|
|
Layout.fillWidth: true
|
|
visible: !root.valueFullscreenMode
|
|
label: pluginApi?.tr("settings.panel-width")
|
|
description: pluginApi?.tr("settings.panel-width-desc")
|
|
value: root.valuePanelWidth
|
|
from: 400
|
|
to: 3840
|
|
stepSize: 50
|
|
onValueChanged: {
|
|
root.valuePanelWidth = value;
|
|
root._applyPreview("panelWidth", value);
|
|
}
|
|
}
|
|
|
|
// Panel Height (hidden when fullscreen)
|
|
NSpinBox {
|
|
Layout.fillWidth: true
|
|
visible: !root.valueFullscreenMode
|
|
label: pluginApi?.tr("settings.panel-height")
|
|
description: pluginApi?.tr("settings.panel-height-desc")
|
|
value: root.valuePanelHeight
|
|
from: 0
|
|
to: 2160
|
|
stepSize: 50
|
|
onValueChanged: {
|
|
root.valuePanelHeight = value;
|
|
root._applyPreview("panelHeight", value);
|
|
}
|
|
}
|
|
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
// PinCards Enable Toggle
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.pincards-enabled")
|
|
description: pluginApi?.tr("settings.pincards-desc")
|
|
checked: root.valuePincardsEnabled
|
|
onToggled: checked => {
|
|
root.valuePincardsEnabled = checked;
|
|
root._applyPreview("pincardsEnabled", checked);
|
|
}
|
|
}
|
|
|
|
// Pinned items count display
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
spacing: Style.marginM
|
|
visible: pluginApi?.pluginSettings?.pincardsEnabled ?? true
|
|
|
|
NText {
|
|
text: pluginApi?.tr("settings.pincards-items-count")
|
|
font.bold: true
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
NText {
|
|
text: {
|
|
const count = pluginApi?.mainInstance?.pinnedItems?.length || 0;
|
|
const max = pluginApi?.mainInstance?.maxPinnedItems || 20;
|
|
return count + " / " + max;
|
|
}
|
|
color: {
|
|
const count = pluginApi?.mainInstance?.pinnedItems?.length || 0;
|
|
const max = pluginApi?.mainInstance?.maxPinnedItems || 20;
|
|
return count >= max ? Color.mError : Color.mOnSurface;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Clear all pinned items button
|
|
NButton {
|
|
Layout.alignment: Qt.AlignRight
|
|
text: pluginApi?.tr("settings.clear-all-pinned")
|
|
icon: "trash"
|
|
visible: pluginApi?.pluginSettings?.pincardsEnabled ?? true
|
|
enabled: (pluginApi?.mainInstance?.pinnedItems?.length || 0) > 0
|
|
onClicked: {
|
|
if (pluginApi?.mainInstance) {
|
|
// Clear all pinned items
|
|
pluginApi.mainInstance.pinnedItems = [];
|
|
pluginApi.mainInstance.savePinnedFile();
|
|
pluginApi.mainInstance.pinnedRevision++;
|
|
ToastService.showNotice(pluginApi?.tr("toast.pinned-cleared"));
|
|
}
|
|
}
|
|
}
|
|
|
|
// NoteCards Enable Toggle
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.notecards-enabled")
|
|
description: pluginApi?.tr("settings.notecards-desc")
|
|
checked: root.valueNotecardsEnabled
|
|
onToggled: checked => {
|
|
root.valueNotecardsEnabled = checked;
|
|
root._applyPreview("notecardsEnabled", checked);
|
|
}
|
|
}
|
|
|
|
// Notes count display
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
spacing: Style.marginM
|
|
visible: pluginApi?.pluginSettings?.notecardsEnabled ?? true
|
|
|
|
NText {
|
|
text: pluginApi?.tr("settings.notecards-notes-count")
|
|
font.bold: true
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
NText {
|
|
text: {
|
|
const count = pluginApi?.mainInstance?.noteCards?.length || 0;
|
|
const max = pluginApi?.mainInstance?.maxNoteCards || 20;
|
|
return count + " / " + max;
|
|
}
|
|
color: {
|
|
const count = pluginApi?.mainInstance?.noteCards?.length || 0;
|
|
const max = pluginApi?.mainInstance?.maxNoteCards || 20;
|
|
return count >= max ? Color.mError : Color.mOnSurface;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Clear all notes button
|
|
NButton {
|
|
Layout.alignment: Qt.AlignRight
|
|
text: pluginApi?.tr("settings.clear-all-notes")
|
|
icon: "trash"
|
|
visible: pluginApi?.pluginSettings?.notecardsEnabled ?? true
|
|
enabled: (pluginApi?.mainInstance?.noteCards?.length || 0) > 0
|
|
onClicked: {
|
|
if (pluginApi?.mainInstance) {
|
|
pluginApi.mainInstance.clearAllNoteCards();
|
|
}
|
|
}
|
|
}
|
|
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
// Hide Panel Background Toggle (hidden when Notecards enabled — no effect with notecards)
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
visible: !root.valueNotecardsEnabled
|
|
label: pluginApi?.tr("settings.hide-panel-background")
|
|
description: pluginApi?.tr("settings.hide-panel-background-desc")
|
|
checked: root.valueHidePanelBackground
|
|
onToggled: checked => {
|
|
root.valueHidePanelBackground = checked;
|
|
root._applyPreview("hidePanelBackground", checked);
|
|
}
|
|
}
|
|
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
visible: !root.valueNotecardsEnabled
|
|
}
|
|
|
|
// ===== AUTO-PASTE SECTION =====
|
|
NText {
|
|
text: pluginApi?.tr("settings.auto-paste-section")
|
|
font.bold: true
|
|
font.pointSize: Style.fontSizeL
|
|
}
|
|
|
|
// Auto-Paste Toggle
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.auto-paste")
|
|
description: pluginApi?.tr("settings.auto-paste-desc")
|
|
checked: root.valueAutoPaste
|
|
onToggled: checked => {
|
|
root.valueAutoPaste = checked;
|
|
root._applyPreview("autoPaste", checked);
|
|
}
|
|
}
|
|
|
|
// Warning: wtype not installed (visible only when autoPaste=true and wtype unavailable)
|
|
Rectangle {
|
|
visible: root.valueAutoPaste && !(pluginApi?.mainInstance?.wtypeAvailable ?? false)
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: warningText.implicitHeight + Style.marginM * 2
|
|
color: (typeof Color !== "undefined") ? Qt.rgba(Color.mError.r, Color.mError.g, Color.mError.b, 0.15) : "#33CC0000"
|
|
radius: Style.radiusS
|
|
border.width: 1
|
|
border.color: (typeof Color !== "undefined") ? Color.mError : "#CC0000"
|
|
|
|
NText {
|
|
id: warningText
|
|
anchors.fill: parent
|
|
anchors.margins: Style.marginM
|
|
text: pluginApi?.tr("settings.auto-paste-warning")
|
|
wrapMode: Text.Wrap
|
|
color: (typeof Color !== "undefined") ? Color.mError : "#CC0000"
|
|
font.pointSize: Style.fontSizeS
|
|
}
|
|
}
|
|
|
|
// RMB Only Toggle (visible only when autoPaste=true)
|
|
NToggle {
|
|
visible: root.valueAutoPaste
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.auto-paste-rmb")
|
|
description: pluginApi?.tr("settings.auto-paste-rmb-desc")
|
|
checked: root.valueAutoPasteOnRightClick
|
|
onToggled: checked => {
|
|
root.valueAutoPasteOnRightClick = checked;
|
|
root._applyPreview("autoPasteOnRightClick", checked);
|
|
}
|
|
}
|
|
|
|
// Paste Delay Row (visible only when autoPaste=true)
|
|
ColumnLayout {
|
|
visible: root.valueAutoPaste
|
|
Layout.fillWidth: true
|
|
spacing: Style.marginS
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.auto-paste-delay")
|
|
description: pluginApi?.tr("settings.auto-paste-delay-desc")
|
|
from: 100
|
|
to: 1000
|
|
stepSize: 50
|
|
value: root.valueAutoPasteDelay
|
|
text: root.valueAutoPasteDelay + " ms"
|
|
onMoved: value => {
|
|
root.valueAutoPasteDelay = Math.round(value);
|
|
root._applyPreview("autoPasteDelay", Math.round(value));
|
|
}
|
|
}
|
|
}
|
|
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
// Show close button toggle
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.show-close-button")
|
|
description: pluginApi?.tr("settings.show-close-button-desc")
|
|
checked: root.valueShowCloseButton
|
|
onToggled: checked => {
|
|
root.valueShowCloseButton = checked;
|
|
root._applyPreview("showCloseButton", checked);
|
|
}
|
|
}
|
|
} // End General Tab
|
|
|
|
// TAB 2: APPEARANCE
|
|
ColumnLayout {
|
|
spacing: Style.marginL
|
|
|
|
// ===== APPEARANCE SECTION =====
|
|
NText {
|
|
text: pluginApi?.tr("settings.appearance")
|
|
font.bold: true
|
|
font.pointSize: Style.fontSizeL
|
|
}
|
|
|
|
// Card type selector
|
|
NComboBox {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.card-type")
|
|
description: pluginApi?.tr("settings.card-type-desc")
|
|
model: root.cardTypes
|
|
currentKey: root.selectedCardType
|
|
onSelected: key => root.selectedCardType = key
|
|
}
|
|
|
|
// Live Preview
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 280
|
|
color: (typeof Color !== "undefined") ? Color.mSurfaceVariant : "#333333"
|
|
radius: Style.radiusM
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
anchors.margins: Style.marginM
|
|
spacing: Style.marginS
|
|
|
|
NText {
|
|
text: pluginApi?.tr("settings.preview")
|
|
font.bold: true
|
|
color: Color.mOnSurface
|
|
}
|
|
|
|
// Preview card
|
|
Rectangle {
|
|
Layout.preferredWidth: 250
|
|
Layout.preferredHeight: 220
|
|
Layout.alignment: Qt.AlignHCenter
|
|
color: root.getPreviewBg()
|
|
radius: Style.radiusM
|
|
border.width: 2
|
|
border.color: root.getPreviewBg()
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
|
|
// Header
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.preferredHeight: 32
|
|
color: root.getPreviewBg()
|
|
radius: Style.radiusM
|
|
|
|
Rectangle {
|
|
anchors.bottom: parent.bottom
|
|
width: parent.width
|
|
height: parent.radius
|
|
color: parent.color
|
|
}
|
|
|
|
RowLayout {
|
|
anchors.fill: parent
|
|
anchors.margins: 8
|
|
spacing: 8
|
|
|
|
NIcon {
|
|
icon: root.selectedCardType === "Image" ? "photo" : root.selectedCardType === "Link" ? "link" : root.selectedCardType === "Code" ? "code" : root.selectedCardType === "Color" ? "palette" : root.selectedCardType === "Emoji" ? "mood-smile" : root.selectedCardType === "File" ? "file" : "align-left"
|
|
pointSize: 12
|
|
color: root.getPreviewFg()
|
|
}
|
|
|
|
NText {
|
|
text: root.selectedCardType
|
|
font.bold: true
|
|
color: root.getPreviewFg()
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
NIcon {
|
|
icon: "trash"
|
|
pointSize: 12
|
|
color: root.getPreviewFg()
|
|
}
|
|
}
|
|
}
|
|
|
|
// Separator
|
|
Rectangle {
|
|
Layout.preferredWidth: parent.width - 10
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.preferredHeight: 1
|
|
color: root.getPreviewSeparator()
|
|
}
|
|
|
|
// Content area
|
|
Item {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Layout.margins: 8
|
|
|
|
NText {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
text: pluginApi?.tr("settings.sample-content")
|
|
wrapMode: Text.Wrap
|
|
color: root.getPreviewFg()
|
|
verticalAlignment: Text.AlignTop
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Color settings
|
|
NComboBox {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.bg-color")
|
|
description: pluginApi?.tr("settings.bg-color-desc")
|
|
model: root.colorOptions
|
|
currentKey: root.cardColors[root.selectedCardType]?.bg || "mOutline"
|
|
onSelected: key => {
|
|
if (!root.pendingCardColors[root.selectedCardType])
|
|
root.pendingCardColors[root.selectedCardType] = {};
|
|
root.pendingCardColors[root.selectedCardType].bg = key;
|
|
root.cardColors = JSON.parse(JSON.stringify(root.pendingCardColors));
|
|
}
|
|
}
|
|
|
|
NColorPicker {
|
|
visible: root.cardColors[root.selectedCardType]?.bg === "custom"
|
|
Layout.preferredWidth: Style.sliderWidth
|
|
Layout.preferredHeight: Style.baseWidgetSize
|
|
selectedColor: root.customColors[root.selectedCardType]?.bg || "#888888"
|
|
onColorSelected: color => {
|
|
if (!root.pendingCustomColors[root.selectedCardType])
|
|
root.pendingCustomColors[root.selectedCardType] = {};
|
|
root.pendingCustomColors[root.selectedCardType].bg = color.toString();
|
|
root.customColors = JSON.parse(JSON.stringify(root.pendingCustomColors));
|
|
}
|
|
}
|
|
|
|
NComboBox {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.separator-color")
|
|
description: pluginApi?.tr("settings.separator-color-desc")
|
|
model: root.colorOptions
|
|
currentKey: root.cardColors[root.selectedCardType]?.separator || "mSurface"
|
|
onSelected: key => {
|
|
if (!root.pendingCardColors[root.selectedCardType])
|
|
root.pendingCardColors[root.selectedCardType] = {};
|
|
root.pendingCardColors[root.selectedCardType].separator = key;
|
|
root.cardColors = JSON.parse(JSON.stringify(root.pendingCardColors));
|
|
}
|
|
}
|
|
|
|
NColorPicker {
|
|
visible: root.cardColors[root.selectedCardType]?.separator === "custom"
|
|
Layout.preferredWidth: Style.sliderWidth
|
|
Layout.preferredHeight: Style.baseWidgetSize
|
|
selectedColor: root.customColors[root.selectedCardType]?.separator || "#000000"
|
|
onColorSelected: color => {
|
|
if (!root.pendingCustomColors[root.selectedCardType])
|
|
root.pendingCustomColors[root.selectedCardType] = {};
|
|
root.pendingCustomColors[root.selectedCardType].separator = color.toString();
|
|
root.customColors = JSON.parse(JSON.stringify(root.pendingCustomColors));
|
|
}
|
|
}
|
|
|
|
NComboBox {
|
|
Layout.fillWidth: true
|
|
label: pluginApi?.tr("settings.fg-color")
|
|
description: pluginApi?.tr("settings.fg-color-desc")
|
|
model: root.colorOptions
|
|
currentKey: root.cardColors[root.selectedCardType]?.fg || "mOnSurface"
|
|
onSelected: key => {
|
|
if (!root.pendingCardColors[root.selectedCardType])
|
|
root.pendingCardColors[root.selectedCardType] = {};
|
|
root.pendingCardColors[root.selectedCardType].fg = key;
|
|
root.cardColors = JSON.parse(JSON.stringify(root.pendingCardColors));
|
|
}
|
|
}
|
|
|
|
NColorPicker {
|
|
visible: root.cardColors[root.selectedCardType]?.fg === "custom"
|
|
Layout.preferredWidth: Style.sliderWidth
|
|
Layout.preferredHeight: Style.baseWidgetSize
|
|
selectedColor: root.customColors[root.selectedCardType]?.fg || "#e9e4f0"
|
|
onColorSelected: color => {
|
|
if (!root.pendingCustomColors[root.selectedCardType])
|
|
root.pendingCustomColors[root.selectedCardType] = {};
|
|
root.pendingCustomColors[root.selectedCardType].fg = color.toString();
|
|
root.customColors = JSON.parse(JSON.stringify(root.pendingCustomColors));
|
|
}
|
|
}
|
|
|
|
// Reset button
|
|
NButton {
|
|
Layout.alignment: Qt.AlignRight
|
|
text: pluginApi?.tr("settings.reset-defaults")
|
|
icon: "refresh"
|
|
onClicked: {
|
|
const defaults = JSON.parse(JSON.stringify(root.defaultCardColors));
|
|
const defaultCustom = {
|
|
"Text": {
|
|
bg: "#555555",
|
|
separator: "#000000",
|
|
fg: "#e9e4f0"
|
|
},
|
|
"Image": {
|
|
bg: "#e0b7c9",
|
|
separator: "#000000",
|
|
fg: "#20161f"
|
|
},
|
|
"Link": {
|
|
bg: "#c7a1d8",
|
|
separator: "#000000",
|
|
fg: "#1a151f"
|
|
},
|
|
"Code": {
|
|
bg: "#a984c4",
|
|
separator: "#000000",
|
|
fg: "#f3edf7"
|
|
},
|
|
"Color": {
|
|
bg: "#a984c4",
|
|
separator: "#000000",
|
|
fg: "#f3edf7"
|
|
},
|
|
"Emoji": {
|
|
bg: "#e0b7c9",
|
|
separator: "#000000",
|
|
fg: "#20161f"
|
|
},
|
|
"File": {
|
|
bg: "#e9899d",
|
|
separator: "#000000",
|
|
fg: "#1e1418"
|
|
}
|
|
};
|
|
root.pendingCardColors = defaults;
|
|
root.pendingCustomColors = defaultCustom;
|
|
root.cardColors = JSON.parse(JSON.stringify(defaults));
|
|
root.customColors = JSON.parse(JSON.stringify(defaultCustom));
|
|
}
|
|
}
|
|
} // End Appearance Tab
|
|
|
|
} // End NTabView
|
|
|
|
function saveSettings() {
|
|
if (!pluginApi)
|
|
return;
|
|
|
|
// Belt-and-suspenders: guarantee final state is correct even if a _applyPreview was missed.
|
|
pluginApi.pluginSettings.enableTodoIntegration = root.valueTodoIntegration;
|
|
pluginApi.pluginSettings.pincardsEnabled = root.valuePincardsEnabled;
|
|
pluginApi.pluginSettings.notecardsEnabled = root.valueNotecardsEnabled;
|
|
pluginApi.pluginSettings.showCloseButton = root.valueShowCloseButton;
|
|
pluginApi.pluginSettings.fullscreenMode = root.valueFullscreenMode;
|
|
pluginApi.pluginSettings.hidePanelBackground = root.valueHidePanelBackground;
|
|
pluginApi.pluginSettings.autoPaste = root.valueAutoPaste;
|
|
pluginApi.pluginSettings.autoPasteOnRightClick = root.valueAutoPasteOnRightClick;
|
|
pluginApi.pluginSettings.autoPasteDelay = root.valueAutoPasteDelay;
|
|
pluginApi.pluginSettings.panelWidth = root.valuePanelWidth;
|
|
pluginApi.pluginSettings.panelHeight = root.valuePanelHeight;
|
|
pluginApi.pluginSettings.cardColors = JSON.parse(JSON.stringify(root.pendingCardColors));
|
|
pluginApi.pluginSettings.customColors = JSON.parse(JSON.stringify(root.pendingCustomColors));
|
|
|
|
if (pluginApi.mainInstance) {
|
|
pluginApi.mainInstance.showCloseButton = root.valueShowCloseButton;
|
|
}
|
|
|
|
_applied = true;
|
|
pluginApi.saveSettings();
|
|
}
|
|
}
|