summaryrefslogtreecommitdiff
path: root/utils/CircularProgress.qml
diff options
context:
space:
mode:
Diffstat (limited to 'utils/CircularProgress.qml')
-rw-r--r--utils/CircularProgress.qml91
1 files changed, 0 insertions, 91 deletions
diff --git a/utils/CircularProgress.qml b/utils/CircularProgress.qml
deleted file mode 100644
index 240e520..0000000
--- a/utils/CircularProgress.qml
+++ /dev/null
@@ -1,91 +0,0 @@
-// From https://github.com/rafzby/circular-progressbar with modifications
-// License: LGPL-3.0 - A copy can be found in `licenses` folder of repo
-
-import QtQuick
-
-/**
- * Material 3 circular progress. See https://m3.material.io/components/progress-indicators/specs
- */
-Item {
- id: root
-
- property int size: 30
- property int lineWidth: 2
- property real value: 0
- // property color primaryColor: Appearance.m3colors.m3onSecondaryContainer
- // property color secondaryColor: Appearance.colors.colSecondaryContainer
- property real gapAngle: Math.PI / 9
- property bool fill: false
- property int fillOverflow: 2
- property int animationDuration: 1000
- property var easingType: Easing.OutCubic
-
- width: size
- height: size
-
- signal animationFinished
-
- onValueChanged: {
- canvas.degree = value * 360;
- }
- // onPrimaryColorChanged: {
- // canvas.requestPaint();
- // }
- // onSecondaryColorChanged: {
- // canvas.requestPaint();
- // }
-
- Canvas {
- id: canvas
-
- property real degree: 0
-
- anchors.fill: parent
- antialiasing: true
-
- onDegreeChanged: {
- requestPaint();
- }
-
- onPaint: {
- var ctx = getContext("2d");
- var x = root.width / 2;
- var y = root.height / 2;
- var radius = root.size / 2 - root.lineWidth;
- var startAngle = (Math.PI / 180) * 270;
- var fullAngle = (Math.PI / 180) * (270 + 360);
- var progressAngle = (Math.PI / 180) * (270 + degree);
- var epsilon = 0.01; // Small angle in radians
-
- ctx.reset();
- if (root.fill) {
- // ctx.fillStyle = root.secondaryColor;
- ctx.beginPath();
- ctx.arc(x, y, radius + fillOverflow, startAngle, fullAngle);
- ctx.fill();
- }
- ctx.lineCap = 'round';
- ctx.lineWidth = root.lineWidth;
-
- // Secondary
- ctx.beginPath();
- ctx.arc(x, y, radius, progressAngle + gapAngle, fullAngle - gapAngle);
- // ctx.strokeStyle = root.secondaryColor;
- ctx.stroke();
-
- // Primary (value indication)
- var endAngle = progressAngle + (value > 0 ? 0 : epsilon);
- ctx.beginPath();
- ctx.arc(x, y, radius, startAngle, endAngle);
- // ctx.strokeStyle = root.primaryColor;
- ctx.stroke();
- }
-
- Behavior on degree {
- NumberAnimation {
- duration: root.animationDuration
- easing.type: root.easingType
- }
- }
- }
-}