nixos-configs/config/ags/js/bar/audio.js

56 lines
1.3 KiB
JavaScript
Raw Normal View History

2023-09-08 15:23:52 -04:00
const { Audio } = ags.Service;
const { Label, Box, Icon, Stack, Button, Slider } = ags.Widget;
2023-09-11 19:57:21 -04:00
import { Separator } from '../misc/separator.js';
import { EventBox } from '../misc/cursorbox.js';
2023-09-08 16:00:38 -04:00
const items = {
101: 'audio-volume-overamplified-symbolic',
67: 'audio-volume-high-symbolic',
34: 'audio-volume-medium-symbolic',
1: 'audio-volume-low-symbolic',
0: 'audio-volume-muted-symbolic',
2023-09-08 15:23:52 -04:00
};
const SpeakerIndicator = params => Icon({
...params,
2023-09-08 16:00:38 -04:00
icon: '',
connections: [[Audio, icon => {
if (Audio.speaker) {
if (Audio.speaker.isMuted) {
icon.icon = items[0];
}
else {
const vol = Audio.speaker.volume * 100;
for (const threshold of [-1, 0, 33, 66, 100]) {
if (vol > threshold + 1) {
icon.icon = items[threshold + 1];
}
}
}
2023-09-08 16:00:38 -04:00
}
}, 'speaker-changed']],
2023-09-08 15:23:52 -04:00
});
const SpeakerPercentLabel = params => Label({
...params,
2023-09-08 16:00:38 -04:00
connections: [[Audio, label => {
2023-09-13 01:11:11 -04:00
if (Audio.speaker) {
label.label = Math.round(Audio.speaker.volume * 100) + '%';
2023-09-09 13:45:14 -04:00
}
2023-09-08 16:00:38 -04:00
}, 'speaker-changed']],
2023-09-08 15:23:52 -04:00
});
export const AudioIndicator = EventBox({
2023-09-08 16:00:38 -04:00
onPrimaryClickRelease: 'pavucontrol',
className: 'toggle-off',
child: Box({
className: 'audio',
children: [
SpeakerIndicator(),
Separator(5),
SpeakerPercentLabel(),
],
}),
2023-09-08 15:23:52 -04:00
});