From 99d62eaf48bd65338840d6da91607d587c7cf650 Mon Sep 17 00:00:00 2001
From: James Yoo <jyoo980@gmail.com>
Date: Sat, 14 Jun 2025 17:12:18 -0700
Subject: [PATCH 1/4] Start implementing a "total mileage" column for the
 schedule

---
 _bin/mkical.py                | 2 ++
 _includes/schedule_table.html | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/_bin/mkical.py b/_bin/mkical.py
index de9ec07..bb16551 100755
--- a/_bin/mkical.py
+++ b/_bin/mkical.py
@@ -59,6 +59,8 @@ def dtstart(date, time):
     for run in sched:
         date = datetime.strptime(run['date'], '%Y-%m-%d')
         phases = run['plan']
+        # Maybe something here?
+        # total_dist = 0
         if 'cancelled' in run.keys():
             continue
         for i in range(len(phases)):
diff --git a/_includes/schedule_table.html b/_includes/schedule_table.html
index 72a653a..9eb3d64 100644
--- a/_includes/schedule_table.html
+++ b/_includes/schedule_table.html
@@ -5,7 +5,8 @@
     <tr>
         <th>Date</th>
         <th class="text-end">Time</th>
-        <th>Route (miles)</th>
+        <th>Routes (miles)</th>
+        <th>Total mileage</th>
     </tr>
     </thead>
     {% endif %}
@@ -58,6 +59,9 @@
             {% if route.gpx %}
                 &nbsp; <a href="{{ route.gpx }}" class="gpx-link" title="Download GPX" data-goatcounter-click="download-{{ route.id }}">&#8986;</a>
             {% endif %}
+            {% if forloop.last %}
+            <td>TODO: fill in total mileage</td>
+            {% endif %}
         </td>
     </tr>
     {% if plan.notes %}

From 36225cadf0b91ee04e56a1326bb42d096e4717df Mon Sep 17 00:00:00 2001
From: James Yoo <jyoo980@gmail.com>
Date: Thu, 26 Mar 2026 10:55:29 -0700
Subject: [PATCH 2/4] Finish implementing a "Total distance" column

---
 _bin/mkical.py                |  5 +++--
 _includes/schedule_table.html | 23 ++++++++++++++++++-----
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/_bin/mkical.py b/_bin/mkical.py
index bb16551..e035287 100755
--- a/_bin/mkical.py
+++ b/_bin/mkical.py
@@ -59,10 +59,9 @@ def dtstart(date, time):
     for run in sched:
         date = datetime.strptime(run['date'], '%Y-%m-%d')
         phases = run['plan']
-        # Maybe something here?
-        # total_dist = 0
         if 'cancelled' in run.keys():
             continue
+        total_dist = 0
         for i in range(len(phases)):
             phase = phases[i]
             if 'cancelled' in phase.keys():
@@ -75,6 +74,8 @@ def dtstart(date, time):
             name = route['name']
             gmap = route['map'] if 'map' in route else ''
             dist = route['distance_mi'] if 'distance_mi' in route else None
+            if dist:
+                total_dist += dist
 
             event_name = f'{name} ({dist}mi)' if dist else name
 
diff --git a/_includes/schedule_table.html b/_includes/schedule_table.html
index 415dc8b..0053946 100644
--- a/_includes/schedule_table.html
+++ b/_includes/schedule_table.html
@@ -6,7 +6,7 @@
         <th>Date</th>
         <th class="text-end">Time</th>
         <th>Routes (miles)</th>
-        <th>Total mileage</th>
+        <th>Total distance (miles)</th>
     </tr>
     </thead>
     {% endif %}
@@ -16,6 +16,17 @@
     {% else %}
     {% assign cancelled-class = "" %}
     {% endif %}
