nixos-configs/devices/wim/config/ags/js/quick-settings/slider-box.js

90 lines
2.5 KiB
JavaScript

import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
import { Box, Slider, Icon } from 'resource:///com/github/Aylur/ags/widget.js';
import Brightness from '../../services/brightness.js';
import { SpeakerIcon } from '../misc/audio-icons.js';
export default () => Box({
className: 'slider-box',
vertical: true,
hpack: 'center',
children: [
Box({
className: 'slider',
vpack: 'start',
hpack: 'center',
children: [
Icon({
size: 26,
className: 'slider-label',
binds: [['icon', SpeakerIcon, 'value']],
}),
Slider({
cursor: 'pointer',
vpack: 'center',
max: 0.999,
draw_value: false,
onChange: ({ value }) => {
Audio.speaker.volume = value;
},
connections: [
[Audio, (slider) => {
slider.value = Audio.speaker?.volume;
}, 'speaker-changed'],
['button-press-event', (s) => {
s.cursor = 'grabbing';
}],
['button-release-event', (s) => {
s.cursor = 'pointer';
}],
],
}),
],
}),
Box({
className: 'slider',
vpack: 'start',
hpack: 'center',
children: [
Icon({
className: 'slider-label',
icon: 'display-brightness-symbolic',
}),
Slider({
cursor: 'pointer',
vpack: 'center',
draw_value: false,
onChange: ({ value }) => {
Brightness.screen = value;
},
connections: [
[Brightness, (slider) => {
slider.value = Brightness.screen;
}, 'screen'],
['button-press-event', (s) => {
s.cursor = 'grabbing';
}],
['button-release-event', (s) => {
s.cursor = 'pointer';
}],
],
}),
],
}),
],
});