From f92bfc59d4a98a64b52e84dbd401fd093d0ad470 Mon Sep 17 00:00:00 2001
From: trovster <trovster@gmail.com>
Date: Thu, 5 Oct 2023 18:17:25 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20trovster?=
 =?UTF-8?q?/fitness.trovster.com@cf18037c02ad5a81e856d5883c7eebad2a8f103a?=
 =?UTF-8?q?=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html        | 8 ++++++++
 js/FitnessCard.js | 1 +
 js/FitnessRing.js | 4 +++-
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f179928..217cca6 100644
--- a/index.html
+++ b/index.html
@@ -133,6 +133,7 @@ <h1 class="tracking-tight leading-none font-display font-black text-4xl md:text-
                 <fitness-card
                     class="overflow-hidden rounded-3xl mx-auto bg-gray-800 text-white max-w-3xl"
                     date="Monday, 25 September 2023"
+                    replayable="true"
                     steps="10639" distance="8964" flights="8"
                     move-total="500" move-goal="750"
                     exercise-total="30" exercise-goal="60"
@@ -157,6 +158,7 @@ <h1 class="tracking-tight leading-none font-display font-black text-4xl md:text-
                 <fitness-card
                     class="overflow-hidden rounded-3xl mx-auto bg-gray-800 text-white max-w-3xl"
                     date="Tuesday, 26 September 2023"
+                    replayable="true"
                     steps="18935" distance="16254" flights="5"
                     move-total="1002" move-goal="1200"
                     exercise-total="76" exercise-goal="120"
@@ -181,6 +183,7 @@ <h1 class="tracking-tight leading-none font-display font-black text-4xl md:text-
                 <fitness-card
                     class="overflow-hidden rounded-3xl mx-auto bg-gray-800 text-white max-w-3xl"
                     date="Wednesday, 27 September 2023"
+                    replayable="true"
                     steps="700" distance="1200" flights="3"
                     move-total="412" move-goal="650"
                     exercise-total="12" exercise-goal="30"
@@ -205,6 +208,7 @@ <h1 class="tracking-tight leading-none font-display font-black text-4xl md:text-
                 <fitness-card
                     class="overflow-hidden rounded-3xl mx-auto bg-gray-800 text-white max-w-3xl"
                     date="Thursday, 28 September 2023"
+                    replayable="true"
                     steps="650" distance="650" flights="4"
                     move-total="600" move-goal="650"
                     exercise-total="28" exercise-goal="30"
@@ -229,6 +233,7 @@ <h1 class="tracking-tight leading-none font-display font-black text-4xl md:text-
                 <fitness-card
                     class="overflow-hidden rounded-3xl mx-auto bg-gray-800 text-white max-w-3xl"
                     date="Friday, 29 September 2023"
+                    replayable="true"
                     steps="6523" distance="3650" flights="8"
                     move-total="1024" move-goal="650"
                     exercise-total="71" exercise-goal="30"
@@ -253,6 +258,7 @@ <h1 class="tracking-tight leading-none font-display font-black text-4xl md:text-
                 <fitness-card
                     class="overflow-hidden rounded-3xl mx-auto bg-gray-800 text-white max-w-3xl"
                     date="Saturday, 30 September 2023"
+                    replayable="true"
                     steps="700" distance="1200" flights="3"
                     move-total="412" move-goal="650"
                     exercise-total="12" exercise-goal="30"
@@ -277,6 +283,7 @@ <h1 class="tracking-tight leading-none font-display font-black text-4xl md:text-
                 <fitness-card
                     class="overflow-hidden rounded-3xl mx-auto bg-gray-800 text-white max-w-3xl"
                     date="Sunday, 1 October 2023"
+                    replayable="true"
                     steps="756" distance="4345" flights="4"
                     move-total="680" move-goal="750"
                     exercise-total="35" exercise-goal="60"
@@ -321,6 +328,7 @@ <h2 class="tracking-tight leading-none font-display font-bold text-center text-4
 
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>fitness-card</span>
     <span class="token attr-name">date</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item.date<span class="token punctuation">"</span></span>
+    <span class="token attr-name">replayable</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>true<span class="token punctuation">"</span></span>
     <span class="token attr-name">steps</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item.steps<span class="token punctuation">"</span></span> <span class="token attr-name">distance</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item.distance<span class="token punctuation">"</span></span> <span class="token attr-name">flights</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item.flights<span class="token punctuation">"</span></span>
     <span class="token attr-name">move-total</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item.move.total<span class="token punctuation">"</span></span> <span class="token attr-name">move-goal</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item.move.goal<span class="token punctuation">"</span></span>
     <span class="token attr-name">exercise-total</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item.exercise.total<span class="token punctuation">"</span></span> <span class="token attr-name">exercise-goal</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>item.exercise.goal<span class="token punctuation">"</span></span>
diff --git a/js/FitnessCard.js b/js/FitnessCard.js
index 5f1ba09..ae6ac93 100644
--- a/js/FitnessCard.js
+++ b/js/FitnessCard.js
@@ -348,6 +348,7 @@ export default class FitnessCard extends HTMLElement {
 
         <fitness-ring
           part="ring"
+          replayable="${this.getAttribute('replayable')}"
           move-total="${this.getAttribute('move-total')}"
           move-goal="${this.getAttribute('move-goal')}"
           exercise-total="${this.getAttribute('exercise-total')}"
diff --git a/js/FitnessRing.js b/js/FitnessRing.js
index 6389bf2..7318072 100644
--- a/js/FitnessRing.js
+++ b/js/FitnessRing.js
@@ -40,7 +40,7 @@ export default class FitnessRing extends HTMLElement {
     }
 
     wrapper.addEventListener('click', () => {
-      if (wrapper.classList.contains('complete')) {
+      if (this.replayable() && wrapper.classList.contains('complete')) {
         wrapper.classList.add('reset');
         wrapper.classList.remove('complete');
       }
@@ -67,6 +67,8 @@ export default class FitnessRing extends HTMLElement {
     this.observer.disconnect();
   }
 
+  replayable =() => this.getAttribute('replayable') && this.getAttribute('replayable') === 'true';
+
   percentage = (total = 0, goal = 100, max = 100) =>
     Math.min(Math.floor((total / goal) * 100), max);