✨ ags(control-center/mixer): add per-app volume control to sliders

2025-04-23 12:03:36 -03:00
parent c6cb481b4d
commit ef474e9742
2 changed files with 129 additions and 58 deletions
@@ -1,62 +1,61 @@
 import { bind } from "astal";
 import { Gtk, Widget } from "astal/gtk3";
 import { Wireplumber } from "../../scripts/volume";
+import { Pages } from "./Pages";
+import { PageMixer } from "./pages/Mixer";

-export const Sliders = () => new Widget.Box({
-    className: "sliders",
-    orientation: Gtk.Orientation.VERTICAL,
-    expand: true,
-    children: [
-        new Widget.Box({
-            className: "sink speaker",
-            children: [
-                new Widget.Label({
-                    className: "nf icon",
-                    label: "󰕾"
-                } as Widget.LabelProps),
-                new Widget.Slider({
-                    drawValue: false,
-                    hexpand: true,
-                    setup: (slider) => slider.set_value(Wireplumber.getDefault().getSinkVolume()),
-                    value: bind(Wireplumber.getDefault().getDefaultSink(), "volume").as((volume: number) => 
-                        Math.floor(volume * 100)),
-                    max: Wireplumber.getDefault().getMaxSinkVolume(),
-                    onDragged: (slider: Gtk.Scale) => Wireplumber.getDefault().setSinkVolume(slider.get_value())
-                } as Widget.SliderProps)
-            ]
-        } as Widget.BoxProps),
-        new Widget.Box({
-            className: "source microphone",
-            children: [
-                new Widget.Label({
-                    className: "nf icon",
-                    label: "󰍬"
-                } as Widget.LabelProps),
-                new Widget.Slider({
-                    drawValue: false,
-                    hexpand: true,
-                    setup: (slider) => slider.set_value(Wireplumber.getDefault().getSourceVolume()),
-                    value: bind(Wireplumber.getDefault().getDefaultSource(), "volume").as((volume: number) => 
-                        Math.floor(volume * 100)),
-                    max: Wireplumber.getDefault().getMaxSourceVolume(),
-                    onDragged: (slider: Gtk.Scale) => Wireplumber.getDefault().setSourceVolume(slider.get_value())
-                } as Widget.SliderProps)
-            ]
-        } as Widget.BoxProps),
-        /*new Widget.Box({
-            className: "brightness",
-            children: [
-                new Widget.Label({
-                    className: "icon nf",
-                    label: "󰃠"
-                } as Widget.LabelProps),
-                new Widget.Slider({
-                    drawValue: false,
-                    hexpand: true,
-                    value: 216,
-                    max: 255
-                } as Widget.SliderProps)
-            ]
-        } as Widget.BoxProps)*/
-    ]
-} as Widget.BoxProps);
+export function Sliders() {
+    const slidersPages = new Pages();
+
+    return new Widget.Box({
+        className: "sliders",
+        orientation: Gtk.Orientation.VERTICAL,
+        expand: true,
+        children: [
+            new Widget.Box({
+                className: "sink speaker",
+                children: bind(Wireplumber.getWireplumber(), "defaultSpeaker").as((sink) => [
+                    new Widget.Button({
+                        className: "nf",
+                        label: bind(sink, "mute").as((muted) => !muted ? "󰕾" : "󰖁"),
+                        onClick: () => Wireplumber.getDefault().toggleMuteSink()
+                    } as Widget.ButtonProps),
+                    new Widget.Slider({
+                        drawValue: false,
+                        hexpand: true,
+                        setup: (slider) => slider.value = Math.floor(sink.volume * 100),
+                        value: bind(sink, "volume").as((vol) => Math.floor(vol * 100)),
+                        max: Wireplumber.getDefault().getMaxSinkVolume(),
+                        onDragged: (slider) => sink.volume = slider.value / 100
+                    } as Widget.SliderProps),
+                    new Widget.Button({
+                        className: "more",
+                        image: new Widget.Icon({
+                            icon: "go-next-symbolic",
+                        } as Widget.IconProps),
+                        onClick: (_) => slidersPages.toggle(PageMixer())
+                    } as Widget.ButtonProps)
+                ])
+            } as Widget.BoxProps),
+            new Widget.Box({
+                className: "source microphone",
+                children: bind(Wireplumber.getWireplumber(), "defaultMicrophone").as((source) => [
+                    new Widget.Button({
+                        className: "nf",
+                        label: bind(source, "mute").as((muted) => !muted ? "󰍬" : "󰍭"),
+                        onClick: () => Wireplumber.getDefault().toggleMuteSource()
+                    } as Widget.ButtonProps),
+                    new Widget.Slider({
+                        drawValue: false,
+                        hexpand: true,
+                        setup: (slider) => slider.set_value(Math.floor(source.volume * 100)),
+                        value: bind(source, "volume").as((vol) => Math.floor(vol * 100)),
+                        max: Wireplumber.getDefault().getMaxSourceVolume(),
+                        onDragged: (slider) => source.volume = slider.value / 100
+                    } as Widget.SliderProps)
+                ])
+            } as Widget.BoxProps),
+            slidersPages
+        ]
+    } as Widget.BoxProps);
+}