f5b75edbed
* Implement matugen - WIP * Added matugen * Add types and cleanup code * Matugen implementation updates and added more options such as scheme and contrast. * Code cleanup and matugen settings renamed for clarity. * Makon maroon a primary matugen color. * Updates to handle variations of matugen colors * Finalizing matugen and wrapping up variations. * Minor styling updates of the settings dialog. * Do a swww dependency check. * Dependency logic update * Switch shouldn't double trigger notifications now when checking dependency. * Logic was inverted * Add matugen to dependency checker. * Fixed dependency checking conditional * Update dependency list in readme and check for matugen before doing matugen operations * Styling fixes * OSD Fix * Remove unused code from wallpaper service. * Color fixes for matugen. * Nix updates for new dependencies * Change default wallpaper to empty. * Added custom notification service for startup, cleaned up code and updated readme.
92 lines
3.2 KiB
TypeScript
92 lines
3.2 KiB
TypeScript
const battery = await Service.import("battery");
|
|
import Gdk from 'gi://Gdk?version=3.0';
|
|
import EventHandler from 'types/widgets/button.ts'
|
|
import { openMenu } from "../utils.js";
|
|
import options from "options";
|
|
|
|
const { label: show_label } = options.bar.battery;
|
|
|
|
const BatteryLabel = () => {
|
|
const isVis = Variable(battery.available);
|
|
|
|
const batIcon = Utils.merge([battery.bind("percent"), battery.bind("charging"), battery.bind("charged")],
|
|
(batPercent: number, batCharging, batCharged) => {
|
|
if (batCharged)
|
|
return `battery-level-100-charged-symbolic`;
|
|
else
|
|
return `battery-level-${Math.floor(batPercent / 10) * 10}${batCharging ? '-charging' : ''}-symbolic`;
|
|
});
|
|
|
|
battery.connect("changed", ({ available }) => {
|
|
isVis.value = available;
|
|
});
|
|
|
|
const formatTime = (seconds: number) => {
|
|
const hours = Math.floor(seconds / 3600);
|
|
const minutes = Math.floor((seconds % 3600) / 60);
|
|
return { hours, minutes };
|
|
};
|
|
|
|
const generateTooltip = (timeSeconds: number, isCharging: boolean, isCharged: boolean) => {
|
|
if (isCharged) {
|
|
return "Fully Charged!!!";
|
|
}
|
|
|
|
const { hours, minutes } = formatTime(timeSeconds);
|
|
if (isCharging) {
|
|
return `${hours} hours ${minutes} minutes until full`;
|
|
} else {
|
|
return `${hours} hours ${minutes} minutes left`;
|
|
}
|
|
};
|
|
|
|
return {
|
|
component: Widget.Box({
|
|
class_name: "battery",
|
|
visible: battery.bind("available"),
|
|
tooltip_text: battery.bind("time_remaining").as((t) => t.toString()),
|
|
children: Utils.merge(
|
|
[battery.bind("available"), show_label.bind("value")],
|
|
(batAvail, showLabel) => {
|
|
if (batAvail && showLabel) {
|
|
return [
|
|
Widget.Icon({
|
|
class_name: "bar-button-icon battery",
|
|
icon: batIcon
|
|
}),
|
|
Widget.Label({
|
|
class_name: "bar-button-label battery",
|
|
label: battery.bind("percent").as((p) => `${Math.floor(p)}%`),
|
|
}),
|
|
];
|
|
} else if (batAvail && !showLabel) {
|
|
return [Widget.Icon({ icon: batIcon })];
|
|
} else {
|
|
return [];
|
|
}
|
|
},
|
|
),
|
|
setup: (self) => {
|
|
self.hook(battery, () => {
|
|
if (battery.available) {
|
|
self.tooltip_text = generateTooltip(
|
|
battery.time_remaining,
|
|
battery.charging,
|
|
battery.charged,
|
|
);
|
|
}
|
|
});
|
|
},
|
|
}),
|
|
isVis,
|
|
boxClass: "battery",
|
|
props: {
|
|
on_primary_click: (clicked: any, event: Gdk.Event) => {
|
|
openMenu(clicked, event, "energymenu");
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export { BatteryLabel };
|