82 lines
3 KiB
JavaScript
82 lines
3 KiB
JavaScript
|
import App from 'resource:///com/github/Aylur/ags/app.js';
|
||
|
|
import Widget from 'resource:///com/github/Aylur/ags/widget.js';
|
||
|
|
import * as Utils from 'resource:///com/github/Aylur/ags/utils.js';
|
||
|
|
|
||
|
|
import Audio from 'resource:///com/github/Aylur/ags/service/audio.js';
|
||
|
|
import SystemTray from 'resource:///com/github/Aylur/ags/service/systemtray.js';
|
||
|
|
const { execAsync } = Utils;
|
||
|
|
import Indicator from '../../services/indicator.js';
|
||
|
|
import { StatusIcons } from "../../lib/statusicons.js";
|
||
|
|
import { Tray } from "./tray.js";
|
||
|
|
|
||
|
|
export default () => {
|
||
|
|
const barTray = Tray();
|
||
|
|
const separatorDot = Widget.Revealer({
|
||
|
|
transition: 'slide_left',
|
||
|
|
revealChild: false,
|
||
|
|
attribute: {
|
||
|
|
'count': SystemTray.items.length,
|
||
|
|
'update': (self, diff) => {
|
||
|
|
self.attribute.count += diff;
|
||
|
|
self.revealChild = (self.attribute.count > 0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
child: Widget.Box({
|
||
|
|
vpack: 'center',
|
||
|
|
className: 'separator-circle',
|
||
|
|
}),
|
||
|
|
setup: (self) => self
|
||
|
|
.hook(SystemTray, (self) => self.attribute.update(self, 1), 'added')
|
||
|
|
.hook(SystemTray, (self) => self.attribute.update(self, -1), 'removed')
|
||
|
|
,
|
||
|
|
});
|
||
|
|
const barStatusIcons = StatusIcons({
|
||
|
|
className: 'bar-statusicons',
|
||
|
|
setup: (self) => self.hook(App, (self, currentName, visible) => {
|
||
|
|
if (currentName === 'sideright') {
|
||
|
|
self.toggleClassName('bar-statusicons-active', visible);
|
||
|
|
}
|
||
|
|
}),
|
||
|
|
});
|
||
|
|
const actualContent = Widget.Box({
|
||
|
|
hexpand: true,
|
||
|
|
className: 'spacing-h-5 txt',
|
||
|
|
children: [
|
||
|
|
Widget.Box({
|
||
|
|
hexpand: true,
|
||
|
|
className: 'spacing-h-5 txt',
|
||
|
|
children: [
|
||
|
|
Widget.Box({ hexpand: true, }),
|
||
|
|
barTray,
|
||
|
|
separatorDot,
|
||
|
|
barStatusIcons,
|
||
|
|
],
|
||
|
|
}),
|
||
|
|
]
|
||
|
|
});
|
||
|
|
|
||
|
|
return Widget.EventBox({
|
||
|
|
onScrollUp: () => {
|
||
|
|
if (!Audio.speaker) return;
|
||
|
|
Audio.speaker.volume += 0.03;
|
||
|
|
Indicator.popup(1);
|
||
|
|
},
|
||
|
|
onScrollDown: () => {
|
||
|
|
if (!Audio.speaker) return;
|
||
|
|
Audio.speaker.volume -= 0.03;
|
||
|
|
Indicator.popup(1);
|
||
|
|
},
|
||
|
|
onHover: () => { barStatusIcons.toggleClassName('bar-statusicons-hover', true) },
|
||
|
|
onHoverLost: () => { barStatusIcons.toggleClassName('bar-statusicons-hover', false) },
|
||
|
|
onPrimaryClick: () => App.toggleWindow('sideright'),
|
||
|
|
onSecondaryClickRelease: () => execAsync(['bash', '-c', 'playerctl next || playerctl position `bc <<< "100 * $(playerctl metadata mpris:length) / 1000000 / 100"` &']).catch(print),
|
||
|
|
onMiddleClickRelease: () => execAsync('playerctl play-pause').catch(print),
|
||
|
|
child: Widget.Box({
|
||
|
|
homogeneous: false,
|
||
|
|
children: [
|
||
|
|
actualContent,
|
||
|
|
Widget.Box({ className: 'bar-corner-spacing' }),
|
||
|
|
]
|
||
|
|
})
|
||
|
|
});
|
||
|
|
}
|