From a2f2b0977b0224ad3b16d6baa69b85ecf5382343 Mon Sep 17 00:00:00 2001
From: Fabio Fenoglio <development@fabiofenoglio.it>
Date: Sat, 11 Dec 2021 11:23:06 +0100
Subject: [PATCH] added standalone circular-progress component with size input
 option

---
 layouts/partials/misc/circular-progress.html | 29 ++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 layouts/partials/misc/circular-progress.html

diff --git a/layouts/partials/misc/circular-progress.html b/layouts/partials/misc/circular-progress.html
new file mode 100644
index 0000000..8935c44
--- /dev/null
+++ b/layouts/partials/misc/circular-progress.html
@@ -0,0 +1,29 @@
+{{ if isset .ctx "percentage" }}
+{{ $predefinedColor:= true}}
+{{ if hasPrefix .ctx.color "#"}}
+    {{ $predefinedColor = false }}
+{{ end }}
+{{ $size := "" }}
+{{ if .size }}
+{{ $size = .size }}
+{{ end }}
+<div class="circular-progress circular-progress-{{ $size }} {{if $predefinedColor}}{{ .ctx.color }}{{end}}">
+    <span class="circular-progress-left">
+        <span
+        class="circular-progress-bar circular-progress-percentage-{{ .ctx.percentage }}"
+        {{ if not $predefinedColor }}
+            style="border-color: {{.ctx.color}};"
+        {{ end }}
+        ></span>
+    </span>
+    <span class="circular-progress-right">
+        <span
+        class="circular-progress-bar"
+        {{ if not $predefinedColor }}
+            style="border-color: {{.ctx.color}};"
+        {{ end }}
+        ></span>
+    </span>
+    <div class="circular-progress-value"></div>
+</div>
+{{ end }}
\ No newline at end of file