hyprpanel

ags/HyprPanel/modules/osd/label/index.ts

@@ -0,0 +1,86 @@
+import brightness from 'services/Brightness';
+import options from 'options';
+import Box from 'types/widgets/box';
+import { Attribute, Child } from 'lib/types/widget';
+const audio = await Service.import('audio');
+
+export const OSDLabel = (): Box<Child, Attribute> => {
+    return Widget.Box({
+        class_name: 'osd-label-container',
+        hexpand: true,
+        vexpand: true,
+        child: Widget.Label({
+            class_name: 'osd-label',
+            hexpand: true,
+            vexpand: true,
+            hpack: 'center',
+            vpack: 'center',
+            setup: (self) => {
+                self.hook(
+                    brightness,
+                    () => {
+                        self.class_names = self.class_names.filter((c) => c !== 'overflow');
+                        self.label = `${Math.round(brightness.screen * 100)}`;
+                    },
+                    'notify::screen',
+                );
+                self.hook(
+                    brightness,
+                    () => {
+                        self.class_names = self.class_names.filter((c) => c !== 'overflow');
+                        self.label = `${Math.round(brightness.kbd * 100)}`;
+                    },
+                    'notify::kbd',
+                );
+                self.hook(
+                    audio.microphone,
+                    () => {
+                        self.toggleClassName('overflow', audio.microphone.volume > 1);
+                        self.label = `${Math.round(audio.microphone.volume * 100)}`;
+                    },
+                    'notify::volume',
+                );
+                self.hook(
+                    audio.microphone,
+                    () => {
+                        self.toggleClassName(
+                            'overflow',
+                            audio.microphone.volume > 1 &&
+                                (!options.theme.osd.muted_zero.value || audio.microphone.is_muted === false),
+                        );
+                        const inputVolume =
+                            options.theme.osd.muted_zero.value && audio.microphone.is_muted !== false
+                                ? 0
+                                : Math.round(audio.microphone.volume * 100);
+                        self.label = `${inputVolume}`;
+                    },
+                    'notify::is-muted',
+                );
+                self.hook(
+                    audio.speaker,
+                    () => {
+                        self.toggleClassName('overflow', audio.speaker.volume > 1);
+                        self.label = `${Math.round(audio.speaker.volume * 100)}`;
+                    },
+                    'notify::volume',
+                );
+                self.hook(
+                    audio.speaker,
+                    () => {
+                        self.toggleClassName(
+                            'overflow',
+                            audio.speaker.volume > 1 &&
+                                (!options.theme.osd.muted_zero.value || audio.speaker.is_muted === false),
+                        );
+                        const speakerVolume =
+                            options.theme.osd.muted_zero.value && audio.speaker.is_muted !== false
+                                ? 0
+                                : Math.round(audio.speaker.volume * 100);
+                        self.label = `${speakerVolume}`;
+                    },
+                    'notify::is-muted',
+                );
+            },
+        }),
+    });
+};