mirror of
https://github.com/kossLAN/dots.git
synced 2025-11-04 22:49:50 -05:00
basic volume mixer
This commit is contained in:
parent
65894a08c9
commit
102fa853a8
SSH key fingerprint:
SHA256:bdV0x+wdQHGJ6LgmstH3KV8OpWY+OOFmJcPcB0wQPV8
5 changed files with 202 additions and 0 deletions
84
shell/bar/control/ControlCenter.qml
Normal file
84
shell/bar/control/ControlCenter.qml
Normal file
|
|
@ -0,0 +1,84 @@
|
||||||
|
pragma ComponentBehavior: Bound
|
||||||
|
|
||||||
|
import QtQuick
|
||||||
|
import QtQuick.Controls
|
||||||
|
import QtQuick.Layouts
|
||||||
|
import Qt5Compat.GraphicalEffects
|
||||||
|
import Quickshell.Services.Pipewire
|
||||||
|
import Quickshell.Widgets
|
||||||
|
import qs.widgets
|
||||||
|
import qs.bar
|
||||||
|
|
||||||
|
StyledMouseArea {
|
||||||
|
id: root
|
||||||
|
onClicked: showMenu = !showMenu
|
||||||
|
|
||||||
|
required property var bar
|
||||||
|
property bool showMenu: false
|
||||||
|
|
||||||
|
IconImage {
|
||||||
|
id: icon
|
||||||
|
source: "root:resources/control/controls-button.svg"
|
||||||
|
|
||||||
|
anchors {
|
||||||
|
fill: parent
|
||||||
|
margins: 3
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
property PopupItem menu: PopupItem {
|
||||||
|
id: menu
|
||||||
|
owner: root
|
||||||
|
popup: root.bar.popup
|
||||||
|
show: root.showMenu
|
||||||
|
onClosed: root.showMenu = false
|
||||||
|
|
||||||
|
property real padding: 10
|
||||||
|
|
||||||
|
implicitWidth: 275
|
||||||
|
implicitHeight: 350
|
||||||
|
|
||||||
|
ColumnLayout {
|
||||||
|
id: container
|
||||||
|
spacing: 4
|
||||||
|
|
||||||
|
anchors {
|
||||||
|
fill: parent
|
||||||
|
margins: 8
|
||||||
|
}
|
||||||
|
|
||||||
|
ControlCenterCard {
|
||||||
|
title: "Wi-Fi"
|
||||||
|
description: "Wifi Network"
|
||||||
|
Layout.fillWidth: true
|
||||||
|
Layout.preferredHeight: 40
|
||||||
|
}
|
||||||
|
|
||||||
|
ControlCenterCard {
|
||||||
|
title: "Bluetooth"
|
||||||
|
description: "Manage bluetooth devices."
|
||||||
|
Layout.fillWidth: true
|
||||||
|
Layout.preferredHeight: 40
|
||||||
|
}
|
||||||
|
|
||||||
|
// ControlCenterCard {
|
||||||
|
// title: "Bluetooth"
|
||||||
|
// description: "Manage bluetooth devices."
|
||||||
|
// Layout.fillWidth: true
|
||||||
|
// Layout.preferredHeight: 40
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// ControlCenterCard {
|
||||||
|
// title: "Bluetooth"
|
||||||
|
// description: "Manage bluetooth devices."
|
||||||
|
// Layout.fillWidth: true
|
||||||
|
// Layout.preferredHeight: 40
|
||||||
|
// }
|
||||||
|
|
||||||
|
Item {
|
||||||
|
Layout.fillWidth: true
|
||||||
|
Layout.fillHeight: true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
45
shell/bar/control/ControlCenterCard.qml
Normal file
45
shell/bar/control/ControlCenterCard.qml
Normal file
|
|
@ -0,0 +1,45 @@
|
||||||
|
import QtQuick
|
||||||
|
import QtQuick.Layouts
|
||||||
|
import Quickshell.Widgets
|
||||||
|
import qs
|
||||||
|
|
||||||
|
WrapperMouseArea {
|
||||||
|
id: root
|
||||||
|
|
||||||
|
required property var title
|
||||||
|
required property var description
|
||||||
|
|
||||||
|
RowLayout {
|
||||||
|
ColumnLayout {
|
||||||
|
Layout.fillWidth: true
|
||||||
|
Layout.fillHeight: true
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: root.title
|
||||||
|
color: ShellSettings.colors.active
|
||||||
|
font.pointSize: 10
|
||||||
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: root.description
|
||||||
|
color: ShellSettings.colors.active.darker(2.0)
|
||||||
|
font.pointSize: 9
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
IconImage {
|
||||||
|
source: "root:resources/general/right-arrow.svg"
|
||||||
|
Layout.preferredWidth: height
|
||||||
|
Layout.fillHeight: true
|
||||||
|
Layout.alignment: Qt.AlignRight
|
||||||
|
Layout.margins: 2
|
||||||
|
}
|
||||||
|
|
||||||
|
// Rectangle {
|
||||||
|
// Layout.preferredWidth: height
|
||||||
|
// Layout.fillHeight: true
|
||||||
|
// Layout.alignment: Qt.AlignRight
|
||||||
|
// Layout.margins: 2
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
9
shell/resources/volume/volume-low.svg
Normal file
9
shell/resources/volume/volume-low.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
|
||||||
|
<svg fill="#ffffff" width="800px" height="800px" viewBox="-64 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
|
||||||
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<g id="SVGRepo_iconCarrier">
|
||||||
|
<path d="M215.03 72.04L126.06 161H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V89.02c0-21.47-25.96-31.98-40.97-16.98zm123.2 108.08c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 229.28 336 242.62 336 257c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.87z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 914 B |
9
shell/resources/volume/volume-off.svg
Normal file
9
shell/resources/volume/volume-off.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
|
||||||
|
<svg fill="#ffffff" width="800px" height="800px" viewBox="-128 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
|
||||||
|
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<g id="SVGRepo_iconCarrier">
|
||||||
|
<path d="M215 71l-89 89H24a24 24 0 0 0-24 24v144a24 24 0 0 0 24 24h102.06L215 441c15 15 41 4.47 41-17V88c0-21.47-26-32-41-17z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 594 B |
55
shell/widgets/StyledSlider.qml
Normal file
55
shell/widgets/StyledSlider.qml
Normal file
|
|
@ -0,0 +1,55 @@
|
||||||
|
pragma ComponentBehavior: Bound
|
||||||
|
|
||||||
|
import QtQuick
|
||||||
|
import QtQuick.Controls
|
||||||
|
import Qt5Compat.GraphicalEffects
|
||||||
|
import ".."
|
||||||
|
|
||||||
|
Slider {
|
||||||
|
id: slider
|
||||||
|
implicitHeight: 8
|
||||||
|
property var accentColor: ShellSettings.colors.active
|
||||||
|
|
||||||
|
background: Rectangle {
|
||||||
|
id: sliderContainer
|
||||||
|
width: slider.availableWidth
|
||||||
|
height: slider.implicitHeight
|
||||||
|
color: ShellSettings.colors.inactive
|
||||||
|
radius: 4
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
|
||||||
|
layer.enabled: true
|
||||||
|
layer.effect: OpacityMask {
|
||||||
|
source: Rectangle {
|
||||||
|
width: sliderContainer.width
|
||||||
|
height: sliderContainer.height
|
||||||
|
radius: sliderContainer.radius
|
||||||
|
color: "white"
|
||||||
|
}
|
||||||
|
|
||||||
|
maskSource: Rectangle {
|
||||||
|
width: sliderContainer.width
|
||||||
|
height: sliderContainer.height
|
||||||
|
radius: sliderContainer.radius
|
||||||
|
color: "black"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
id: fill
|
||||||
|
width: slider.handle.width / 2 + slider.visualPosition * (sliderContainer.width - slider.handle.width)
|
||||||
|
height: sliderContainer.height
|
||||||
|
color: Qt.color(slider.accentColor ?? "purple").darker(1.2)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handle: Rectangle {
|
||||||
|
id: handleRect
|
||||||
|
x: slider.visualPosition * (slider.availableWidth - width)
|
||||||
|
y: slider.topPadding + slider.availableHeight / 2 - height / 2
|
||||||
|
width: 16
|
||||||
|
height: 16
|
||||||
|
radius: width / 2
|
||||||
|
color: slider.pressed ? Qt.color(slider.accentColor ?? "purple").darker(1.5) : slider.accentColor ?? "purple"
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue