never/noctalia-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Formatting

Browse source
This commit is contained in:
quadbyte 2025-08-11 21:15:54 -04:00
parent ce66b99cee
commit 84c81ecb77
6 changed files with 229 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

24
Modules/Settings/Tabs/Bar.qml
View file

@ -26,37 +26,49 @@ Item {
label: "Show Active Window"
description: "Display the title of the currently focused window below the bar"
value: Settings.data.bar.showActiveWindow
onToggled: function (newValue) { Settings.data.bar.showActiveWindow = newValue }
onToggled: function (newValue) {
Settings.data.bar.showActiveWindow = newValue
}
}
NToggle {
label: "Show Active Window Icon"
description: "Display the icon of the currently focused window"
value: Settings.data.bar.showActiveWindowIcon
onToggled: function (newValue) { Settings.data.bar.showActiveWindowIcon = newValue }
onToggled: function (newValue) {
Settings.data.bar.showActiveWindowIcon = newValue
}
}
NToggle {
label: "Show System Info"
description: "Display system information (CPU, RAM, Temperature)"
value: Settings.data.bar.showSystemInfo
onToggled: function (newValue) { Settings.data.bar.showSystemInfo = newValue }
onToggled: function (newValue) {
Settings.data.bar.showSystemInfo = newValue
}
}
NToggle {
label: "Show Taskbar"
description: "Display a taskbar showing currently open windows"
value: Settings.data.bar.showTaskbar
onToggled: function (newValue) { Settings.data.bar.showTaskbar = newValue }
onToggled: function (newValue) {
Settings.data.bar.showTaskbar = newValue
}
}
NToggle {
label: "Show Media"
description: "Display media controls and information"
value: Settings.data.bar.showMedia
onToggled: function (newValue) { Settings.data.bar.showMedia = newValue }
onToggled: function (newValue) {
Settings.data.bar.showMedia = newValue
}
}
Item { Layout.fillHeight: true }
Item {
Layout.fillHeight: true
}
}
}

38
Modules/Settings/Tabs/Display.qml
View file

@ -13,17 +13,26 @@ Item {
// Helper functions to update arrays immutably
function addMonitor(list, name) {
const arr = (list || []).slice(); if (!arr.includes(name)) arr.push(name); return arr
const arr = (list || []).slice()
if (!arr.includes(name))
arr.push(name)
return arr
}
function removeMonitor(list, name) {
return (list || []).filter(function (n) { return n !== name })
return (list || []).filter(function (n) {
return n !== name
})
}
ColumnLayout {
anchors.fill: parent
spacing: Style.marginMedium * scaling
NText { text: "Per‑monitor configuration"; font.weight: Style.fontWeightBold; color: Colors.accentSecondary }
NText {
text: "Per‑monitor configuration"
font.weight: Style.fontWeightBold
color: Colors.accentSecondary
}
Repeater {
model: Quickshell.screens || []
@ -41,12 +50,22 @@ Item {
anchors.margins: Style.marginMedium * scaling
spacing: Style.marginSmall * scaling
NText { text: (modelData.name || "Unknown"); font.weight: Style.fontWeightBold; color: Colors.accentPrimary }
NText {
text: (modelData.name || "Unknown")
font.weight: Style.fontWeightBold
color: Colors.accentPrimary
}
RowLayout {
spacing: Style.marginMedium * scaling
NText { text: `Resolution: ${modelData.width}x${modelData.height}`; color: Colors.textSecondary }
NText { text: `Position: (${modelData.x}, ${modelData.y})`; color: Colors.textSecondary }
NText {
text: `Resolution: ${modelData.width}x${modelData.height}`
color: Colors.textSecondary
}
NText {
text: `Position: (${modelData.x}, ${modelData.y})`
color: Colors.textSecondary
}
}
NToggle {
@ -83,7 +102,8 @@ Item {
if (newValue) {
Settings.data.notifications.monitors = addMonitor(Settings.data.notifications.monitors, modelData.name)
} else {
Settings.data.notifications.monitors = removeMonitor(Settings.data.notifications.monitors, modelData.name)
Settings.data.notifications.monitors = removeMonitor(Settings.data.notifications.monitors,
modelData.name)
}
}
}
@ -91,6 +111,8 @@ Item {
}
}
Item { Layout.fillHeight: true }
Item {
Layout.fillHeight: true
}
}
}

19
Modules/Settings/Tabs/Misc.qml
View file

@ -20,17 +20,28 @@ Item {
color: Colors.accentSecondary
}
NText { text: "Visualizer Type"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Choose the style of the audio visualizer"; color: Colors.textSecondary }
NText {
text: "Visualizer Type"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Choose the style of the audio visualizer"
color: Colors.textSecondary
}
NComboBox {
id: visualizerTypeComboBox
optionsKeys: ["radial", "fire", "diamond"]
optionsLabels: ["Radial", "Fire", "Diamond"]
currentKey: Settings.data.audioVisualizer.type
onSelected: function (key) { Settings.data.audioVisualizer.type = key }
onSelected: function (key) {
Settings.data.audioVisualizer.type = key
}
}
Item { Layout.fillHeight: true }
Item {
Layout.fillHeight: true
}
}
}

