92 lines
2.2 KiB
QML
92 lines
2.2 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import Caelestia.Config
|
|
import qs.components
|
|
import qs.components.controls
|
|
import qs.components.misc
|
|
import qs.services
|
|
|
|
GridLayout {
|
|
id: root
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.margins: Tokens.padding.large
|
|
|
|
rowSpacing: Tokens.spacing.largeIncreased
|
|
columnSpacing: Tokens.spacing.largeIncreased
|
|
rows: 2
|
|
columns: 2
|
|
|
|
Ref {
|
|
service: SystemUsage
|
|
}
|
|
|
|
Resource {
|
|
Layout.topMargin: Tokens.padding.large
|
|
icon: "memory"
|
|
value: SystemUsage.cpuPerc
|
|
colour: Colours.palette.m3primary
|
|
}
|
|
|
|
Resource {
|
|
Layout.topMargin: Tokens.padding.large
|
|
icon: "thermostat"
|
|
value: Math.min(1, SystemUsage.cpuTemp / 90)
|
|
colour: Colours.palette.m3secondary
|
|
}
|
|
|
|
Resource {
|
|
Layout.bottomMargin: Tokens.padding.large
|
|
icon: "memory_alt"
|
|
value: SystemUsage.memPerc
|
|
colour: Colours.palette.m3secondary
|
|
}
|
|
|
|
Resource {
|
|
Layout.bottomMargin: Tokens.padding.large
|
|
icon: "hard_disk"
|
|
value: SystemUsage.storagePerc
|
|
colour: Colours.palette.m3tertiary
|
|
}
|
|
|
|
component Resource: StyledRect {
|
|
id: res
|
|
|
|
required property string icon
|
|
required property real value
|
|
required property color colour
|
|
|
|
Layout.fillWidth: true
|
|
implicitHeight: width
|
|
|
|
color: Colours.layer(Colours.palette.m3surfaceContainerHigh, 2)
|
|
radius: Tokens.rounding.extraLarge
|
|
|
|
CircularProgress {
|
|
id: circ
|
|
|
|
anchors.fill: parent
|
|
value: res.value
|
|
padding: Tokens.padding.extraExtraLarge
|
|
fgColour: res.colour
|
|
bgColour: Colours.layer(Colours.palette.m3surfaceContainerHighest, 3)
|
|
strokeWidth: width < 200 ? Tokens.padding.small : Tokens.padding.medium
|
|
}
|
|
|
|
MaterialIcon {
|
|
id: icon
|
|
|
|
anchors.centerIn: parent
|
|
text: res.icon
|
|
color: res.colour
|
|
fontStyle: Tokens.font.icon.builder.size((circ.arcRadius * 0.7) || 1).weight(600).build()
|
|
}
|
|
|
|
Behavior on value {
|
|
Anim {
|
|
type: Anim.StandardLarge
|
|
}
|
|
}
|
|
}
|
|
}
|