144 lines
4.3 KiB
QML
144 lines
4.3 KiB
QML
import QtQuick
|
|
import "." as M
|
|
|
|
M.BarSection {
|
|
id: root
|
|
spacing: Math.max(1, M.Theme.moduleSpacing - 2)
|
|
tooltip: ""
|
|
|
|
property var _mounts: M.SystemStats.diskMounts
|
|
property int _rootPct: M.SystemStats.diskRootPct
|
|
|
|
function _fmt(bytes) {
|
|
if (bytes >= 1e12)
|
|
return (bytes / 1e12).toFixed(1) + "T";
|
|
if (bytes >= 1e9)
|
|
return Math.round(bytes / 1e9) + "G";
|
|
if (bytes >= 1e6)
|
|
return Math.round(bytes / 1e6) + "M";
|
|
return bytes + "B";
|
|
}
|
|
|
|
function _barColor(pct) {
|
|
const t = Math.max(0, Math.min(100, pct)) / 100;
|
|
const a = t < 0.5 ? M.Theme.base0B : M.Theme.base0A;
|
|
const b = t < 0.5 ? M.Theme.base0A : M.Theme.base08;
|
|
const u = t < 0.5 ? t * 2 : (t - 0.5) * 2;
|
|
return Qt.rgba(a.r + (b.r - a.r) * u, a.g + (b.g - a.g) * u, a.b + (b.b - a.b) * u, 1);
|
|
}
|
|
|
|
property bool _pinned: false
|
|
readonly property bool _anyHover: root._hovered || hoverPanel.panelHovered
|
|
readonly property bool _showPanel: _anyHover || _pinned
|
|
|
|
on_AnyHoverChanged: {
|
|
if (_anyHover)
|
|
_unpinTimer.stop();
|
|
else if (_pinned)
|
|
_unpinTimer.start();
|
|
}
|
|
|
|
Timer {
|
|
id: _unpinTimer
|
|
interval: 500
|
|
onTriggered: root._pinned = false
|
|
}
|
|
|
|
M.BarIcon {
|
|
icon: "\uF0C9"
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
TapHandler {
|
|
cursorShape: Qt.PointingHandCursor
|
|
onTapped: root._pinned = !root._pinned
|
|
}
|
|
}
|
|
M.BarLabel {
|
|
label: root._rootPct + "%"
|
|
minText: "100%"
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
TapHandler {
|
|
cursorShape: Qt.PointingHandCursor
|
|
onTapped: root._pinned = !root._pinned
|
|
}
|
|
}
|
|
|
|
M.HoverPanel {
|
|
id: hoverPanel
|
|
showPanel: root._showPanel
|
|
screen: QsWindow.window?.screen ?? null
|
|
anchorItem: root
|
|
accentColor: root.accentColor
|
|
panelNamespace: "nova-disk"
|
|
panelTitle: "Disk"
|
|
contentWidth: 260
|
|
|
|
Repeater {
|
|
model: root._mounts
|
|
|
|
delegate: Item {
|
|
required property var modelData
|
|
width: hoverPanel.contentWidth
|
|
height: 22
|
|
|
|
Text {
|
|
id: mountLabel
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 12
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: modelData.target
|
|
color: M.Theme.base05
|
|
font.pixelSize: M.Theme.fontSize - 2
|
|
font.family: M.Theme.fontFamily
|
|
elide: Text.ElideRight
|
|
width: 72
|
|
}
|
|
|
|
Item {
|
|
id: mountBar
|
|
anchors.left: mountLabel.right
|
|
anchors.leftMargin: 6
|
|
anchors.right: sizeLabel.left
|
|
anchors.rightMargin: 6
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
height: 4
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: M.Theme.base02
|
|
radius: 2
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width * (modelData.pct / 100)
|
|
height: parent.height
|
|
color: root._barColor(modelData.pct)
|
|
radius: 2
|
|
Behavior on width {
|
|
NumberAnimation {
|
|
duration: 200
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Text {
|
|
id: sizeLabel
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 12
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: root._fmt(modelData.usedBytes) + "/" + root._fmt(modelData.totalBytes)
|
|
color: M.Theme.base04
|
|
font.pixelSize: M.Theme.fontSize - 2
|
|
font.family: M.Theme.fontFamily
|
|
width: 72
|
|
horizontalAlignment: Text.AlignRight
|
|
}
|
|
}
|
|
}
|
|
|
|
Item {
|
|
width: 1
|
|
height: 4
|
|
}
|
|
}
|
|
}
|