26
Modules/Settings/Tabs/Network.qml
View file

@ -16,7 +16,11 @@ Item {
anchors.fill: parent
spacing: Style.marginMedium * scaling
NText { text: "Wi‑Fi"; font.weight: Style.fontWeightBold; color: Colors.accentSecondary }
NText {
text: "Wi‑Fi"
font.weight: Style.fontWeightBold
color: Colors.accentSecondary
}
NToggle {
label: "Enable Wi‑Fi"
@ -24,12 +28,19 @@ Item {
value: Settings.data.network.wifiEnabled
onToggled: function (newValue) {
Settings.data.network.wifiEnabled = newValue
Quickshell.execDetached(["nmcli", "radio", "wifi", newValue ? "on" : "off"]) }
Quickshell.execDetached(["nmcli", "radio", "wifi", newValue ? "on" : "off"])
}
}
NDivider { Layout.fillWidth: true }
NDivider {
Layout.fillWidth: true
}
NText { text: "Bluetooth"; font.weight: Style.fontWeightBold; color: Colors.accentSecondary }
NText {
text: "Bluetooth"
font.weight: Style.fontWeightBold
color: Colors.accentSecondary
}
NToggle {
label: "Enable Bluetooth"
@ -39,11 +50,14 @@ Item {
Settings.data.network.bluetoothEnabled = newValue
if (Bluetooth.defaultAdapter) {
Bluetooth.defaultAdapter.enabled = newValue
if (Bluetooth.defaultAdapter.enabled) Bluetooth.defaultAdapter.discovering = true
if (Bluetooth.defaultAdapter.enabled)
Bluetooth.defaultAdapter.discovering = true
}
}
}
Item { Layout.fillHeight: true }
Item {
Layout.fillHeight: true
}
}
}

124
Modules/Settings/Tabs/ScreenRecorder.qml
View file

