Icons: most settings tabs
This commit is contained in:
parent
74cf71755b
commit
c77784b5c1
17 changed files with 38 additions and 58 deletions
|
|
@ -8,24 +8,6 @@ import qs.Commons
|
||||||
Singleton {
|
Singleton {
|
||||||
id: root
|
id: root
|
||||||
|
|
||||||
|
|
||||||
// property var icons: {
|
|
||||||
// "sunny": "\uF1D2",
|
|
||||||
// "partly_cloudy": "\uF2BE",
|
|
||||||
// "cloud": "\uF2C3",
|
|
||||||
// "foggy": "\uF2A7",
|
|
||||||
// "rainy": "\uF29D",
|
|
||||||
// "snowy": "\uF2BC",
|
|
||||||
// "thunderstorm": "\uF2AC",
|
|
||||||
// "battery_empty": "\uF188",
|
|
||||||
// "battery_low": "\uF911",
|
|
||||||
// "battery_half": "\uF187",
|
|
||||||
// "battery_full": "\uF186",
|
|
||||||
// "battery_charging": "\uF185",
|
|
||||||
// "volume_muted": "\uF60D",
|
|
||||||
// "volume_off": "\uF60F",
|
|
||||||
// "volume_half": "\uF60B",
|
|
||||||
// "volume_full": "\uF611",
|
|
||||||
// "brightness_low": "\uF1D4",
|
// "brightness_low": "\uF1D4",
|
||||||
// "brightness_high": "\uF1D2",
|
// "brightness_high": "\uF1D2",
|
||||||
// "wifi_disable": "\uF61B",
|
// "wifi_disable": "\uF61B",
|
||||||
|
|
@ -33,7 +15,7 @@ Singleton {
|
||||||
// "wifi_half": "\uF61A",
|
// "wifi_half": "\uF61A",
|
||||||
// "wifi_full": "\uF61C",
|
// "wifi_full": "\uF61C",
|
||||||
// "power": "\uF4FF",
|
// "power": "\uF4FF",
|
||||||
// "gear": "\uF3E5",
|
|
||||||
// "close": "\uF659",
|
// "close": "\uF659",
|
||||||
// "check": "\uF272",
|
// "check": "\uF272",
|
||||||
// "panel": "\uF290",
|
// "panel": "\uF290",
|
||||||
|
|
@ -70,7 +52,7 @@ Singleton {
|
||||||
// "bell": "\uF18A",
|
// "bell": "\uF18A",
|
||||||
// "bell_striked": "\uF631",
|
// "bell_striked": "\uF631",
|
||||||
// "drive": "\uF412",
|
// "drive": "\uF412",
|
||||||
// "bluetooth": "\uF682",
|
|
||||||
// "person": "\uF4DA",
|
// "person": "\uF4DA",
|
||||||
// "bar": "\uF52B",
|
// "bar": "\uF52B",
|
||||||
// "launcher": "\uF843",
|
// "launcher": "\uF843",
|
||||||
|
|
|
||||||
|
|
@ -55,7 +55,7 @@ NPanel {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
tooltipText: "Close"
|
tooltipText: "Close"
|
||||||
sizeRatio: 0.8
|
sizeRatio: 0.8
|
||||||
onClicked: root.close()
|
onClicked: root.close()
|
||||||
|
|
|
||||||
|
|
@ -53,7 +53,7 @@ NIconButton {
|
||||||
}
|
}
|
||||||
|
|
||||||
sizeRatio: 0.8
|
sizeRatio: 0.8
|
||||||
icon: Settings.data.notifications.doNotDisturb ? Bootstrap.icons["bell_striked"] : Bootstrap.icons["bell"]
|
icon: Settings.data.notifications.doNotDisturb ? Bootstrap.icons["bell-slash"] : Bootstrap.icons["bell"]
|
||||||
tooltipText: Settings.data.notifications.doNotDisturb ? "Notification history.\nRight-click to disable 'Do Not Disturb'." : "Notification history.\nRight-click to enable 'Do Not Disturb'."
|
tooltipText: Settings.data.notifications.doNotDisturb ? "Notification history.\nRight-click to disable 'Do Not Disturb'." : "Notification history.\nRight-click to enable 'Do Not Disturb'."
|
||||||
colorBg: Color.mSurfaceVariant
|
colorBg: Color.mSurfaceVariant
|
||||||
colorFg: Color.mOnSurface
|
colorFg: Color.mOnSurface
|
||||||
|
|
|
||||||
|
|
@ -66,7 +66,7 @@ RowLayout {
|
||||||
|
|
||||||
NIcon {
|
NIcon {
|
||||||
id: cpuUsageIcon
|
id: cpuUsageIcon
|
||||||
text: Bootstrap.icons["speed"]
|
text: Bootstrap.icons["speedometer2"]
|
||||||
Layout.alignment: Qt.AlignVCenter
|
Layout.alignment: Qt.AlignVCenter
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -85,13 +85,12 @@ RowLayout {
|
||||||
// CPU Temperature Component
|
// CPU Temperature Component
|
||||||
RowLayout {
|
RowLayout {
|
||||||
id: cpuTempLayout
|
id: cpuTempLayout
|
||||||
// spacing is thin here to compensate for the vertical thermometer icon
|
spacing: Style.marginXS * scaling
|
||||||
spacing: Style.marginXXS * scaling
|
|
||||||
Layout.alignment: Qt.AlignVCenter
|
Layout.alignment: Qt.AlignVCenter
|
||||||
visible: showCpuTemp
|
visible: showCpuTemp
|
||||||
|
|
||||||
NIcon {
|
NIcon {
|
||||||
text: Bootstrap.icons["thermometer"]
|
text: Bootstrap.icons["fire"]
|
||||||
Layout.alignment: Qt.AlignVCenter
|
Layout.alignment: Qt.AlignVCenter
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -43,11 +43,11 @@ Item {
|
||||||
|
|
||||||
function getIcon() {
|
function getIcon() {
|
||||||
if (AudioService.muted) {
|
if (AudioService.muted) {
|
||||||
return Bootstrap.icons["volume_muted"]
|
return Bootstrap.icons["volume-mute"]
|
||||||
}
|
}
|
||||||
return AudioService.volume
|
return AudioService.volume
|
||||||
<= Number.EPSILON ? Bootstrap.icons["volume_off"] : (AudioService.volume
|
<= Number.EPSILON ? Bootstrap.icons["volume-off"] : (AudioService.volume
|
||||||
< 0.5 ? Bootstrap.icons["volume_half"] : Bootstrap.icons["volume_full"])
|
< 0.5 ? Bootstrap.icons["volume-down"] : Bootstrap.icons["volume-up"])
|
||||||
}
|
}
|
||||||
|
|
||||||
// Connection used to open the pill when volume changes
|
// Connection used to open the pill when volume changes
|
||||||
|
|
|
||||||
|
|
@ -54,7 +54,7 @@ NPanel {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
tooltipText: "Close"
|
tooltipText: "Close"
|
||||||
sizeRatio: 0.8
|
sizeRatio: 0.8
|
||||||
onClicked: {
|
onClicked: {
|
||||||
|
|
|
||||||
|
|
@ -294,7 +294,7 @@ Variants {
|
||||||
|
|
||||||
// Close button positioned absolutely
|
// Close button positioned absolutely
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
tooltipText: "Close"
|
tooltipText: "Close"
|
||||||
sizeRatio: 0.6
|
sizeRatio: 0.6
|
||||||
anchors.top: parent.top
|
anchors.top: parent.top
|
||||||
|
|
|
||||||
|
|
@ -45,7 +45,7 @@ NPanel {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Settings.data.notifications.doNotDisturb ? Bootstrap.icons["bell_striked"] : Bootstrap.icons["bell"]
|
icon: Settings.data.notifications.doNotDisturb ? Bootstrap.icons["bell-slash"] : Bootstrap.icons["bell"]
|
||||||
tooltipText: Settings.data.notifications.doNotDisturb ? "'Do Not Disturb' is enabled." : "'Do Not Disturb' is disabled."
|
tooltipText: Settings.data.notifications.doNotDisturb ? "'Do Not Disturb' is enabled." : "'Do Not Disturb' is disabled."
|
||||||
sizeRatio: 0.8
|
sizeRatio: 0.8
|
||||||
onClicked: Settings.data.notifications.doNotDisturb = !Settings.data.notifications.doNotDisturb
|
onClicked: Settings.data.notifications.doNotDisturb = !Settings.data.notifications.doNotDisturb
|
||||||
|
|
@ -59,7 +59,7 @@ NPanel {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
tooltipText: "Close"
|
tooltipText: "Close"
|
||||||
sizeRatio: 0.8
|
sizeRatio: 0.8
|
||||||
onClicked: {
|
onClicked: {
|
||||||
|
|
|
||||||
|
|
@ -210,7 +210,7 @@ NBox {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
sizeRatio: 0.6
|
sizeRatio: 0.6
|
||||||
colorBorder: Qt.alpha(Color.mOutline, Style.opacityLight)
|
colorBorder: Qt.alpha(Color.mOutline, Style.opacityLight)
|
||||||
colorBg: Color.mOnSurface
|
colorBg: Color.mOnSurface
|
||||||
|
|
|
||||||
|
|
@ -84,7 +84,7 @@ Popup {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
onClicked: settingsPopup.close()
|
onClicked: settingsPopup.close()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -128,22 +128,22 @@ NPanel {
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.Bar,
|
"id": SettingsPanel.Tab.Bar,
|
||||||
"label": "Bar",
|
"label": "Bar",
|
||||||
"icon": "bar",
|
"icon": "segmented-nav",
|
||||||
"source": barTab
|
"source": barTab
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.Launcher,
|
"id": SettingsPanel.Tab.Launcher,
|
||||||
"label": "Launcher",
|
"label": "Launcher",
|
||||||
"icon": "launcher",
|
"icon": "rocket",
|
||||||
"source": launcherTab
|
"source": launcherTab
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.Audio,
|
"id": SettingsPanel.Tab.Audio,
|
||||||
"label": "Audio",
|
"label": "Audio",
|
||||||
"icon": "volume_full",
|
"icon": "speaker",
|
||||||
"source": audioTab
|
"source": audioTab
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.Display,
|
"id": SettingsPanel.Tab.Display,
|
||||||
"label": "Display",
|
"label": "Display",
|
||||||
"icon": "monitor",
|
"icon": "display",
|
||||||
"source": displayTab
|
"source": displayTab
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.Network,
|
"id": SettingsPanel.Tab.Network,
|
||||||
|
|
@ -153,22 +153,22 @@ NPanel {
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.Brightness,
|
"id": SettingsPanel.Tab.Brightness,
|
||||||
"label": "Brightness",
|
"label": "Brightness",
|
||||||
"icon": "brightness_high",
|
"icon": "brightness-high",
|
||||||
"source": brightnessTab
|
"source": brightnessTab
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.Weather,
|
"id": SettingsPanel.Tab.Weather,
|
||||||
"label": "Weather",
|
"label": "Weather",
|
||||||
"icon": "partly_cloudy",
|
"icon": "cloud-sun",
|
||||||
"source": weatherTab
|
"source": weatherTab
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.ColorScheme,
|
"id": SettingsPanel.Tab.ColorScheme,
|
||||||
"label": "Color Scheme",
|
"label": "Color Scheme",
|
||||||
"icon": "paint_drop",
|
"icon": "palette",
|
||||||
"source": colorSchemeTab
|
"source": colorSchemeTab
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.Wallpaper,
|
"id": SettingsPanel.Tab.Wallpaper,
|
||||||
"label": "Wallpaper",
|
"label": "Wallpaper",
|
||||||
"icon": "image",
|
"icon": "easel",
|
||||||
"source": wallpaperTab
|
"source": wallpaperTab
|
||||||
}]
|
}]
|
||||||
|
|
||||||
|
|
@ -177,7 +177,7 @@ NPanel {
|
||||||
newTabs.push({
|
newTabs.push({
|
||||||
"id": SettingsPanel.Tab.WallpaperSelector,
|
"id": SettingsPanel.Tab.WallpaperSelector,
|
||||||
"label": "Wallpaper Selector",
|
"label": "Wallpaper Selector",
|
||||||
"icon": "paint_brush",
|
"icon": "image",
|
||||||
"source": wallpaperSelectorTab
|
"source": wallpaperSelectorTab
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -185,17 +185,17 @@ NPanel {
|
||||||
newTabs.push({
|
newTabs.push({
|
||||||
"id": SettingsPanel.Tab.ScreenRecorder,
|
"id": SettingsPanel.Tab.ScreenRecorder,
|
||||||
"label": "Screen Recorder",
|
"label": "Screen Recorder",
|
||||||
"icon": "video_camera",
|
"icon": "camera-video",
|
||||||
"source": screenRecorderTab
|
"source": screenRecorderTab
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.Hooks,
|
"id": SettingsPanel.Tab.Hooks,
|
||||||
"label": "Hooks",
|
"label": "Hooks",
|
||||||
"icon": "link",
|
"icon": "link-45deg",
|
||||||
"source": hooksTab
|
"source": hooksTab
|
||||||
}, {
|
}, {
|
||||||
"id": SettingsPanel.Tab.About,
|
"id": SettingsPanel.Tab.About,
|
||||||
"label": "About",
|
"label": "About",
|
||||||
"icon": "macaron",
|
"icon": "person",
|
||||||
"source": aboutTab
|
"source": aboutTab
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
@ -480,7 +480,7 @@ NPanel {
|
||||||
|
|
||||||
// Close button
|
// Close button
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
tooltipText: "Close"
|
tooltipText: "Close"
|
||||||
Layout.alignment: Qt.AlignVCenter
|
Layout.alignment: Qt.AlignVCenter
|
||||||
onClicked: root.close()
|
onClicked: root.close()
|
||||||
|
|
|
||||||
|
|
@ -322,7 +322,7 @@ ColumnLayout {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
sizeRatio: 0.8
|
sizeRatio: 0.8
|
||||||
Layout.alignment: Qt.AlignVCenter
|
Layout.alignment: Qt.AlignVCenter
|
||||||
Layout.rightMargin: Style.marginXS * scaling
|
Layout.rightMargin: Style.marginXS * scaling
|
||||||
|
|
|
||||||
|
|
@ -78,7 +78,7 @@ NBox {
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
id: closeButton
|
id: closeButton
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
tooltipText: "Close side panel."
|
tooltipText: "Close side panel."
|
||||||
onClicked: {
|
onClicked: {
|
||||||
sidePanel.close()
|
sidePanel.close()
|
||||||
|
|
|
||||||
|
|
@ -63,7 +63,7 @@ NPanel {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
tooltipText: "Close"
|
tooltipText: "Close"
|
||||||
sizeRatio: 0.8
|
sizeRatio: 0.8
|
||||||
onClicked: root.close()
|
onClicked: root.close()
|
||||||
|
|
@ -105,7 +105,7 @@ NPanel {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
sizeRatio: 0.6
|
sizeRatio: 0.6
|
||||||
onClicked: NetworkService.lastError = ""
|
onClicked: NetworkService.lastError = ""
|
||||||
}
|
}
|
||||||
|
|
@ -492,7 +492,7 @@ NPanel {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
sizeRatio: 0.8
|
sizeRatio: 0.8
|
||||||
onClicked: {
|
onClicked: {
|
||||||
passwordSsid = ""
|
passwordSsid = ""
|
||||||
|
|
@ -547,7 +547,7 @@ NPanel {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
sizeRatio: 0.8
|
sizeRatio: 0.8
|
||||||
onClicked: expandedSsid = ""
|
onClicked: expandedSsid = ""
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -148,7 +148,7 @@ Popup {
|
||||||
}
|
}
|
||||||
|
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
onClicked: root.close()
|
onClicked: root.close()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -492,7 +492,7 @@ Popup {
|
||||||
NButton {
|
NButton {
|
||||||
id: cancelButton
|
id: cancelButton
|
||||||
text: "Cancel"
|
text: "Cancel"
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
outlined: cancelButton.hovered ? false : true
|
outlined: cancelButton.hovered ? false : true
|
||||||
customHeight: 36 * scaling
|
customHeight: 36 * scaling
|
||||||
customWidth: 100 * scaling
|
customWidth: 100 * scaling
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,6 @@ import qs.Commons
|
||||||
import qs.Widgets
|
import qs.Widgets
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
text: "\uF706" // fallback/default to balloon icon
|
|
||||||
font.family: "bootstrap-icons"
|
font.family: "bootstrap-icons"
|
||||||
font.pointSize: Style.fontSizeL * scaling
|
font.pointSize: Style.fontSizeL * scaling
|
||||||
color: Color.mOnSurface
|
color: Color.mOnSurface
|
||||||
|
|
|
||||||
|
|
@ -162,7 +162,7 @@ Item {
|
||||||
|
|
||||||
// Close button (only if persistent or manual dismiss needed)
|
// Close button (only if persistent or manual dismiss needed)
|
||||||
NIconButton {
|
NIconButton {
|
||||||
icon: Bootstrap.icons["close"]
|
icon: Bootstrap.icons["x-lg"]
|
||||||
visible: root.persistent || root.duration === 0
|
visible: root.persistent || root.duration === 0
|
||||||
|
|
||||||
colorBg: Color.mSurfaceVariant
|
colorBg: Color.mSurfaceVariant
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue