w1cdn/spothole
1
0
Fork 0
mirror of https://git.ianrenton.com/ian/spothole.git synced 2026-04-29 18:25:58 +00:00
Code Issues 13 Packages Projects Releases Wiki Activity

"Now" line on Kp forecast

Browse Source
This commit is contained in:
Ian Renton
2026-04-03 19:49:28 +01:00
parent d71908455a
commit 64afd4ed55
10 changed files with 74 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/about.html
View File

@@ -67,7 +67,7 @@
<p>This software is dedicated to the memory of Tom G1PJB, SK, a friend and colleague who sadly passed away around the time I started writing it in Autumn 2025. I was looking forward to showing it to you when it was done.</p>
</div>
<script src="/js/common.js?v=1775241656"></script>
<script src="/js/common.js?v=1775242169"></script>
<script>$(document).ready(function() { $("#nav-link-about").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

4
templates/add_spot.html
View File

@@ -69,8 +69,8 @@
</div>
<script src="/js/common.js?v=1775241656"></script>
<script src="/js/add-spot.js?v=1775241656"></script>
<script src="/js/common.js?v=1775242169"></script>
<script src="/js/add-spot.js?v=1775242169"></script>
<script>$(document).ready(function() { $("#nav-link-add-spot").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

4
templates/alerts.html
View File

@@ -56,8 +56,8 @@
</div>
<script src="/js/common.js?v=1775241657"></script>
<script src="/js/alerts.js?v=1775241657"></script>
<script src="/js/common.js?v=1775242169"></script>
<script src="/js/alerts.js?v=1775242169"></script>
<script>$(document).ready(function() { $("#nav-link-alerts").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

6
templates/bands.html
View File

@@ -62,9 +62,9 @@
<script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script>
<script src="/js/common.js?v=1775241656"></script>
<script src="/js/spotsbandsandmap.js?v=1775241656"></script>
<script src="/js/bands.js?v=1775241656"></script>
<script src="/js/common.js?v=1775242169"></script>
<script src="/js/spotsbandsandmap.js?v=1775242169"></script>
<script src="/js/bands.js?v=1775242169"></script>
<script>$(document).ready(function() { $("#nav-link-bands").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

8
templates/base.html
View File

@@ -47,10 +47,10 @@
<script src="https://cdn.jsdelivr.net/npm/tinycolor2@1.6.0/cjs/tinycolor.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js"></script>
<script src="https://misc.ianrenton.com/jsutils/utils.js?v=1775241656"></script>
<script src="https://misc.ianrenton.com/jsutils/storage.js?v=1775241656"></script>
<script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775241656"></script>
<script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775241656"></script>
<script src="https://misc.ianrenton.com/jsutils/utils.js?v=1775242169"></script>
<script src="https://misc.ianrenton.com/jsutils/storage.js?v=1775242169"></script>
<script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775242169"></script>
<script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775242169"></script>
</head>
<body>

4
templates/conditions.html
View File

@@ -223,8 +223,8 @@
</div>
</div>
<script src="/js/common.js?v=1775241656"></script>
<script src="/js/conditions.js?v=1775241656"></script>
<script src="/js/common.js?v=1775242169"></script>
<script src="/js/conditions.js?v=1775242169"></script>
<script>$(document).ready(function () {
$("#nav-link-conditions").addClass("active");
}); <!-- highlight active page in nav --></script>

6
templates/map.html
View File

@@ -70,9 +70,9 @@
<script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script>
<script src="/js/common.js?v=1775241657"></script>
<script src="/js/spotsbandsandmap.js?v=1775241657"></script>
<script src="/js/map.js?v=1775241657"></script>
<script src="/js/common.js?v=1775242169"></script>
<script src="/js/spotsbandsandmap.js?v=1775242169"></script>
<script src="/js/map.js?v=1775242169"></script>
<script>$(document).ready(function() { $("#nav-link-map").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

6
templates/spots.html
View File

@@ -87,9 +87,9 @@
<script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script>
<script src="/js/common.js?v=1775241656"></script>
<script src="/js/spotsbandsandmap.js?v=1775241656"></script>
<script src="/js/spots.js?v=1775241656"></script>
<script src="/js/common.js?v=1775242169"></script>
<script src="/js/spotsbandsandmap.js?v=1775242169"></script>
<script src="/js/spots.js?v=1775242169"></script>
<script>$(document).ready(function() { $("#nav-link-spots").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

4
templates/status.html
View File

@@ -59,8 +59,8 @@
</div>
</div>
<script src="/js/common.js?v=1775241656"></script>
<script src="/js/status.js?v=1775241656"></script>
<script src="/js/common.js?v=1775242169"></script>
<script src="/js/status.js?v=1775242169"></script>
<script>
$(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav -->
</script>

53
webassets/js/conditions.js
View File

@@ -165,10 +165,59 @@ function renderKIndexForecast(data) {
grid: { color: gridColor },
};
const timeAxis = {
title: { display: true, text: 'Time (UTC)', color: textColor },
ticks: { color: textColor, maxRotation: 45, minRotation: 0 },
grid: { color: gridColor },
};
// Draw a "now" line at the current time position
const nowLinePlugin = {
id: 'nowLine',
afterDraw(chart) {
const nowTs = Date.now() / 1000;
// Find the fractional bar index for the current time
let fracIndex = null;
for (let i = 0; i < entries.length - 1; i++) {
if (nowTs >= entries[i].ts && nowTs < entries[i + 1].ts) {
fracIndex = i + (nowTs - entries[i].ts) / (entries[i + 1].ts - entries[i].ts);
break;
}
}
if (fracIndex === null) return; // now is outside the chart range
const { ctx, chartArea } = chart;
const scale = isMobile ? chart.scales.y : chart.scales.x;
const pos = scale.getPixelForValue(fracIndex);
ctx.save();
ctx.strokeStyle = textColor;
ctx.lineWidth = 2;
ctx.setLineDash([5, 4]);
ctx.beginPath();
if (isMobile) {
ctx.moveTo(chartArea.left, pos);
ctx.lineTo(chartArea.right, pos);
} else {
ctx.moveTo(pos, chartArea.top);
ctx.lineTo(pos, chartArea.bottom);
}
ctx.stroke();
ctx.setLineDash([]);
ctx.fillStyle = textColor;
ctx.font = '11px sans-serif';
if (isMobile) {
ctx.textAlign = 'right';
ctx.textBaseline = 'bottom';
ctx.fillText('Now', chartArea.right, pos - 3);
} else {
ctx.textAlign = 'left';
ctx.textBaseline = 'top';
ctx.fillText(' Now', pos, chartArea.top + 3);
}
ctx.restore();
}
};
kpChart = new Chart(document.getElementById('forecast-kp-chart'), {
type: 'bar',
data: {
@@ -181,6 +230,7 @@ function renderKIndexForecast(data) {
},
options: {
responsive: true,
// Swap axes on mobile, and change the aspect ratio
aspectRatio: isMobile ? 0.4 : 3,
indexAxis: isMobile ? 'y' : 'x',
plugins: {
@@ -195,7 +245,8 @@ function renderKIndexForecast(data) {
x: isMobile ? kpAxis : timeAxis,
y: isMobile ? timeAxis : kpAxis,
}
}
},
plugins: [nowLinePlugin],
});
}