+    {% assign total_dist = 0.0 %}
+    {% for _phase in run.plan %}
+      {% unless _phase.cancelled %}
+        {% if _phase.route_id %}
+          {% assign _r = site.data.routes | where: 'id', _phase.route_id | first %}
+          {% if _r.distance_mi %}{% assign total_dist = total_dist | plus: _r.distance_mi %}{% endif %}
+        {% elsif _phase.route.distance_mi %}
+          {% assign total_dist = total_dist | plus: _phase.route.distance_mi %}
+        {% endif %}
+      {% endunless %}
+    {% endfor %}
     <tbody class="run" data-date="{{ run.date }}">
     {% for plan in run.plan %}
     {% if plan.cancelled %}
@@ -62,15 +73,14 @@
             {% if route.gpx and include.link_gpx %}
                 &nbsp; <a href="{{ route.gpx }}" class="gpx-link" title="Download GPX" data-goatcounter-click="download-{{ route.id }}">&#8986;</a>
             {% endif %}
-            {% if forloop.last %}
-            <td>TODO: fill in total mileage</td>
-            {% endif %}
         </td>
+        <td class="total-dist">{% if forloop.last %}{{ total_dist | round: 1 }}{% endif %}</td>
     </tr>
     {% if plan.notes %}
     <tr>
         <td></td><td></td>
         <td>{{ plan.notes }}</td>
+        <td></td>
     </tr>
     {% endif %}
     {% if plan.cancelled and plan.cancelled != "" %}
@@ -78,6 +88,7 @@
         <td></td>
         <td></td>
         <td>{{ plan.cancelled }}</td>
+        <td></td>
     </tr>
     {% endif %}
 
@@ -90,6 +101,7 @@
         <img src="{{ plan.highlight-image | relative_url }}" />
             </a>
         </td>
+        <td></td>
     </tr>
     {% endif %}
 
@@ -99,10 +111,11 @@
         <td></td>
         <td></td>
         <td>{{ run.cancelled }}</td>
+        <td></td>
     </tr>
     {% endif %}
     </tbody>
     {% endfor %}
-    <tfoot id="schedule-finished" style="display: none"><tr><td colspan="3">A new schedule is coming! <a href="https://github.com/raceconditionrunning/raceconditionrunning.github.io">Contribute on GitHub</a></td></tr></tfoot>
+    <tfoot id="schedule-finished" style="display: none"><tr><td colspan="4">A new schedule is coming! <a href="https://github.com/raceconditionrunning/raceconditionrunning.github.io">Contribute on GitHub</a></td></tr></tfoot>
 </table>
 </div>

From ca3069241ed2a8cfa98db1728f248338b91c404f Mon Sep 17 00:00:00 2001
From: James Yoo <jyoo980@gmail.com>
Date: Thu, 26 Mar 2026 14:36:53 -0700
Subject: [PATCH 3/4] Tweaking table

---
 _includes/schedule_table.html | 52 +++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 24 deletions(-)

diff --git a/_includes/schedule_table.html b/_includes/schedule_table.html
index 0053946..f0d451e 100644
--- a/_includes/schedule_table.html
+++ b/_includes/schedule_table.html
@@ -5,8 +5,7 @@
     <tr>
         <th>Date</th>
         <th class="text-end">Time</th>
-        <th>Routes (miles)</th>
-        <th>Total distance (miles)</th>
+        <th><div class="d-flex justify-content-between">Routes<span>Distance (mi)</span></div></th>
     </tr>
     </thead>
     {% endif %}
@@ -56,31 +55,33 @@
         {% endunless %}
         {% endif %}
         <td class="{{part-cancelled-class}}">
