d35ed0d7bb
- Convert the icon to a PillIndicator - Better looking horizontal battery icons - PillIndicator now supports conditionnal autoHide
94 lines
3 KiB
QML
94 lines
3 KiB
QML
import QtQuick
|
|
import Quickshell
|
|
import Quickshell.Services.UPower
|
|
import QtQuick.Layouts
|
|
import qs.Components
|
|
import qs.Settings
|
|
|
|
Item {
|
|
id: batteryWidget
|
|
|
|
property var battery: UPower.displayDevice
|
|
property bool isReady: battery && battery.ready && battery.isLaptopBattery && battery.isPresent
|
|
property real percent: isReady ? (battery.percentage * 100) : 0
|
|
property bool charging: isReady ? battery.state === UPowerDeviceState.Charging : false
|
|
property bool show: isReady && percent > 0
|
|
|
|
// Choose icon based on charge and charging state
|
|
function batteryIcon() {
|
|
if (!show)
|
|
return "";
|
|
|
|
if (charging)
|
|
return "battery_android_bolt";
|
|
|
|
if (percent >= 95)
|
|
return "battery_android_full";
|
|
|
|
var step = Math.round(percent / (100 / 6));
|
|
return "battery_android_" + step
|
|
}
|
|
|
|
visible: isReady && battery.isLaptopBattery
|
|
width: pill.width
|
|
height: pill.height
|
|
|
|
PillIndicator {
|
|
id: pill
|
|
icon: batteryIcon()
|
|
text: Math.round(batteryWidget.percent) + "%"
|
|
pillColor: Theme.surfaceVariant
|
|
iconCircleColor: Theme.accentPrimary
|
|
textColor: charging ? Theme.accentPrimary : Theme.textPrimary
|
|
autoHide: false
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onEntered: {
|
|
pill.show();
|
|
batteryTooltip.tooltipVisible = true;
|
|
}
|
|
onExited: {
|
|
pill.hide();
|
|
batteryTooltip.tooltipVisible = false;
|
|
}
|
|
}
|
|
StyledTooltip {
|
|
id: batteryTooltip
|
|
text: {
|
|
let lines = [];
|
|
if (batteryWidget.isReady) {
|
|
lines.push(batteryWidget.charging ? "Charging" : "Discharging");
|
|
lines.push(Math.round(batteryWidget.percent) + "%");
|
|
if (batteryWidget.battery.changeRate !== undefined)
|
|
lines.push("Rate: " + batteryWidget.battery.changeRate.toFixed(2) + " W");
|
|
if (batteryWidget.battery.timeToEmpty > 0)
|
|
lines.push("Time left: " + Math.floor(batteryWidget.battery.timeToEmpty / 60) + " min");
|
|
if (batteryWidget.battery.timeToFull > 0)
|
|
lines.push("Time to full: " + Math.floor(batteryWidget.battery.timeToFull / 60) + " min");
|
|
if (batteryWidget.battery.healthPercentage !== undefined)
|
|
lines.push("Health: " + Math.round(batteryWidget.battery.healthPercentage) + "%");
|
|
}
|
|
return lines.join("\n");
|
|
}
|
|
tooltipVisible: false
|
|
targetItem: pill
|
|
delay: 1500
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: hideTimer
|
|
interval: 2000
|
|
running: true
|
|
onTriggered: {
|
|
pill.hide();
|
|
}
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
if (isReady && battery.isLaptopBattery) {
|
|
pill.show();
|
|
}
|
|
}
|
|
}
|