hyprpanel

ags/HyprPanel/modules/menus/audio/available/InputDevices.ts

@@ -0,0 +1,66 @@
+const audio = await Service.import('audio');
+import { InputDevices } from 'lib/types/audio';
+import { Stream } from 'types/service/audio';
+
+const renderInputDevices = (inputDevices: Stream[]): InputDevices => {
+    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 };