mirror of
https://github.com/noctalia-dev/noctalia-shell.git
synced 2026-05-11 17:08:27 +08:00
Lemmy
381 lines
12 KiB
QML
381 lines
12 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
import qs.Commons
|
|
import qs.Services.Compositor
|
|
import qs.Widgets
|
|
|
|
ColumnLayout {
|
|
id: root
|
|
spacing: Style.marginL
|
|
Layout.fillWidth: true
|
|
|
|
NComboBox {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-position-label")
|
|
description: I18n.tr("panels.bar.appearance-position-description")
|
|
model: [
|
|
{
|
|
"key": "top",
|
|
"name": I18n.tr("positions.top")
|
|
},
|
|
{
|
|
"key": "bottom",
|
|
"name": I18n.tr("positions.bottom")
|
|
},
|
|
{
|
|
"key": "left",
|
|
"name": I18n.tr("positions.left")
|
|
},
|
|
{
|
|
"key": "right",
|
|
"name": I18n.tr("positions.right")
|
|
}
|
|
]
|
|
currentKey: Settings.data.bar.position
|
|
defaultValue: Settings.getDefaultValue("bar.position")
|
|
onSelected: key => Settings.data.bar.position = key
|
|
}
|
|
|
|
NComboBox {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-density-label")
|
|
description: I18n.tr("panels.bar.appearance-density-description")
|
|
model: [
|
|
{
|
|
"key": "mini",
|
|
"name": I18n.tr("options.bar.density-mini")
|
|
},
|
|
{
|
|
"key": "compact",
|
|
"name": I18n.tr("options.bar.density-compact")
|
|
},
|
|
{
|
|
"key": "default",
|
|
"name": I18n.tr("options.bar.density-default")
|
|
},
|
|
{
|
|
"key": "comfortable",
|
|
"name": I18n.tr("options.bar.density-comfortable")
|
|
},
|
|
{
|
|
"key": "spacious",
|
|
"name": I18n.tr("options.bar.density-spacious")
|
|
}
|
|
]
|
|
currentKey: Settings.data.bar.density
|
|
defaultValue: Settings.getDefaultValue("bar.density")
|
|
onSelected: key => Settings.data.bar.density = key
|
|
}
|
|
|
|
NComboBox {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-type-label")
|
|
description: I18n.tr("panels.bar.appearance-type-description")
|
|
model: [
|
|
{
|
|
"key": "simple",
|
|
"name": I18n.tr("options.bar.type-simple")
|
|
},
|
|
{
|
|
"key": "floating",
|
|
"name": I18n.tr("options.bar.type-floating")
|
|
},
|
|
{
|
|
"key": "framed",
|
|
"name": I18n.tr("options.bar.type-framed")
|
|
}
|
|
]
|
|
currentKey: Settings.data.bar.barType
|
|
defaultValue: Settings.getDefaultValue("bar.barType")
|
|
onSelected: key => {
|
|
Settings.data.bar.barType = key;
|
|
Settings.data.bar.floating = (key === "floating");
|
|
}
|
|
}
|
|
|
|
NComboBox {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("common.display-mode")
|
|
description: I18n.tr("panels.bar.appearance-display-mode-description")
|
|
model: [
|
|
{
|
|
"key": "always_visible",
|
|
"name": I18n.tr("hide-modes.visible")
|
|
},
|
|
{
|
|
"key": "non_exclusive",
|
|
"name": I18n.tr("hide-modes.non-exclusive")
|
|
},
|
|
{
|
|
"key": "auto_hide",
|
|
"name": I18n.tr("hide-modes.auto-hide")
|
|
}
|
|
]
|
|
currentKey: Settings.data.bar.displayMode
|
|
defaultValue: Settings.getDefaultValue("bar.displayMode")
|
|
onSelected: key => Settings.data.bar.displayMode = key
|
|
}
|
|
|
|
NToggle {
|
|
label: I18n.tr("panels.bar.appearance-use-separate-opacity-label")
|
|
description: I18n.tr("panels.bar.appearance-use-separate-opacity-description")
|
|
checked: Settings.data.bar.useSeparateOpacity
|
|
defaultValue: Settings.getDefaultValue("bar.useSeparateOpacity")
|
|
onToggled: checked => Settings.data.bar.useSeparateOpacity = checked
|
|
}
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
visible: Settings.data.bar.useSeparateOpacity
|
|
label: I18n.tr("panels.bar.appearance-background-opacity-label")
|
|
description: I18n.tr("panels.bar.appearance-background-opacity-description")
|
|
from: 0
|
|
to: 1
|
|
stepSize: 0.01
|
|
showReset: true
|
|
value: Settings.data.bar.backgroundOpacity
|
|
defaultValue: Settings.getDefaultValue("bar.backgroundOpacity")
|
|
onMoved: value => Settings.data.bar.backgroundOpacity = value
|
|
text: Math.floor(Settings.data.bar.backgroundOpacity * 100) + "%"
|
|
}
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-font-scale-label")
|
|
description: I18n.tr("panels.bar.appearance-font-scale-description")
|
|
from: 0.5
|
|
to: 2.0
|
|
stepSize: 0.01
|
|
showReset: true
|
|
value: Settings.data.bar.fontScale
|
|
defaultValue: Settings.getDefaultValue("bar.fontScale")
|
|
onMoved: value => Settings.data.bar.fontScale = value
|
|
text: Math.floor(Settings.data.bar.fontScale * 100) + "%"
|
|
}
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-widget-spacing-label")
|
|
description: I18n.tr("panels.bar.appearance-widget-spacing-description")
|
|
from: 0
|
|
to: 30
|
|
stepSize: 1
|
|
showReset: true
|
|
value: Settings.data.bar.widgetSpacing
|
|
defaultValue: Settings.getDefaultValue("bar.widgetSpacing")
|
|
onMoved: value => Settings.data.bar.widgetSpacing = value
|
|
text: Settings.data.bar.widgetSpacing + "px"
|
|
}
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-content-padding-label")
|
|
description: I18n.tr("panels.bar.appearance-content-padding-description")
|
|
from: 0
|
|
to: 30
|
|
stepSize: 1
|
|
showReset: true
|
|
value: Settings.data.bar.contentPadding
|
|
defaultValue: Settings.getDefaultValue("bar.contentPadding")
|
|
onMoved: value => Settings.data.bar.contentPadding = value
|
|
text: Settings.data.bar.contentPadding + "px"
|
|
}
|
|
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-show-outline-label")
|
|
description: I18n.tr("panels.bar.appearance-show-outline-description")
|
|
checked: Settings.data.bar.showOutline
|
|
defaultValue: Settings.getDefaultValue("bar.showOutline")
|
|
onToggled: checked => Settings.data.bar.showOutline = checked
|
|
}
|
|
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-show-capsule-label")
|
|
description: I18n.tr("panels.bar.appearance-show-capsule-description")
|
|
checked: Settings.data.bar.showCapsule
|
|
defaultValue: Settings.getDefaultValue("bar.showCapsule")
|
|
onToggled: checked => Settings.data.bar.showCapsule = checked
|
|
}
|
|
|
|
NColorChoice {
|
|
Layout.fillWidth: true
|
|
visible: Settings.data.bar.showCapsule
|
|
label: I18n.tr("panels.bar.appearance-capsule-color-label")
|
|
description: I18n.tr("panels.bar.appearance-capsule-color-description")
|
|
noneColor: Color.mSurfaceVariant
|
|
noneOnColor: Color.mOnSurfaceVariant
|
|
currentKey: Settings.data.bar.capsuleColorKey
|
|
onSelected: key => Settings.data.bar.capsuleColorKey = key
|
|
}
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
visible: Settings.data.bar.showCapsule
|
|
label: I18n.tr("panels.bar.appearance-capsule-opacity-label")
|
|
description: I18n.tr("panels.bar.appearance-capsule-opacity-description")
|
|
from: 0
|
|
to: 1
|
|
stepSize: 0.01
|
|
showReset: true
|
|
value: Settings.data.bar.capsuleOpacity
|
|
defaultValue: Settings.getDefaultValue("bar.capsuleOpacity")
|
|
onMoved: value => Settings.data.bar.capsuleOpacity = value
|
|
text: Math.floor(Settings.data.bar.capsuleOpacity * 100) + "%"
|
|
}
|
|
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-enable-exclusion-zone-inset-label")
|
|
description: I18n.tr("panels.bar.appearance-enable-exclusion-zone-inset-description")
|
|
checked: Settings.data.bar.enableExclusionZoneInset
|
|
defaultValue: Settings.getDefaultValue("bar.enableExclusionZoneInset")
|
|
onToggled: checked => Settings.data.bar.enableExclusionZoneInset = checked
|
|
}
|
|
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
visible: CompositorService.isNiri
|
|
label: I18n.tr("panels.bar.appearance-hide-on-overview-label")
|
|
description: I18n.tr("panels.bar.appearance-hide-on-overview-description")
|
|
checked: Settings.data.bar.hideOnOverview
|
|
defaultValue: Settings.getDefaultValue("bar.hideOnOverview")
|
|
onToggled: checked => Settings.data.bar.hideOnOverview = checked
|
|
}
|
|
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-outer-corners-label")
|
|
description: I18n.tr("panels.bar.appearance-outer-corners-description")
|
|
checked: Settings.data.bar.outerCorners
|
|
visible: Settings.data.bar.barType === "simple"
|
|
defaultValue: Settings.getDefaultValue("bar.outerCorners")
|
|
onToggled: checked => Settings.data.bar.outerCorners = checked
|
|
}
|
|
|
|
ColumnLayout {
|
|
visible: Settings.data.bar.barType === "framed"
|
|
spacing: Style.marginS
|
|
Layout.fillWidth: true
|
|
|
|
NLabel {
|
|
label: I18n.tr("panels.bar.appearance-frame-settings-label")
|
|
description: I18n.tr("panels.bar.appearance-frame-settings-description")
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
spacing: Style.marginL
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-frame-thickness")
|
|
from: 4
|
|
to: 24
|
|
stepSize: 1
|
|
showReset: true
|
|
value: Settings.data.bar.frameThickness
|
|
defaultValue: Settings.getDefaultValue("bar.frameThickness")
|
|
onMoved: value => Settings.data.bar.frameThickness = value
|
|
text: Settings.data.bar.frameThickness + "px"
|
|
}
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-frame-radius")
|
|
from: 4
|
|
to: 24
|
|
stepSize: 1
|
|
showReset: true
|
|
value: Settings.data.bar.frameRadius
|
|
defaultValue: Settings.getDefaultValue("bar.frameRadius")
|
|
onMoved: value => Settings.data.bar.frameRadius = value
|
|
text: Settings.data.bar.frameRadius + "px"
|
|
}
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
visible: Settings.data.bar.barType === "floating"
|
|
spacing: Style.marginL
|
|
Layout.fillWidth: true
|
|
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
NSpinBox {
|
|
label: I18n.tr("panels.bar.appearance-margins-vertical")
|
|
description: I18n.tr("panels.bar.appearance-margins-description")
|
|
from: 0
|
|
to: 500
|
|
suffix: "px"
|
|
value: Settings.data.bar.marginVertical
|
|
defaultValue: Settings.getDefaultValue("bar.marginVertical")
|
|
onValueChanged: Settings.data.bar.marginVertical = value
|
|
}
|
|
|
|
NSpinBox {
|
|
label: I18n.tr("panels.bar.appearance-margins-horizontal")
|
|
description: I18n.tr("panels.bar.appearance-margins-description")
|
|
from: 0
|
|
to: 500
|
|
suffix: "px"
|
|
value: Settings.data.bar.marginHorizontal
|
|
defaultValue: Settings.getDefaultValue("bar.marginHorizontal")
|
|
onValueChanged: Settings.data.bar.marginHorizontal = value
|
|
}
|
|
}
|
|
|
|
NDivider {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: Style.marginS
|
|
visible: Settings.data.bar.displayMode === "auto_hide"
|
|
}
|
|
|
|
ColumnLayout {
|
|
visible: Settings.data.bar.displayMode === "auto_hide"
|
|
spacing: Style.marginS
|
|
Layout.fillWidth: true
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-auto-hide-delay-label")
|
|
description: I18n.tr("panels.bar.appearance-auto-hide-delay-description")
|
|
from: 100
|
|
to: 2000
|
|
stepSize: 100
|
|
showReset: true
|
|
value: Settings.data.bar.autoHideDelay
|
|
defaultValue: Settings.getDefaultValue("bar.autoHideDelay")
|
|
onMoved: value => Settings.data.bar.autoHideDelay = value
|
|
text: Settings.data.bar.autoHideDelay + "ms"
|
|
}
|
|
|
|
NValueSlider {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-auto-show-delay-label")
|
|
description: I18n.tr("panels.bar.appearance-auto-show-delay-description")
|
|
from: 0
|
|
to: 500
|
|
stepSize: 50
|
|
showReset: true
|
|
value: Settings.data.bar.autoShowDelay
|
|
defaultValue: Settings.getDefaultValue("bar.autoShowDelay")
|
|
onMoved: value => Settings.data.bar.autoShowDelay = value
|
|
text: Settings.data.bar.autoShowDelay + "ms"
|
|
}
|
|
|
|
NToggle {
|
|
Layout.fillWidth: true
|
|
label: I18n.tr("panels.bar.appearance-show-on-workspace-switch-label")
|
|
description: I18n.tr("panels.bar.appearance-show-on-workspace-switch-description")
|
|
checked: Settings.data.bar.showOnWorkspaceSwitch
|
|
defaultValue: Settings.getDefaultValue("bar.showOnWorkspaceSwitch")
|
|
onToggled: checked => Settings.data.bar.showOnWorkspaceSwitch = checked
|
|
}
|
|
}
|
|
}
|