* WIP * Fix nerdfont icon alignments * Ship needed fonts * Remove italicised fonts * Update readme and separate OSD settings into their own category. * Dashboard styling updates --------- Co-authored-by: matavach <erik@matijevich.org>
66 lines
2.5 KiB
TypeScript
66 lines
2.5 KiB
TypeScript
const audio = await Service.import("audio");
|
|
import { Stream } from "types/service/audio";
|
|
|
|
const renderInputDevices = (inputDevices: Stream[]) => {
|
|
if (inputDevices.length === 0) {
|
|
return [
|
|
Widget.Button({
|
|
class_name: `menu-unfound-button input`,
|
|
child: Widget.Box({
|
|
children: [
|
|
Widget.Box({
|
|
hpack: "start",
|
|
children: [
|
|
Widget.Label({
|
|
class_name: "menu-button-name input",
|
|
label: "No input devices found...",
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
];
|
|
}
|
|
return inputDevices.map((device) => {
|
|
return Widget.Button({
|
|
on_primary_click: () => (audio.microphone = device),
|
|
class_name: `menu-button audio input ${device}`,
|
|
child: Widget.Box({
|
|
children: [
|
|
Widget.Box({
|
|
hpack: "start",
|
|
children: [
|
|
Widget.Label({
|
|
wrap: true,
|
|
class_name: audio.microphone
|
|
.bind("description")
|
|
.as((v) =>
|
|
device.description === v
|
|
? "menu-button-icon active input txt-icon"
|
|
: "menu-button-icon input txt-icon",
|
|
),
|
|
label: "",
|
|
}),
|
|
Widget.Label({
|
|
truncate: "end",
|
|
wrap: true,
|
|
class_name: audio.microphone
|
|
.bind("description")
|
|
.as((v) =>
|
|
device.description === v
|
|
? "menu-button-name active input"
|
|
: "menu-button-name input",
|
|
),
|
|
label: device.description,
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
});
|
|
});
|
|
};
|
|
|
|
export { renderInputDevices };
|