forked from Shinonome/dots-hyprland
end-4
0708070764
note: the credit is removed because the widget has been rewritten to use Shape instead of Canvas
58 lines
1.6 KiB
QML
58 lines
1.6 KiB
QML
import qs.modules.common
|
|
import qs.modules.common.widgets
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
Item {
|
|
required property string iconName
|
|
required property double percentage
|
|
property bool shown: true
|
|
clip: true
|
|
visible: width > 0 && height > 0
|
|
implicitWidth: resourceRowLayout.x < 0 ? 0 : childrenRect.width
|
|
implicitHeight: childrenRect.height
|
|
|
|
RowLayout {
|
|
spacing: 4
|
|
id: resourceRowLayout
|
|
x: shown ? 0 : -resourceRowLayout.width
|
|
|
|
CircularProgress {
|
|
Layout.alignment: Qt.AlignVCenter
|
|
lineWidth: 2
|
|
value: percentage
|
|
implicitSize: 26
|
|
colSecondary: Appearance.colors.colSecondaryContainer
|
|
colPrimary: Appearance.m3colors.m3onSecondaryContainer
|
|
enableAnimation: false
|
|
|
|
MaterialSymbol {
|
|
anchors.centerIn: parent
|
|
fill: 1
|
|
text: iconName
|
|
iconSize: Appearance.font.pixelSize.normal
|
|
color: Appearance.m3colors.m3onSecondaryContainer
|
|
}
|
|
|
|
}
|
|
|
|
StyledText {
|
|
Layout.alignment: Qt.AlignVCenter
|
|
color: Appearance.colors.colOnLayer1
|
|
text: `${Math.round(percentage * 100)}`
|
|
}
|
|
|
|
Behavior on x {
|
|
animation: Appearance.animation.elementMove.numberAnimation.createObject(this)
|
|
}
|
|
|
|
}
|
|
|
|
Behavior on implicitWidth {
|
|
NumberAnimation {
|
|
duration: Appearance.animation.elementMove.duration
|
|
easing.type: Appearance.animation.elementMove.type
|
|
easing.bezierCurve: Appearance.animation.elementMove.bezierCurve
|
|
}
|
|
}
|
|
} |