-            {% if plan.route_id %}
-            <a href="{{site.baseurl}}/routes/{{ plan.route_id }}/"
-               class="route-preview-map-link"
-               title="{{ plan.route_id }}"
-               popovertarget="map-popover-{{run.date | slugify}}-part-{{ forloop.index}}">{{route.name}}</a>
-            <div id="map-popover-{{run.date | slugify}}-part-{{ forloop.index}}" class="route-map-popover" popover>
-                <img src="{{ '/img/routes/' | append: plan.route_id | append: '.jpg' | relative_url }}" alt="{{ route.name }} map" class="route-image" loading="lazy"/>
+            <div class="d-flex justify-content-between align-items-baseline gap-2">
+                <span>
+                {% if plan.route_id %}
+                <a href="{{site.baseurl}}/routes/{{ plan.route_id }}/"
+                   class="route-preview-map-link"
+                   title="{{ plan.route_id }}"
+                   popovertarget="map-popover-{{run.date | slugify}}-part-{{ forloop.index}}">{{route.name}}</a>
+                <div id="map-popover-{{run.date | slugify}}-part-{{ forloop.index}}" class="route-map-popover" popover>
+                    <img src="{{ '/img/routes/' | append: plan.route_id | append: '.jpg' | relative_url }}" alt="{{ route.name }} map" class="route-image" loading="lazy"/>
+                </div>
+                {% elsif route.map %}
+                <a target="_blank" href="{{ route.map }}">{{route.name}}</a>
+                {% else %}
+                {{route.name}}
+                {% endif %}
+                {% if route.gpx and include.link_gpx %}
+                    &nbsp; <a href="{{ route.gpx }}" class="gpx-link" title="Download GPX" data-goatcounter-click="download-{{ route.id }}">&#8986;</a>
+                {% endif %}
+                </span>
+                {% if route.distance_mi %}<span class="text-end text-nowrap" title="{{ route.distance_mi | times: 1.609 | round: 1 }}km">{{ route.distance_mi | round: 1 }}</span>{% endif %}
             </div>
-            {% elsif route.map %}
-            <a target="_blank" href="{{ route.map }}">{{route.name}}</a>
-            {% else %}
-            {{route.name}}
-            {% endif %}
-            {% if route.distance_mi %}&nbsp; (<span title="{{ route.distance_mi | times: 1.609 | round: 1}}km" class="text-decoration-dashed">{{ route.distance_mi | round: 1}})</span>{% endif %}
-            {% if route.gpx and include.link_gpx %}
-                &nbsp; <a href="{{ route.gpx }}" class="gpx-link" title="Download GPX" data-goatcounter-click="download-{{ route.id }}">&#8986;</a>
-            {% endif %}
         </td>
-        <td class="total-dist">{% if forloop.last %}{{ total_dist | round: 1 }}{% endif %}</td>
     </tr>
     {% if plan.notes %}
     <tr>
         <td></td><td></td>
         <td>{{ plan.notes }}</td>
-        <td></td>
     </tr>
     {% endif %}
     {% if plan.cancelled and plan.cancelled != "" %}
@@ -88,7 +89,6 @@
         <td></td>
         <td></td>
         <td>{{ plan.cancelled }}</td>
-        <td></td>
     </tr>
     {% endif %}
 
@@ -101,21 +101,25 @@
         <img src="{{ plan.highlight-image | relative_url }}" />
             </a>
         </td>
-        <td></td>
     </tr>
     {% endif %}
 
     {% endfor %}
+    {% if total_dist > 0 and run.plan.size > 1 %}
+    <tr class="total-dist-row">
+        <td></td><td></td>
+        <td class="text-end border-top fw-semibold">{{ total_dist | round: 1 }}</td>
+    </tr>
+    {% endif %}
     {% if run.cancelled and plan.cancelled != "" %}
     <tr class="cancellation-note">
         <td></td>
         <td></td>
         <td>{{ run.cancelled }}</td>
-        <td></td>
     </tr>
     {% endif %}
     </tbody>
     {% endfor %}
-    <tfoot id="schedule-finished" style="display: none"><tr><td colspan="4">A new schedule is coming! <a href="https://github.com/raceconditionrunning/raceconditionrunning.github.io">Contribute on GitHub</a></td></tr></tfoot>
+    <tfoot id="schedule-finished" style="display: none"><tr><td colspan="3">A new schedule is coming! <a href="https://github.com/raceconditionrunning/raceconditionrunning.github.io">Contribute on GitHub</a></td></tr></tfoot>
 </table>
 </div>

