nixos-configs/devices/wim/config/ags/js/quick-settings/toggle-button.js

45 lines
1.2 KiB
JavaScript
Raw Normal View History

import Mpris from 'resource:///com/github/Aylur/ags/service/mpris.js';
import { Icon } from 'resource:///com/github/Aylur/ags/widget.js';
2023-10-18 11:53:49 -04:00
import Gtk from 'gi://Gtk';
import EventBox from '../misc/cursorbox.js';
2023-10-18 11:53:49 -04:00
2023-11-06 21:41:30 -05:00
// TODO: use Widget.ToggleButton instead
2023-10-18 11:53:49 -04:00
export default () => {
const widget = EventBox({});
const toggleButton = Gtk.ToggleButton.new();
toggleButton.add(Icon({
icon: 'go-down-symbolic',
className: 'arrow',
2023-11-06 18:37:23 -05:00
css: '-gtk-icon-transform: rotate(180deg);',
}));
// Setup
const id = Mpris.connect('changed', () => {
toggleButton.set_active(Mpris.players.length > 0);
Mpris.disconnect(id);
});
// Connections
toggleButton.connect('toggled', () => {
const rev = toggleButton.get_parent().get_parent().get_parent().children[1];
if (toggleButton.get_active()) {
toggleButton.get_children()[0]
2023-11-06 18:37:23 -05:00
.setCss('-gtk-icon-transform: rotate(0deg);');
rev.revealChild = true;
}
else {
toggleButton.get_children()[0]
2023-11-06 18:37:23 -05:00
.setCss('-gtk-icon-transform: rotate(180deg);');
rev.revealChild = false;
}
});
widget.add(toggleButton);
return widget;
};