retrozinndev
54 lines
2.6 KiB
TypeScript
54 lines
2.6 KiB
TypeScript
import { Astal, Gtk } from "ags/gtk4";
|
|
import { Wireplumber } from "../../scripts/volume";
|
|
import { Pages } from "./Pages";
|
|
import { PageSound } from "./pages/Sound";
|
|
import { PageMicrophone } from "./pages/Microphone";
|
|
import { createBinding, With } from "ags";
|
|
|
|
import AstalWp from "gi://AstalWp";
|
|
|
|
|
|
export let slidersPages: Pages|undefined;
|
|
|
|
export function Sliders() {
|
|
return <Gtk.Box class={"sliders"} orientation={Gtk.Orientation.VERTICAL}
|
|
hexpand spacing={10} onUnmap={() => slidersPages = undefined}>
|
|
|
|
<With value={createBinding(Wireplumber.getWireplumber(), "defaultSpeaker")}>
|
|
{(sink: AstalWp.Endpoint) => <Gtk.Box class={"sink speaker"} spacing={3}>
|
|
<Gtk.Button onClicked={() => Wireplumber.getDefault().toggleMuteSink()}
|
|
iconName={createBinding(sink, "volumeIcon").as((icon) =>
|
|
(!Wireplumber.getDefault().isMutedSink() &&
|
|
Wireplumber.getDefault().getSinkVolume() > 0
|
|
) ? icon : "audio-volume-muted-symbolic"
|
|
)} />
|
|
|
|
<Astal.Slider drawValue={false} hexpand value={createBinding(sink, "volume")}
|
|
max={Wireplumber.getDefault().getMaxSinkVolume() / 100}
|
|
onChangeValue={(_, __, value) => sink.set_volume(value)} />
|
|
|
|
<Gtk.Button class={"more"} iconName={"go-next-symbolic"} onClicked={() =>
|
|
slidersPages?.toggle(PageSound)} />
|
|
</Gtk.Box>}
|
|
</With>
|
|
<With value={createBinding(Wireplumber.getWireplumber(), "defaultMicrophone")}>
|
|
{(source: AstalWp.Endpoint) => <Gtk.Box class={"source microphone"} spacing={3}>
|
|
<Gtk.Button onClicked={() => Wireplumber.getDefault().toggleMuteSource()}
|
|
iconName={createBinding(source, "volumeIcon").as((icon) =>
|
|
(!Wireplumber.getDefault().isMutedSource() &&
|
|
Wireplumber.getDefault().getSourceVolume() > 0
|
|
) ? icon : "microphone-sensitivity-muted-symbolic"
|
|
)} />
|
|
|
|
<Astal.Slider drawValue={false} hexpand value={createBinding(source, "volume")}
|
|
max={Wireplumber.getDefault().getMaxSourceVolume() / 100}
|
|
onChangeValue={(_, __, value) => source.set_volume(value)} />
|
|
|
|
<Gtk.Button class={"more"} iconName={"go-next-symbolic"} onClicked={() =>
|
|
slidersPages?.toggle(PageMicrophone)} />
|
|
</Gtk.Box>}
|
|
</With>
|
|
<Pages $={(self) => slidersPages = self} />
|
|
</Gtk.Box>
|
|
}
|