From 25e47ceef02eb82b74dfdd79b84d57a924c72498 Mon Sep 17 00:00:00 2001
From: James Yoo <jyoo980@gmail.com>
Date: Thu, 26 Mar 2026 14:55:41 -0700
Subject: [PATCH 4/4] Adding km/mi toggle

---
 _includes/schedule_table.html | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/_includes/schedule_table.html b/_includes/schedule_table.html
index f0d451e..f9899d5 100644
--- a/_includes/schedule_table.html
+++ b/_includes/schedule_table.html
@@ -1,11 +1,11 @@
-<div class="table-responsive">
+<div class="table-responsive schedule-table-wrapper" data-unit="mi">
 <table class='schedule-table table'>
     {% if include.show_header %}
     <thead>
     <tr>
         <th>Date</th>
         <th class="text-end">Time</th>
-        <th><div class="d-flex justify-content-between">Routes<span>Distance (mi)</span></div></th>
+        <th><div class="d-flex justify-content-between">Routes<span>Distance (<button class="dist-unit-toggle" title="For the enlightened..." style="background:none;border:none;padding:0;font:inherit;text-decoration:underline dotted;cursor:pointer;">mi</button>)</span></div></th>
     </tr>
     </thead>
     {% endif %}
@@ -74,7 +74,7 @@
                     &nbsp; <a href="{{ route.gpx }}" class="gpx-link" title="Download GPX" data-goatcounter-click="download-{{ route.id }}">&#8986;</a>
                 {% endif %}
                 </span>
-                {% if route.distance_mi %}<span class="text-end text-nowrap" title="{{ route.distance_mi | times: 1.609 | round: 1 }}km">{{ route.distance_mi | round: 1 }}</span>{% endif %}
+                {% if route.distance_mi %}<span class="dist-value text-end text-nowrap" data-mi="{{ route.distance_mi | round: 1 }}" data-km="{{ route.distance_mi | times: 1.609 | round: 1 }}">{{ route.distance_mi | round: 1 }}</span>{% endif %}
             </div>
         </td>
     </tr>
@@ -108,7 +108,7 @@
     {% if total_dist > 0 and run.plan.size > 1 %}
     <tr class="total-dist-row">
         <td></td><td></td>
-        <td class="text-end border-top fw-semibold">{{ total_dist | round: 1 }}</td>
+        <td class="text-end fw-semibold"><hr class="my-1" style="border-top-width: 2px;"/><span class="dist-value" data-mi="{{ total_dist | round: 1 }}" data-km="{{ total_dist | times: 1.609 | round: 1 }}">{{ total_dist | round: 1 }}</span></td>
     </tr>
     {% endif %}
     {% if run.cancelled and plan.cancelled != "" %}
@@ -123,3 +123,22 @@
     <tfoot id="schedule-finished" style="display: none"><tr><td colspan="3">A new schedule is coming! <a href="https://github.com/raceconditionrunning/raceconditionrunning.github.io">Contribute on GitHub</a></td></tr></tfoot>
 </table>
 </div>
+<script>
+if (!window.__distToggleInit) {
+    // For switching between miles and kilometers.
+    window.__distToggleInit = true;
+    document.addEventListener('click', (e) => {
+        const btn = e.target.closest('.dist-unit-toggle');
+        if (!btn) {
+            return;
+        }
+        const wrapper = btn.closest('.schedule-table-wrapper');
+        const newUnit = wrapper.dataset.unit === 'km' ? 'mi' : 'km';
+        wrapper.dataset.unit = newUnit;
+        btn.textContent = newUnit;
+        wrapper.querySelectorAll('.dist-value').forEach((span) => {
+            span.textContent = span.dataset[newUnit];
+        });
+    });
+}
+</script>