@ -14,11 +14,22 @@ Item {
anchors.fill: parent
spacing: Style.marginMedium * scaling
NText { text: "Screen Recording"; font.weight: Style.fontWeightBold; color: Colors.accentSecondary }
NText {
text: "Screen Recording"
font.weight: Style.fontWeightBold
color: Colors.accentSecondary
}
// Output Directory
NText { text: "Output Directory"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Directory where screen recordings will be saved"; color: Colors.textSecondary }
NText {
text: "Output Directory"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Directory where screen recordings will be saved"
color: Colors.textSecondary
}
NTextBox {
text: Settings.data.screenRecorder.directory
Layout.fillWidth: true
@ -26,78 +37,141 @@ Item {
}
// Frame Rate
NText { text: "Frame Rate"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Target frame rate for screen recordings (default: 60)"; color: Colors.textSecondary }
NText {
text: "Frame Rate"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Target frame rate for screen recordings (default: 60)"
color: Colors.textSecondary
}
RowLayout {
Layout.fillWidth: true
NText { text: Settings.data.screenRecorder.frameRate + " FPS"; color: Colors.textPrimary }
Item { Layout.fillWidth: true }
NText {
text: Settings.data.screenRecorder.frameRate + " FPS"
color: Colors.textPrimary
}
Item {
Layout.fillWidth: true
}
}
NSlider {
Layout.fillWidth: true
from: 24; to: 144; stepSize: 1
from: 24
to: 144
stepSize: 1
value: Settings.data.screenRecorder.frameRate
onMoved: Settings.data.screenRecorder.frameRate = Math.round(value)
cutoutColor: Colors.surface
}
// Audio Source
NText { text: "Audio Source"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Audio source to capture during recording"; color: Colors.textSecondary }
NText {
text: "Audio Source"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Audio source to capture during recording"
color: Colors.textSecondary
}
NComboBox {
optionsKeys: ["default_output", "default_input", "both"]
optionsLabels: ["System Audio", "Microphone", "System Audio + Microphone"]
currentKey: Settings.data.screenRecorder.audioSource
onSelected: function (key) { Settings.data.screenRecorder.audioSource = key }
onSelected: function (key) {
Settings.data.screenRecorder.audioSource = key
}
}
// Video Quality
NText { text: "Video Quality"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Higher quality results in larger file sizes"; color: Colors.textSecondary }
NText {
text: "Video Quality"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Higher quality results in larger file sizes"
color: Colors.textSecondary
}
NComboBox {
optionsKeys: ["medium", "high", "very_high", "ultra"]
optionsLabels: ["Medium", "High", "Very High", "Ultra"]
currentKey: Settings.data.screenRecorder.quality
onSelected: function (key) { Settings.data.screenRecorder.quality = key }
onSelected: function (key) {
Settings.data.screenRecorder.quality = key
}
}
// Video Codec
NText { text: "Video Codec"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Different codecs offer different compression and compatibility"; color: Colors.textSecondary }
NText {
text: "Video Codec"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Different codecs offer different compression and compatibility"
color: Colors.textSecondary
}
NComboBox {
optionsKeys: ["h264", "hevc", "av1", "vp8", "vp9"]
optionsLabels: ["H264", "HEVC", "AV1", "VP8", "VP9"]
currentKey: Settings.data.screenRecorder.videoCodec
onSelected: function (key) { Settings.data.screenRecorder.videoCodec = key }
onSelected: function (key) {
Settings.data.screenRecorder.videoCodec = key
}
}
// Audio Codec
NText { text: "Audio Codec"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Opus is recommended for best performance and smallest audio size"; color: Colors.textSecondary }
NText {
text: "Audio Codec"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Opus is recommended for best performance and smallest audio size"
color: Colors.textSecondary
}
NComboBox {
optionsKeys: ["opus", "aac"]
optionsLabels: ["OPUS", "AAC"]
currentKey: Settings.data.screenRecorder.audioCodec
onSelected: function (key) { Settings.data.screenRecorder.audioCodec = key }
onSelected: function (key) {
Settings.data.screenRecorder.audioCodec = key
}
}
// Color Range
NText { text: "Color Range"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Limited is recommended for better compatibility"; color: Colors.textSecondary }
NText {
text: "Color Range"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Limited is recommended for better compatibility"
color: Colors.textSecondary
}
NComboBox {
optionsKeys: ["limited", "full"]
optionsLabels: ["Limited", "Full"]
currentKey: Settings.data.screenRecorder.colorRange
onSelected: function (key) { Settings.data.screenRecorder.colorRange = key }
onSelected: function (key) {
Settings.data.screenRecorder.colorRange = key
}
}
NToggle {
label: "Show Cursor"
description: "Record mouse cursor in the video"
value: Settings.data.screenRecorder.showCursor
onToggled: function (newValue) { Settings.data.screenRecorder.showCursor = newValue }
onToggled: function (newValue) {
Settings.data.screenRecorder.showCursor = newValue
}
}
Item { Layout.fillHeight: true }
Item {
Layout.fillHeight: true
}
}
}

59
Modules/Settings/Tabs/TimeWeather.qml
View file

@ -14,28 +14,49 @@ Item {
anchors.fill: parent
spacing: Style.marginMedium * scaling
NText { text: "Time"; font.weight: Style.fontWeightBold; color: Colors.accentSecondary }
NText {
text: "Time"
font.weight: Style.fontWeightBold
color: Colors.accentSecondary
}
NToggle {
label: "Use 12 Hour Clock"
description: "Display time in 12-hour format (e.g., 2:30 PM) instead of 24-hour format"
value: Settings.data.location.use12HourClock
onToggled: function (newValue) { Settings.data.location.use12HourClock = newValue }
onToggled: function (newValue) {
Settings.data.location.use12HourClock = newValue
}
}
NToggle {
label: "US Style Date"
description: "Display dates in MM/DD/YYYY format instead of DD/MM/YYYY"
value: Settings.data.location.reverseDayMonth
onToggled: function (newValue) { Settings.data.location.reverseDayMonth = newValue }
onToggled: function (newValue) {
Settings.data.location.reverseDayMonth = newValue
}
}
NDivider { Layout.fillWidth: true }
NDivider {
Layout.fillWidth: true
}
NText { text: "Weather"; font.weight: Style.fontWeightBold; color: Colors.accentSecondary }
NText {
text: "Weather"
font.weight: Style.fontWeightBold
color: Colors.accentSecondary
}
NText { text: "City"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Your city name for weather information"; color: Colors.textSecondary }
NText {
text: "City"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Your city name for weather information"
color: Colors.textSecondary
}
NTextBox {
text: Settings.data.location.name
Layout.fillWidth: true
@ -45,18 +66,32 @@ Item {
RowLayout {
Layout.fillWidth: true
spacing: Style.marginSmall * scaling
ColumnLayout { Layout.fillWidth: true; spacing: 2 * scaling
NText { text: "Temperature Unit"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
NText { text: "Choose between Celsius and Fahrenheit"; color: Colors.textSecondary; wrapMode: Text.WordWrap }
ColumnLayout {
Layout.fillWidth: true
spacing: 2 * scaling
NText {
text: "Temperature Unit"
color: Colors.textPrimary
font.weight: Style.fontWeightBold
}
NText {
text: "Choose between Celsius and Fahrenheit"
color: Colors.textSecondary
wrapMode: Text.WordWrap
}
}
NComboBox {
optionsKeys: ["c", "f"]
optionsLabels: ["Celsius", "Fahrenheit"]
currentKey: Settings.data.location.useFahrenheit ? "f" : "c"
onSelected: function (key) { Settings.data.location.useFahrenheit = (key === "f") }
onSelected: function (key) {
Settings.data.location.useFahrenheit = (key === "f")
}
}
}
Item { Layout.fillHeight: true }
Item {
Layout.fillHeight: true
}
}
}