3dc5bbbe13
* Branch protection check. * Move button spacing config into the Configuration section instead of Theming. * Partially Resolves #26 - Added the ability to configure outer spacing on the bar. * Renamed all class names for buttons so they can be styled with margins. * Added configurable spacing to buttons. * Fixed styling for network module when using wifi. * Fixed ghost margins that occur when labels are disabled in the bar buttons. * Change the default page of the settings dialog to configuration.
64 lines
1.7 KiB
TypeScript
64 lines
1.7 KiB
TypeScript
import Gdk from 'gi://Gdk?version=3.0';
|
|
const audio = await Service.import("audio");
|
|
import { openMenu } from "../utils.js";
|
|
import options from "options";
|
|
|
|
import { globalMousePos } from "globals.js";
|
|
|
|
const Volume = () => {
|
|
const icons = {
|
|
101: "",
|
|
66: "",
|
|
34: "",
|
|
1: "",
|
|
0: "",
|
|
};
|
|
|
|
const getIcon = () => {
|
|
const icon = Utils.merge(
|
|
[audio.speaker.bind("is_muted"), audio.speaker.bind("volume")],
|
|
(isMuted, vol) => {
|
|
return isMuted
|
|
? 0
|
|
: [101, 66, 34, 1, 0].find((threshold) => threshold <= vol * 100);
|
|
},
|
|
);
|
|
|
|
return icon.as((i) => i !== undefined ? icons[i] : 101);
|
|
};
|
|
|
|
const volIcn = Widget.Label({
|
|
vpack: "center",
|
|
label: getIcon(),
|
|
class_name: "bar-button-icon volume",
|
|
});
|
|
|
|
const volPct = Widget.Label({
|
|
vpack: "center",
|
|
label: audio.speaker.bind("volume").as((v) => `${Math.floor(v * 100)}%`),
|
|
class_name: "bar-button-label volume",
|
|
});
|
|
|
|
return {
|
|
component: Widget.Box({
|
|
vpack: "center",
|
|
class_name: "volume",
|
|
children: options.bar.volume.label.bind("value").as((showLabel) => {
|
|
if (showLabel) {
|
|
return [volIcn, volPct];
|
|
}
|
|
return [volIcn];
|
|
}),
|
|
}),
|
|
isVisible: true,
|
|
boxClass: "volume",
|
|
props: {
|
|
on_primary_click: (clicked: any, event: Gdk.Event) => {
|
|
openMenu(clicked, event, "audiomenu");
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export { Volume };
|