lucy/quickshell
Watch
1
0
Fork
You've already forked quickshell
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add networking info in bar

Browse source
This commit is contained in:
lucy 2026-08-26 19:01:48 +02:00
commit 1f06bf5ee4
13 changed files with 179 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

2
modules/bar/Bar.qml
View file

@ -46,7 +46,9 @@ Variants {
WallPicker {
screenHeight: root.screen.height
}
Pw {}
Netstatus {}
}
}
}

11
modules/bar/Date.qml
View file

@ -18,15 +18,8 @@ BarComponent {
RowLayout {
id: clockLayout
anchors.centerIn: parent
IconImage {
source: Quickshell.iconPath("clock-applet-symbolic")
implicitSize: Config.iconSize
layer.enabled: true
layer.effect: MultiEffect {
colorization: 1.0
colorizationColor: Colors.text
brightness: 0.5
}
StyledIcon {
iconName: "clock-alt-symbolic"
}
StyledText {
id: clockText

22
modules/bar/Netstatus.qml Normal file
View file

@ -0,0 +1,22 @@
import qs.modules.Services
import qs.widgets
import QtQuick
import QtQuick.Layouts
BarComponent {
id: root
implicitWidth: networkLayout.implicitWidth + 24
RowLayout {
id: networkLayout
anchors.centerIn: root
spacing: 10
StyledIcon {
iconName: Network.getWifiIcon()
}
StyledIcon {
Layout.topMargin: 2
iconName: Network.getWiredIcon()
visible: Network.wiredDev != null
}
}
}

29
modules/bar/Netstatus.qml~ Normal file
View file

@ -0,0 +1,29 @@
import qs
import qs.modules.Services
import qs.widgets
import qs.settings
import Quickshell
import Quickshell.Widgets
import QtQuick
import QtQuick.Layouts
BarComponent {
id: root
implicitWidth: networkLayout.implicitWidth + 24
RowLayout {
anchors.centerIn: root
id: networkLayout
StyledText {
id: status
text: Network.wifiEnabled ? "Wifi enabled :3" : "Wifi disabled :("
}
StyledText {
id: wifiDevName
text: Network.connectedWifiDev?.name ?? "not connected via wifi"
}
StyledText{
id: wiredDevName
text: Network.connectedWiredDev?.name ?? "not connected via wired"
}
}
}

18
modules/bar/Pw.qml
View file

@ -1,6 +1,5 @@
pragma ComponentBehavior: Bound
import Quickshell.Services.Pipewire
import Quickshell.Io
import Quickshell.Widgets
import Quickshell
import QtQuick
@ -13,25 +12,16 @@ import qs.modules.Services
BarComponent {
id: root
color: clickHandler.containsMouse ? Colors.activeModuleBg : Colors.moduleBg
property PwNode defaultAudio: Pipewire.ready ? Pipewire.defaultAudioSink : null
property bool mute: Pipewire.ready ? defaultAudio?.audio.muted : null
active: clickHandler.containsMouse
implicitHeight: Config.moduleHeight
implicitWidth: pwLayout.implicitWidth + 16
RowLayout {
id: pwLayout
anchors.centerIn: root
spacing: 4
IconImage {
source: Quickshell.iconPath(Audio.getVolumeIcon(Audio.defaultAudio))
implicitSize: 14
layer.enabled: true
layer.effect: MultiEffect {
colorization: 1.0
colorizationColor: Colors.text
brightness: 0.0
}
}
StyledIcon {
iconName: Audio.getVolumeIcon(Audio.preferredAudio)
}
StyledText {
text: Audio.percentage + "%"
opacity: Audio.muted ? 0.6 : 1.0

49
modules/bar/VolPopup.qml
View file

@ -1,3 +1,4 @@
pragma ComponentBehavior: Bound
import qs
import qs.settings
import Quickshell
@ -6,8 +7,7 @@ import qs.widgets
import qs.modules.Services
import QtQuick.Layouts
import QtQuick.Controls
import Quickshell.Widgets
import QtQuick.Effects
PopupWindow {
implicitWidth: 400
@ -16,19 +16,20 @@ PopupWindow {
anchor.gravity: Edges.Bottom | Edges.Left
anchor.margins.top: 40
color: 'transparent'
grabFocus: true
Rectangle {
id: test
id: root
anchors.fill: parent
color: Colors.moduleBg
radius: Config.rounding
ColumnLayout {
id: audioLayout
anchors.fill: parent
anchors.centerIn: parent
anchors.centerIn: parent
anchors.margins: 10
spacing: 8
Repeater {
model: Audio.sinks
delegate: Rectangle {
id: audioDelContainer
@ -46,45 +47,29 @@ PopupWindow {
StyledText {
text: audioDelContainer.modelData.nickname
Layout.leftMargin: 10
Layout.leftMargin: 10
Layout.fillWidth: true
}
IconImage {
source: Quickshell.iconPath(Audio.getVolumeIcon(audioDelContainer.modelData))
implicitSize: 16
layer.enabled: true
layer.effect: MultiEffect {
colorization: 1.0
colorizationColor: Colors.text
}
StyledIcon {
iconName: Audio.getVolumeIcon(audioDelContainer.modelData)
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
acceptedButtons: Qt.LeftButton
onClicked: {
audioDelContainer.modelData.audio.muted = !audioDelContainer.modelData.audio.muted
}
onClicked: {
audioDelContainer.modelData.audio.muted = !audioDelContainer.modelData.audio.muted;
}
}
}
IconImage {
source: Quickshell.iconPath(audioDelContainer.modelData === Audio.preferredAudio ? "radio-checked-symbolic" : "radio-symbolic")
implicitSize: 16
layer.enabled: true
layer.effect: MultiEffect {
colorization: 1.0
colorizationColor: Colors.text
brightness: 0.5
}
StyledIcon {
iconName: audioDelContainer.modelData === Audio.preferredAudio ? "radio-checked-symbolic" : "radio-symbolic"
MouseArea {
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
acceptedButtons: Qt.LeftButton
onClicked: {
Audio.setDefaultSink(audioDelContainer.modelData)
}
onClicked: {
Audio.setDefaultSink(audioDelContainer.modelData);
}
}
}
Slider {