103 lines
2.5 KiB
JavaScript
103 lines
2.5 KiB
JavaScript
const { Box, Slider, Label, Icon, EventBox } = ags.Widget;
|
|
const { Audio } = ags.Service;
|
|
const { exec } = ags.Utils;
|
|
|
|
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',
|
|
};
|
|
|
|
let throttleTimer;
|
|
|
|
const throttle = (callback, time) => {
|
|
if (throttleTimer) return;
|
|
throttleTimer = true;
|
|
setTimeout(() => {
|
|
callback();
|
|
throttleTimer = false;
|
|
}, time);
|
|
}
|
|
|
|
|
|
export const SliderBox = Box({
|
|
className: 'slider-box',
|
|
vertical: true,
|
|
halign: 'center',
|
|
children: [
|
|
|
|
Box({
|
|
className: 'slider',
|
|
valign: 'start',
|
|
halign: 'center',
|
|
children: [
|
|
Icon({
|
|
size: 26,
|
|
className: 'slider-label',
|
|
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];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}, 'speaker-changed']],
|
|
}),
|
|
|
|
Slider({
|
|
connections: [[Audio, slider => {
|
|
if (Audio.speaker) {
|
|
slider.value = Audio.speaker.volume;
|
|
}
|
|
}, 'speaker-changed']],
|
|
onChange: ({ value }) => Audio.speaker.volume = value,
|
|
max: 0.999,
|
|
draw_value: false,
|
|
}),
|
|
],
|
|
}),
|
|
|
|
Box({
|
|
className: 'slider',
|
|
valign: 'start',
|
|
halign: 'center',
|
|
children: [
|
|
Icon({
|
|
className: 'slider-label',
|
|
icon: 'display-brightness-symbolic',
|
|
}),
|
|
|
|
EventBox({
|
|
onHover: box => box.child._canChange = false,
|
|
onHoverLost: box => box.child._canChange = true,
|
|
child: Slider({
|
|
properties: [
|
|
['canChange', true],
|
|
],
|
|
onChange: ({ value }) => {
|
|
throttle(() => exec('brightnessctl set ' + value + ' %'), 20);
|
|
},
|
|
connections: [[1000, slider => {
|
|
if (slider._canChange) {
|
|
slider.value = exec('brightnessctl get');
|
|
}
|
|
}]],
|
|
min: 0,
|
|
max: 255,
|
|
draw_value: false,
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
|
|
],
|
|
});
|