Olivier/colorshell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ ags(control-center/pages): rename page mixer to sound, add default endpoint options, add microphone page

Browse Source
This commit is contained in:
retrozinndev
2025-04-23 20:39:38 -03:00
parent e28e2c7c2f
commit c5274ec91f
3 changed files with 75 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ags/widget/control-center/pages/Microphone.ts
+35
View File
@@ -0,0 +1,35 @@
import { bind } from "astal";
import { Page, PageButton, PageProps } from "./Page";
import AstalWp from "gi://AstalWp?version=0.1";
import { Wireplumber } from "../../../scripts/volume";
import { Astal, Widget } from "astal/gtk3";
import { tr } from "../../../i18n/intl";
export function PageMicrophone(): Page {
return new Page({
id: "microphone",
title: tr("control_center.pages.microphone.title"),
description: tr("control_center.pages.microphone.description"),
children: bind(Wireplumber.getWireplumber(), "endpoints").as((endpoints) => [
new Widget.Label({
className: "sub-header",
label: tr("devices"),
setup: (self) => self.set_alignment(0, .5)
} as Widget.LabelProps),
...endpoints.filter(ep => ep.mediaClass === AstalWp.MediaClass.AUDIO_MICROPHONE).map((ep) =>
PageButton({
className: bind(ep, "isDefault").as(isDefault => isDefault ? "default" : ""),
icon: Astal.Icon.lookup_icon(ep.icon) ? ep.icon : "audio-input-microphone-symbolic",
title: ep.name ?? "Microphone",
onClick: () => ep.set_is_default(true),
endWidget: new Widget.Icon({
icon: "object-select-symbolic",
visible: bind(ep, "isDefault"),
css: "font-size: 18px;"
} as Widget.IconProps)
})
)
])
} as PageProps);
}
ags/widget/control-center/pages/Mixer.ts → ags/widget/control-center/pages/Sound.ts
+29 -6
View File
@@ -1,17 +1,40 @@
import { Page, PageProps } from "./Page";
import { Page, PageButton, PageProps } from "./Page";
import { bind } from "astal";
import { Gtk, Widget } from "astal/gtk3";
import { Astal, Gtk, Widget } from "astal/gtk3";
import AstalWp from "gi://AstalWp";
import { getAppIcon } from "../../../scripts/apps";
import { Wireplumber } from "../../../scripts/volume";
import { tr } from "../../../i18n/intl";
export function PageMixer(): Page {
export function PageSound(): Page {
return new Page({
id: "mixer",
title: tr("control_center.pages.mixer.title"),
description: tr("control_center.pages.mixer.description"),
id: "sound",
title: tr("control_center.pages.sound.title"),
description: tr("control_center.pages.sound.description"),
children: bind(Wireplumber.getWireplumber(), "endpoints").as((endpoints) => [
new Widget.Label({
className: "sub-header",
label: tr("devices"),
setup: (self) => self.set_alignment(0, .5)
} as Widget.LabelProps),
...endpoints.filter(ep => ep.mediaClass === AstalWp.MediaClass.AUDIO_SPEAKER).map((ep) =>
PageButton({
className: bind(ep, "isDefault").as(isDefault => isDefault ? "default" : ""),
icon: Astal.Icon.lookup_icon(ep.icon) ? ep.icon : "audio-card-symbolic",
title: ep.name ?? "Speaker",
onClick: () => ep.set_is_default(true),
endWidget: new Widget.Icon({
icon: "object-select-symbolic",
visible: bind(ep, "isDefault"),
css: "font-size: 18px;"
} as Widget.IconProps)
})
),
new Widget.Label({
className: "sub-header",
label: tr("apps"),
setup: (self) => self.set_alignment(0, .5)
} as Widget.LabelProps),
...endpoints.filter((ep) => ep.mediaClass === AstalWp.MediaClass.AUDIO_STREAM ||
ep.mediaClass === AstalWp.MediaClass.VIDEO_STREAM).map((ep) =>
new Widget.EventBox({