forked from Shinonome/dots-hyprland
end-4
90 lines
3.0 KiB
QML
90 lines
3.0 KiB
QML
import "root:/modules/common"
|
|
import "root:/modules/common/widgets"
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
import Quickshell
|
|
import Quickshell.Io
|
|
import Quickshell.Services.UPower
|
|
|
|
Rectangle {
|
|
readonly property var chargeState: UPower.displayDevice.state
|
|
readonly property bool isCharging: chargeState == UPowerDeviceState.Charging
|
|
readonly property bool isPluggedIn: isCharging || chargeState == UPowerDeviceState.PendingCharge
|
|
readonly property real percentage: UPower.displayDevice.percentage
|
|
readonly property bool isLow: percentage <= ConfigOptions.bar.batteryLowThreshold / 100
|
|
readonly property color batteryLowBackground: Appearance.m3colors.darkmode ? Appearance.m3colors.m3error : Appearance.m3colors.m3errorContainer
|
|
readonly property color batteryLowOnBackground: Appearance.m3colors.darkmode ? Appearance.m3colors.m3errorContainer : Appearance.m3colors.m3error
|
|
|
|
implicitWidth: rowLayout.implicitWidth + rowLayout.spacing * 2
|
|
implicitHeight: 32
|
|
color: Appearance.colors.colLayer1
|
|
radius: Appearance.rounding.small
|
|
|
|
RowLayout {
|
|
id: rowLayout
|
|
|
|
spacing: 4
|
|
anchors.centerIn: parent
|
|
|
|
Rectangle {
|
|
implicitWidth: (isCharging ? boltIcon.width : 0)
|
|
|
|
Behavior on implicitWidth {
|
|
NumberAnimation {
|
|
duration: Appearance.animation.elementDecel.duration
|
|
easing.type: Appearance.animation.elementDecel.type
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
StyledText {
|
|
Layout.alignment: Qt.AlignVCenter
|
|
color: Appearance.colors.colOnLayer1
|
|
text: `${Math.round(percentage * 100)}%`
|
|
}
|
|
|
|
CircularProgress {
|
|
Layout.alignment: Qt.AlignVCenter
|
|
lineWidth: 2
|
|
value: percentage
|
|
size: 26
|
|
secondaryColor: (isLow && !isCharging) ? batteryLowBackground : Appearance.m3colors.m3secondaryContainer
|
|
primaryColor: (isLow && !isCharging) ? batteryLowOnBackground : Appearance.m3colors.m3onSecondaryContainer
|
|
fill: (isLow && !isCharging)
|
|
|
|
MaterialSymbol {
|
|
anchors.centerIn: parent
|
|
text: "battery_full"
|
|
font.pointSize: Appearance.font.pointSize.normal
|
|
color: (isLow && !isCharging) ? batteryLowOnBackground : Appearance.m3colors.m3onSecondaryContainer
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
MaterialSymbol {
|
|
id: boltIcon
|
|
|
|
anchors.left: rowLayout.left
|
|
anchors.verticalCenter: rowLayout.verticalCenter
|
|
text: "bolt"
|
|
font.pointSize: Appearance.font.pointSize.large
|
|
color: Appearance.m3colors.m3onSecondaryContainer
|
|
visible: opacity !== 0 // Only show when charging
|
|
opacity: isCharging ? 1 : 0 // Keep opacity for visibility
|
|
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: Appearance.animation.elementDecel.duration
|
|
easing.type: Appearance.animation.elementDecel.type
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|