matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: make audio widget a button

Browse source
This commit is contained in:
matt1432 2023-09-08 16:00:38 -04:00
parent 23d42f0c96
commit 2fe3f22e20
1 changed files with 45 additions and 64 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

109
config/ags/js/bar/audio.js
View file

@ -1,73 +1,54 @@
const { Audio } = ags.Service;
const { Label, Box, Icon, Stack, Button, Slider } = ags.Widget;
import { Separator } from '../common.js';
import { Separator, EventBox } from '../common.js';
const iconSubstitute = item => {
const substitues = [
{ from: 'audio-headset-bluetooth', to: 'audio-headphones-symbolic' },
{ from: 'audio-card-analog-usb', to: 'audio-speakers-symbolic' },
{ from: 'audio-card-analog-pci', to: 'audio-card-symbolic' },
];
for (const { from, to } of substitues) {
if (from === item)
return to;
}
return item;
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',
};
export const SpeakerIndicator = ({
items = [
['101', Icon('audio-volume-overamplified-symbolic')],
['67', Icon('audio-volume-high-symbolic')],
['34', Icon('audio-volume-medium-symbolic')],
['1', Icon('audio-volume-low-symbolic')],
['0', Icon('audio-volume-muted-symbolic')],
const SpeakerIndicator = props => Icon({
...props,
icon: '',
connections: [[Audio, icon => {
if (!Audio.speaker)
return;
if (Audio.speaker.isMuted)
return icon.icon = items[0];
const vol = Audio.speaker.volume * 100;
for (const threshold of [100, 66, 33, 0, -1]) {
if (vol > threshold + 1)
return icon.icon = items[threshold + 1];
}
}, 'speaker-changed']],
});
const SpeakerPercentLabel = props => Label({
...props,
connections: [[Audio, label => {
if (!Audio.speaker)
return;
label.label = `${Math.floor(Audio.speaker.volume * 100)}%`;
}, 'speaker-changed']],
});
const AudioModule = () => EventBox({
onPrimaryClickRelease: 'pavucontrol',
className: 'toggle-off',
child: Box({
className: 'audio',
children: [
SpeakerIndicator(),
Separator(5),
SpeakerPercentLabel(),
],
...props
} = {}) => Stack({
...props,
items,
connections: [[Audio, stack => {
if (!Audio.speaker)
return;
if (Audio.speaker.isMuted)
return stack.shown = '0';
const vol = Audio.speaker.volume * 100;
for (const threshold of [100, 66, 33, 0, -1]) {
if (vol > threshold + 1)
return stack.shown = `${threshold + 1}`;
}
}, 'speaker-changed']],
});
export const SpeakerTypeIndicator = props => Icon({
...props,
connections: [[Audio, icon => {
if (Audio.speaker)
icon.icon = iconSubstitute(Audio.speaker.iconName);
}]],
});
export const SpeakerPercentLabel = props => Label({
...props,
connections: [[Audio, label => {
if (!Audio.speaker)
return;
label.label = `${Math.floor(Audio.speaker.volume * 100)}%`;
}, 'speaker-changed']],
});
const AudioModule = () => Box({
className: 'toggle-off audio',
children: [
SpeakerIndicator(),
Separator(5),
SpeakerPercentLabel(),
],
}),
});
export const AudioIndicator = AudioModule();