forked from Shinonome/dots-hyprland
end-4
133 lines
4.2 KiB
QML
133 lines
4.2 KiB
QML
import qs.modules.common
|
|
import qs.modules.common.widgets
|
|
import qs.services
|
|
import qs
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
StyledPopup {
|
|
id: root
|
|
|
|
ColumnLayout {
|
|
id: columnLayout
|
|
anchors.centerIn: parent
|
|
spacing: 4
|
|
|
|
// Header
|
|
RowLayout {
|
|
id: header
|
|
spacing: 5
|
|
|
|
MaterialSymbol {
|
|
fill: 0
|
|
font.weight: Font.Medium
|
|
text: "battery_android_full"
|
|
iconSize: Appearance.font.pixelSize.large
|
|
color: Appearance.colors.colOnSurfaceVariant
|
|
}
|
|
|
|
StyledText {
|
|
text: "Battery"
|
|
font {
|
|
weight: Font.Medium
|
|
pixelSize: Appearance.font.pixelSize.normal
|
|
}
|
|
color: Appearance.colors.colOnSurfaceVariant
|
|
}
|
|
}
|
|
|
|
// This row is hidden when the battery is full.
|
|
RowLayout {
|
|
spacing: 5
|
|
Layout.fillWidth: true
|
|
property bool rowVisible: {
|
|
let timeValue = Battery.isCharging ? Battery.timeToFull : Battery.timeToEmpty;
|
|
let power = Battery.energyRate;
|
|
return !(Battery.chargeState == 4 || timeValue <= 0 || power <= 0.01);
|
|
}
|
|
visible: rowVisible
|
|
opacity: rowVisible ? 1 : 0
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: 500
|
|
}
|
|
}
|
|
|
|
MaterialSymbol {
|
|
text: "schedule"
|
|
color: Appearance.colors.colOnSurfaceVariant
|
|
iconSize: Appearance.font.pixelSize.large
|
|
}
|
|
StyledText {
|
|
text: Battery.isCharging ? Translation.tr("Time to full:") : Translation.tr("Time to empty:")
|
|
color: Appearance.colors.colOnSurfaceVariant
|
|
}
|
|
StyledText {
|
|
Layout.fillWidth: true
|
|
horizontalAlignment: Text.AlignRight
|
|
color: Appearance.colors.colOnSurfaceVariant
|
|
text: {
|
|
function formatTime(seconds) {
|
|
var h = Math.floor(seconds / 3600);
|
|
var m = Math.floor((seconds % 3600) / 60);
|
|
if (h > 0)
|
|
return `${h}h, ${m}m`;
|
|
else
|
|
return `${m}m`;
|
|
}
|
|
if (Battery.isCharging)
|
|
return formatTime(Battery.timeToFull);
|
|
else
|
|
return formatTime(Battery.timeToEmpty);
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
spacing: 5
|
|
Layout.fillWidth: true
|
|
|
|
property bool rowVisible: !(Battery.chargeState != 4 && Battery.energyRate == 0)
|
|
visible: rowVisible
|
|
opacity: rowVisible ? 1 : 0
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: 500
|
|
}
|
|
}
|
|
|
|
MaterialSymbol {
|
|
text: "bolt"
|
|
color: Appearance.colors.colOnSurfaceVariant
|
|
iconSize: Appearance.font.pixelSize.large
|
|
}
|
|
|
|
StyledText {
|
|
text: {
|
|
if (Battery.chargeState == 4) {
|
|
return Translation.tr("Fully charged");
|
|
} else if (Battery.chargeState == 1) {
|
|
return Translation.tr("Charging:");
|
|
} else {
|
|
return Translation.tr("Discharging:");
|
|
}
|
|
}
|
|
color: Appearance.colors.colOnSurfaceVariant
|
|
}
|
|
|
|
StyledText {
|
|
Layout.fillWidth: true
|
|
horizontalAlignment: Text.AlignRight
|
|
color: Appearance.colors.colOnSurfaceVariant
|
|
text: {
|
|
if (Battery.chargeState == 4) {
|
|
return "";
|
|
} else {
|
|
return `${Battery.energyRate.toFixed(2)}W`;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|