116 lines
3.2 KiB
QML
116 lines
3.2 KiB
QML
import QtQuick
|
|
import Quickshell
|
|
import "root:/config"
|
|
import "root:/components"
|
|
import "root:/services"
|
|
import "root:/popouts"
|
|
|
|
// Network, bluetooth, audio, mic, backlight and battery, in one slab. Each
|
|
// glyph carries its own popout.
|
|
BarPill {
|
|
id: root
|
|
|
|
required property var screenRef
|
|
|
|
accent: Theme.primary
|
|
padding: Theme.padS
|
|
interactive: false
|
|
implicitWidth: layout.implicitWidth + contentPad * 2
|
|
|
|
Row {
|
|
id: layout
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: parent.left
|
|
spacing: Theme.padM
|
|
|
|
StatusIcon {
|
|
id: netIcon
|
|
icon: Net.icon
|
|
label: Sys.netUp ? Sys.rate(Sys.netRx + Sys.netTx) : ""
|
|
labelWidth: 62
|
|
tint: Theme.primary
|
|
dim: !Sys.netUp
|
|
onClicked: netPopout.pinned = !netPopout.pinned
|
|
onRightClicked: Net.toggleWifi()
|
|
onMiddleClicked: Actions.openNetworkSettings()
|
|
}
|
|
|
|
StatusIcon {
|
|
id: btIcon
|
|
icon: Bt.icon
|
|
tint: Bt.connected.length > 0 ? Theme.blue : Theme.primary
|
|
dim: !Bt.enabled
|
|
onClicked: btPopout.pinned = !btPopout.pinned
|
|
onRightClicked: Bt.toggle()
|
|
}
|
|
|
|
StatusIcon {
|
|
id: volIcon
|
|
icon: Audio.icon
|
|
label: Audio.muted ? "" : Audio.volumePercent + "%"
|
|
labelWidth: Audio.muted ? 0 : 34
|
|
alert: Audio.muted
|
|
onClicked: Audio.toggleMute()
|
|
onRightClicked: audioPopout.pinned = !audioPopout.pinned
|
|
onMiddleClicked: Actions.openAudioSettings()
|
|
onScrolled: delta => Audio.changeVolume(delta > 0 ? 0.05 : -0.05)
|
|
}
|
|
|
|
StatusIcon {
|
|
id: micIcon
|
|
icon: Audio.micIcon
|
|
alert: Audio.micMuted
|
|
onClicked: Audio.toggleMicMute()
|
|
onRightClicked: audioPopout.pinned = !audioPopout.pinned
|
|
onScrolled: delta => Audio.setMicVolume(Audio.micVolume + (delta > 0 ? 0.05 : -0.05))
|
|
}
|
|
|
|
StatusIcon {
|
|
id: brightIcon
|
|
visible: Brightness.available
|
|
icon: Brightness.icon
|
|
label: Math.round(Brightness.percent) + "%"
|
|
labelWidth: 34
|
|
tint: Theme.warn
|
|
onScrolled: delta => Brightness.change(delta > 0 ? 5 : -5)
|
|
}
|
|
|
|
StatusIcon {
|
|
id: battIcon
|
|
visible: Battery.available
|
|
icon: Battery.icon
|
|
label: Math.round(Battery.percent) + "%"
|
|
labelWidth: 34
|
|
tint: Battery.tint
|
|
alert: Battery.critical
|
|
pulsing: Battery.critical
|
|
onClicked: battPopout.pinned = !battPopout.pinned
|
|
}
|
|
}
|
|
|
|
NetPopout {
|
|
id: netPopout
|
|
anchorItem: netIcon
|
|
triggerHovered: netIcon.hovered
|
|
}
|
|
|
|
BtPopout {
|
|
id: btPopout
|
|
anchorItem: btIcon
|
|
triggerHovered: btIcon.hovered
|
|
}
|
|
|
|
AudioPopout {
|
|
id: audioPopout
|
|
anchorItem: volIcon
|
|
triggerHovered: volIcon.hovered || micIcon.hovered
|
|
}
|
|
|
|
BatteryPopout {
|
|
id: battPopout
|
|
anchorItem: battIcon
|
|
triggerHovered: battIcon.hovered
|
|
visible: Battery.available && shown
|
|
}
|
|
}
|