vinzenz/nova-shell
Archived
Watch
0
0
Fork
You've already forked nova-shell
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: vinzenz:69e3711aec0fe8b1ac6da7c03e82d3679bf58106
Branches Tags
vinzenz:main
..
compare: vinzenz:8c2ff6203f526484c06c30f2135a37db36a240c1
Branches Tags
vinzenz:main
4 changed files with 192 additions and 555 deletions
Download patch file Download diff file Expand all files Collapse all files

2
modules/HoverPanel.qml
View file

@ -132,6 +132,7 @@ PanelWindow {
} }
function dismiss() { function dismiss() {
console.log("HoverPanel.dismiss ns=" + panelNamespace + " popup=" + popupMode + " grace=" + _grace + " showPanel=" + showPanel + " pinned=" + _pinned);
_pinned = false; _pinned = false;
showAnim.stop(); showAnim.stop();
hideAnim.start(); hideAnim.start();
@ -213,6 +214,7 @@ PanelWindow {
onTapped: { onTapped: {
const p = point.position; const p = point.position;
const pad = 8; const pad = 8;
console.log("HoverPanel tap ns=" + root.panelNamespace + " at=(" + p.x.toFixed(0) + "," + p.y.toFixed(0) + ") container=(" + panelContainer.x + "," + panelContainer.y + " " + panelContainer.width + "x" + panelContainer.height + ")");
if (p.x < panelContainer.x - pad || p.x > panelContainer.x + panelContainer.width + pad || p.y < panelContainer.y - pad || p.y > panelContainer.y + panelContainer.height + pad) if (p.x < panelContainer.x - pad || p.x > panelContainer.x + panelContainer.width + pad || p.y < panelContainer.y - pad || p.y > panelContainer.y + panelContainer.height + pad)
root.dismiss(); root.dismiss();
} }

272
modules/NotifCenter.qml
View file

@ -68,73 +68,25 @@ M.HoverPanel {
property var _pendingDismissIds: [] property var _pendingDismissIds: []
// Group notifications by appName, sorted by max urgency desc then most recent time desc function _cascadeDismiss() {
readonly property var _groups: { const list = M.NotifService.list;
const map = {}; if (list.length === 0)
for (const n of M.NotifService.list) { return;
const key = n.appName || "";
if (!map[key])
map[key] = {
appName: key,
appIcon: n.appIcon,
notifs: [],
maxUrgency: 0,
maxTime: 0
};
map[key].notifs.push(n);
if (n.urgency > map[key].maxUrgency)
map[key].maxUrgency = n.urgency;
if (n.time > map[key].maxTime)
map[key].maxTime = n.time;
}
return Object.values(map).sort((a, b) => {
if (b.maxUrgency !== a.maxUrgency)
return b.maxUrgency - a.maxUrgency;
return b.maxTime - a.maxTime;
});
}
// Flat model: group header followed by its notifications _pendingDismissIds = list.map(n => n.id);
readonly property var _flatModel: {
const arr = [];
for (const g of _groups) {
arr.push({
type: "header",
appName: g.appName,
appIcon: g.appIcon,
count: g.notifs.length
});
for (const n of g.notifs)
arr.push({
type: "notif",
data: n
});
}
return arr;
}
// Collect visible (non-dismissing) notif delegates, optionally filtered by appName const visibles = [];
function _getVisibleNotifDelegates(appName) { for (let i = 0; i < list.length; i++) {
const result = [];
for (let i = 0; i < _flatModel.length; i++) {
const item = _flatModel[i];
if (item.type !== "notif")
continue;
if (appName !== undefined && item.data.appName !== appName)
continue;
const d = notifList.itemAtIndex(i); const d = notifList.itemAtIndex(i);
if (d && d._type === "notif" && d._notif?.state !== "dismissing") if (d && d.modelData?.state !== "dismissing")
result.push(d); visibles.push(d);
}
return result;
} }
function _startCascade(visibles, ids) {
_pendingDismissIds = ids;
if (visibles.length === 0) { if (visibles.length === 0) {
_finishCascade(); _finishCascade();
return; return;
} }
for (let i = 0; i < visibles.length; i++) { for (let i = 0; i < visibles.length; i++) {
_cascadeTimer.createObject(menuWindow, { _cascadeTimer.createObject(menuWindow, {
_target: visibles[i], _target: visibles[i],
@ -144,20 +96,6 @@ M.HoverPanel {
} }
} }
function _cascadeDismiss() {
if (M.NotifService.list.length === 0)
return;
const ids = M.NotifService.list.map(n => n.id);
_startCascade(_getVisibleNotifDelegates(), ids);
}
function _cascadeGroupDismiss(appName) {
const ids = M.NotifService.list.filter(n => n.appName === appName).map(n => n.id);
if (ids.length === 0)
return;
_startCascade(_getVisibleNotifDelegates(appName), ids);
}
function _finishCascade() { function _finishCascade() {
const ids = _pendingDismissIds; const ids = _pendingDismissIds;
_pendingDismissIds = []; _pendingDismissIds = [];
@ -175,8 +113,10 @@ M.HoverPanel {
onTriggered: { onTriggered: {
if (_target && _target.dismissVisualOnly) if (_target && _target.dismissVisualOnly)
_target.dismissVisualOnly(); _target.dismissVisualOnly();
if (_isLast) if (_isLast) {
// Wait for the last animation to finish, then bulk dismiss
_bulkTimer.createObject(menuWindow, {}); _bulkTimer.createObject(menuWindow, {});
}
destroy(); destroy();
} }
} }
@ -208,36 +148,33 @@ M.HoverPanel {
height: Math.min(contentHeight, 60 * (M.Modules.notifications.maxVisible || 10)) height: Math.min(contentHeight, 60 * (M.Modules.notifications.maxVisible || 10))
clip: true clip: true
boundsBehavior: Flickable.StopAtBounds boundsBehavior: Flickable.StopAtBounds
model: menuWindow._flatModel model: M.NotifService.list
delegate: Item { delegate: Item {
id: notifDelegate id: notifItem
required property var modelData required property var modelData
required property int index required property int index
readonly property string _type: modelData.type
readonly property var _notif: _type === "notif" ? modelData.data : null
width: menuWindow.contentWidth width: menuWindow.contentWidth
height: _targetHeight * _heightScale height: _targetHeight * _heightScale
clip: true
opacity: 0 opacity: 0
clip: true
readonly property real _targetHeight: _type === "header" ? 28 : (notifContent.implicitHeight + 12) readonly property real _targetHeight: notifContent.height + 12
property real _heightScale: 1 property real _heightScale: 1
property bool _skipDismiss: false property bool _skipDismiss: false
function dismiss() { function dismiss() {
if (_type !== "notif" || _notif.state === "dismissing") if (notifItem.modelData.state === "dismissing")
return; return;
_notif.beginDismiss(); notifItem.modelData.beginDismiss();
_dismissAnim.start(); _dismissAnim.start();
} }
function dismissVisualOnly() { function dismissVisualOnly() {
if (_type !== "notif" || _notif.state === "dismissing") if (notifItem.modelData.state === "dismissing")
return; return;
_notif.beginDismiss(); notifItem.modelData.beginDismiss();
_skipDismiss = true; _skipDismiss = true;
_dismissAnim.start(); _dismissAnim.start();
} }
@ -246,84 +183,13 @@ M.HoverPanel {
NumberAnimation { NumberAnimation {
id: fadeIn id: fadeIn
target: notifDelegate target: notifItem
property: "opacity" property: "opacity"
to: 1 to: 1
duration: 150 duration: 150
easing.type: Easing.OutCubic easing.type: Easing.OutCubic
} }
// ---- Group header ----
Item {
visible: notifDelegate._type === "header"
anchors.fill: parent
Image {
id: _headerIcon
anchors.left: parent.left
anchors.leftMargin: 10
anchors.verticalCenter: parent.verticalCenter
width: M.Theme.fontSize + 2
height: M.Theme.fontSize + 2
source: {
if (notifDelegate._type !== "header")
return "";
const ic = notifDelegate.modelData.appIcon;
if (!ic)
return "";
return ic.startsWith("/") ? ic : Quickshell.iconPath(ic, "dialog-information");
}
visible: status === Image.Ready
fillMode: Image.PreserveAspectFit
sourceSize: Qt.size(M.Theme.fontSize + 2, M.Theme.fontSize + 2)
asynchronous: true
}
Text {
anchors.left: _headerIcon.visible ? _headerIcon.right : parent.left
anchors.leftMargin: _headerIcon.visible ? 6 : 10
anchors.right: _groupDismissBtn.left
anchors.rightMargin: 6
anchors.verticalCenter: parent.verticalCenter
text: notifDelegate._type === "header" ? (notifDelegate.modelData.appName || "Unknown") : ""
color: M.Theme.base05
font.pixelSize: M.Theme.fontSize - 1
font.family: M.Theme.fontFamily
font.bold: true
elide: Text.ElideRight
}
Text {
id: _groupDismissBtn
anchors.right: parent.right
anchors.rightMargin: 10
anchors.verticalCenter: parent.verticalCenter
text: "\uF1F8"
color: _groupDismissArea.containsMouse ? M.Theme.base08 : M.Theme.base04
font.pixelSize: M.Theme.fontSize - 1
font.family: M.Theme.iconFontFamily
MouseArea {
id: _groupDismissArea
anchors.fill: parent
anchors.margins: -4
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: {
if (notifDelegate._type === "header")
menuWindow._cascadeGroupDismiss(notifDelegate.modelData.appName);
}
}
}
}
// ---- Individual notification ----
Item {
id: _notifRow
visible: notifDelegate._type === "notif"
anchors.fill: parent
// Hover + progress bar background
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.leftMargin: 4 anchors.leftMargin: 4
@ -332,11 +198,11 @@ M.HoverPanel {
radius: M.Theme.radius radius: M.Theme.radius
Rectangle { Rectangle {
visible: (notifDelegate._notif?.hints?.value ?? -1) >= 0 visible: (notifItem.modelData.hints?.value ?? -1) >= 0
anchors.top: parent.top anchors.top: parent.top
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.left: parent.left anchors.left: parent.left
width: parent.width * Math.min(1, Math.max(0, (notifDelegate._notif?.hints?.value ?? 0) / 100)) width: parent.width * Math.min(1, Math.max(0, (notifItem.modelData.hints?.value ?? 0) / 100))
color: M.Theme.base02 color: M.Theme.base02
radius: parent.radius radius: parent.radius
@ -348,7 +214,7 @@ M.HoverPanel {
} }
} }
// Urgency accent bar // Urgency accent
Rectangle { Rectangle {
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 4 anchors.leftMargin: 4
@ -359,12 +225,11 @@ M.HoverPanel {
width: 2 width: 2
radius: 1 radius: 1
color: { color: {
const u = notifDelegate._notif?.urgency ?? NotificationUrgency.Normal; const u = notifItem.modelData.urgency;
return u === NotificationUrgency.Critical ? M.Theme.base08 : u === NotificationUrgency.Low ? M.Theme.base04 : M.Theme.base0D; return u === NotificationUrgency.Critical ? M.Theme.base08 : u === NotificationUrgency.Low ? M.Theme.base04 : M.Theme.base0D;
} }
} }
// App icon / image
Image { Image {
id: ncIcon id: ncIcon
anchors.left: parent.left anchors.left: parent.left
@ -374,12 +239,10 @@ M.HoverPanel {
width: 24 width: 24
height: 24 height: 24
source: { source: {
if (notifDelegate._type !== "notif") const img = notifItem.modelData.image;
return "";
const img = notifDelegate._notif?.image;
if (img) if (img)
return img; return img;
const ic = notifDelegate._notif?.appIcon; const ic = notifItem.modelData.appIcon;
if (!ic) if (!ic)
return ""; return "";
return ic.startsWith("/") ? ic : Quickshell.iconPath(ic, "dialog-information"); return ic.startsWith("/") ? ic : Quickshell.iconPath(ic, "dialog-information");
@ -399,23 +262,29 @@ M.HoverPanel {
anchors.topMargin: 6 anchors.topMargin: 6
spacing: 1 spacing: 1
// Summary + time on the same row // App + time
Row { Row {
width: parent.width width: parent.width
Text { Text {
text: notifDelegate._notif?.summary ?? "" text: notifItem.modelData.appName || "Notification"
color: M.Theme.base05 color: M.Theme.base04
font.pixelSize: M.Theme.fontSize font.pixelSize: M.Theme.fontSize - 2
font.family: M.Theme.fontFamily font.family: M.Theme.fontFamily
font.bold: true
elide: Text.ElideRight elide: Text.ElideRight
width: parent.width - _notifTime.implicitWidth - 4 width: parent.width - ageText.width - 4
} }
Text { Text {
id: _notifTime id: ageText
text: notifDelegate._notif?.timeStr ?? "" text: {
const diff = Math.floor((Date.now() - notifItem.modelData.time) / 60000);
if (diff < 1)
return "now";
if (diff < 60)
return diff + "m";
if (diff < 1440)
return Math.floor(diff / 60) + "h";
return Math.floor(diff / 1440) + "d";
}
color: M.Theme.base03 color: M.Theme.base03
font.pixelSize: M.Theme.fontSize - 2 font.pixelSize: M.Theme.fontSize - 2
font.family: M.Theme.fontFamily font.family: M.Theme.fontFamily
@ -424,7 +293,17 @@ M.HoverPanel {
Text { Text {
width: parent.width width: parent.width
text: notifDelegate._notif?.body ?? "" text: notifItem.modelData.summary || ""
color: M.Theme.base05
font.pixelSize: M.Theme.fontSize
font.family: M.Theme.fontFamily
font.bold: true
elide: Text.ElideRight
}
Text {
width: parent.width
text: notifItem.modelData.body || ""
color: M.Theme.base04 color: M.Theme.base04
font.pixelSize: M.Theme.fontSize - 1 font.pixelSize: M.Theme.fontSize - 1
font.family: M.Theme.fontFamily font.family: M.Theme.fontFamily
@ -437,10 +316,10 @@ M.HoverPanel {
// Actions // Actions
Row { Row {
spacing: 4 spacing: 4
visible: notifDelegate._notif?.actions && notifDelegate._notif.actions.length > 0 visible: notifItem.modelData.actions && notifItem.modelData.actions.length > 0
Repeater { Repeater {
model: notifDelegate._notif?.actions ?? [] model: notifItem.modelData.actions || []
delegate: Rectangle { delegate: Rectangle {
required property var modelData required property var modelData
width: actText.implicitWidth + 10 width: actText.implicitWidth + 10
@ -458,7 +337,6 @@ M.HoverPanel {
font.pixelSize: M.Theme.fontSize - 2 font.pixelSize: M.Theme.fontSize - 2
font.family: M.Theme.fontFamily font.family: M.Theme.fontFamily
} }
MouseArea { MouseArea {
id: actArea id: actArea
anchors.fill: parent anchors.fill: parent
@ -466,7 +344,7 @@ M.HoverPanel {
cursorShape: Qt.PointingHandCursor cursorShape: Qt.PointingHandCursor
onClicked: { onClicked: {
parent.modelData.invoke(); parent.modelData.invoke();
M.NotifService.dismiss(notifDelegate._notif.id); M.NotifService.dismiss(notifItem.modelData.id);
} }
} }
} }
@ -474,7 +352,7 @@ M.HoverPanel {
} }
} }
// Per-notification dismiss button // Dismiss button
Text { Text {
id: dismissBtn id: dismissBtn
anchors.right: parent.right anchors.right: parent.right
@ -492,18 +370,7 @@ M.HoverPanel {
anchors.margins: -4 anchors.margins: -4
hoverEnabled: true hoverEnabled: true
cursorShape: Qt.PointingHandCursor cursorShape: Qt.PointingHandCursor
onClicked: notifDelegate.dismiss() onClicked: _dismissAnim.start()
}
}
// Right-click to dismiss
MouseArea {
id: notifArea
anchors.fill: parent
z: -1
hoverEnabled: true
acceptedButtons: Qt.RightButton
onClicked: notifDelegate.dismiss()
} }
} }
@ -511,14 +378,14 @@ M.HoverPanel {
id: _dismissAnim id: _dismissAnim
ParallelAnimation { ParallelAnimation {
NumberAnimation { NumberAnimation {
target: notifDelegate target: notifItem
property: "x" property: "x"
to: menuWindow.contentWidth to: menuWindow.contentWidth
duration: 200 duration: 200
easing.type: Easing.InCubic easing.type: Easing.InCubic
} }
NumberAnimation { NumberAnimation {
target: notifDelegate target: notifItem
property: "opacity" property: "opacity"
to: 0 to: 0
duration: 200 duration: 200
@ -526,7 +393,7 @@ M.HoverPanel {
} }
} }
NumberAnimation { NumberAnimation {
target: notifDelegate target: notifItem
property: "_heightScale" property: "_heightScale"
to: 0 to: 0
duration: 150 duration: 150
@ -534,11 +401,20 @@ M.HoverPanel {
} }
ScriptAction { ScriptAction {
script: { script: {
if (notifDelegate._notif && !notifDelegate._skipDismiss) if (!notifItem._skipDismiss)
M.NotifService.dismiss(notifDelegate._notif.id); M.NotifService.dismiss(notifItem.modelData.id);
} }
} }
} }
MouseArea {
id: notifArea
anchors.fill: parent
z: -1
hoverEnabled: true
acceptedButtons: Qt.RightButton
onClicked: _dismissAnim.start()
}
} }
} }

3
modules/SystemStats.qml
View file

@ -32,7 +32,6 @@ QtObject {
// ── Temperature ────────────────────────────────────────────────────── // ── Temperature ──────────────────────────────────────────────────────
property int tempCelsius: 0 property int tempCelsius: 0
property var tempHistory: [] // 150 samples @ 4s each ≈ 10 min
// ── Memory ─────────────────────────────────────────────────────────── // ── Memory ───────────────────────────────────────────────────────────
property int memPercent: 0 property int memPercent: 0
@ -84,8 +83,6 @@ QtObject {
} }
} else if (ev.type === "temp") { } else if (ev.type === "temp") {
root.tempCelsius = ev.celsius; root.tempCelsius = ev.celsius;
const th = root.tempHistory.concat([ev.celsius]);
root.tempHistory = th.length > 150 ? th.slice(th.length - 150) : th;
} else if (ev.type === "mem") { } else if (ev.type === "mem") {
root.memPercent = ev.percent; root.memPercent = ev.percent;
root.memUsedGb = ev.used_gb; root.memUsedGb = ev.used_gb;

244
modules/Temperature.qml
View file

@ -1,265 +1,27 @@
import QtQuick import QtQuick
import Quickshell
import "." as M import "." as M
M.BarSection { M.BarSection {
id: root id: root
spacing: Math.max(1, M.Theme.moduleSpacing - 2) spacing: Math.max(1, M.Theme.moduleSpacing - 2)
tooltip: "" tooltip: "Temperature: " + M.SystemStats.tempCelsius + "\u00B0C"
readonly property int _warm: M.Modules.temperature.warm || 80 property color _stateColor: M.SystemStats.tempCelsius > (M.Modules.temperature.hot || 80) ? M.Theme.base09 : M.SystemStats.tempCelsius > (M.Modules.temperature.warm || 60) ? M.Theme.base0A : root.accentColor
readonly property int _hot: M.Modules.temperature.hot || 90
readonly property int _temp: M.SystemStats.tempCelsius
property color _stateColor: _temp > _hot ? M.Theme.base08 : _temp > _warm ? M.Theme.base0A : root.accentColor
Behavior on _stateColor { Behavior on _stateColor {
ColorAnimation { ColorAnimation {
duration: 300 duration: 300
} }
} }
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
}
// Returns a color interpolated green→yellow→red for a given celsius value
function _tempColor(celsius) {
const t = Math.max(0, Math.min(100, celsius)) / 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);
}
M.BarIcon { M.BarIcon {
icon: "\uF2C9" icon: "\uF2C9"
color: root._stateColor color: root._stateColor
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
TapHandler {
cursorShape: Qt.PointingHandCursor
onTapped: root._pinned = !root._pinned
}
} }
M.BarLabel { M.BarLabel {
label: root._temp + "\u00B0C" label: M.SystemStats.tempCelsius + "\u00B0C"
minText: "100\u00B0C" minText: "100\u00B0C"
color: root._stateColor color: root._stateColor
anchors.verticalCenter: parent.verticalCenter 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-temperature"
panelTitle: "Temperature"
contentWidth: 220
// Header — current temp
Item {
width: parent.width
height: 28
Text {
anchors.right: parent.right
anchors.rightMargin: 12
anchors.verticalCenter: parent.verticalCenter
text: root._temp + "\u00B0C"
color: root._stateColor
font.pixelSize: M.Theme.fontSize
font.family: M.Theme.fontFamily
font.bold: true
width: _tempSizer.implicitWidth
horizontalAlignment: Text.AlignRight
Text {
id: _tempSizer
visible: false
text: "100\u00B0C"
font: parent.font
}
}
}
// Gauge bar (0–100°C), with warm/hot threshold markers
Item {
width: parent.width
height: 16
Item {
id: _gaugeBar
anchors.left: parent.left
anchors.leftMargin: 12
anchors.right: parent.right
anchors.rightMargin: 12
anchors.verticalCenter: parent.verticalCenter
height: 6
Rectangle {
anchors.fill: parent
color: M.Theme.base02
radius: 3
}
Rectangle {
width: parent.width * Math.min(1, root._temp / 100)
height: parent.height
color: root._stateColor
radius: 3
Behavior on width {
enabled: root._showPanel
NumberAnimation {
duration: 300
easing.type: Easing.OutCubic
}
}
}
// Warm threshold marker
Rectangle {
x: parent.width * (root._warm / 100) - 1
width: 1
height: parent.height + 4
anchors.verticalCenter: parent.verticalCenter
color: M.Theme.base0A
opacity: 0.6
}
// Hot threshold marker
Rectangle {
x: parent.width * (root._hot / 100) - 1
width: 1
height: parent.height + 4
anchors.verticalCenter: parent.verticalCenter
color: M.Theme.base08
opacity: 0.6
}
}
}
// History sparkline (~10 min @ 4s per sample)
Canvas {
id: _sparkline
anchors.left: parent.left
anchors.leftMargin: 12
anchors.right: parent.right
anchors.rightMargin: 12
height: 40
property var _hist: M.SystemStats.tempHistory
property color _col: root._stateColor
on_HistChanged: if (root._showPanel)
requestPaint()
on_ColChanged: if (root._showPanel)
requestPaint()
Connections {
target: root
function on_ShowPanelChanged() {
if (root._showPanel)
_sparkline.requestPaint();
}
}
onPaint: {
const ctx = getContext("2d");
if (!ctx)
return;
ctx.clearRect(0, 0, width, height);
const d = _hist;
if (!d.length)
return;
const maxSamples = 150;
const bw = width / maxSamples;
// Background tint
ctx.fillStyle = Qt.rgba(_col.r, _col.g, _col.b, 0.08).toString();
ctx.fillRect(0, 0, width, height);
// Warm threshold line
const warmY = height - height * (root._warm / 100);
ctx.strokeStyle = M.Theme.base0A.toString();
ctx.globalAlpha = 0.3;
ctx.lineWidth = 1;
ctx.setLineDash([3, 3]);
ctx.beginPath();
ctx.moveTo(0, warmY);
ctx.lineTo(width, warmY);
ctx.stroke();
// Hot threshold line
const hotY = height - height * (root._hot / 100);
ctx.strokeStyle = M.Theme.base08.toString();
ctx.beginPath();
ctx.moveTo(0, hotY);
ctx.lineTo(width, hotY);
ctx.stroke();
ctx.setLineDash([]);
ctx.globalAlpha = 1.0;
// Bars
const offset = maxSamples - d.length;
for (let i = 0; i < d.length; i++) {
const barH = Math.max(1, height * d[i] / 100);
const barColor = d[i] > root._hot ? M.Theme.base08 : d[i] > root._warm ? M.Theme.base0A : _col;
ctx.fillStyle = barColor.toString();
ctx.fillRect((offset + i) * bw, height - barH, Math.max(1, bw - 0.5), barH);
}
}
}
// Threshold labels
Item {
width: parent.width
height: 16
Text {
anchors.left: parent.left
anchors.leftMargin: 12
anchors.verticalCenter: parent.verticalCenter
text: "warm " + root._warm + "\u00B0 hot " + root._hot + "\u00B0"
color: M.Theme.base03
font.pixelSize: M.Theme.fontSize - 3
font.family: M.Theme.fontFamily
font.letterSpacing: 0.5
}
Text {
anchors.right: parent.right
anchors.rightMargin: 12
anchors.verticalCenter: parent.verticalCenter
text: "10 min"
color: M.Theme.base03
font.pixelSize: M.Theme.fontSize - 3
font.family: M.Theme.fontFamily
}
}
Item {
width: 1
height: 4
}
} }
} }