Bring localstorage stuff in from jsutils, it's only used here

This commit is contained in:
Ian Renton
2026-04-06 19:11:47 +01:00
parent 236ac1a584
commit 3870e560ec
10 changed files with 54 additions and 22 deletions

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=1775496165"></script>
<script src="/js/common.js?v=1775499107"></script>
<script>$(document).ready(function() { $("#nav-link-about").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

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

View File

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

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=1775496165"></script>
<script src="/js/spotsbandsandmap.js?v=1775496165"></script>
<script src="/js/bands.js?v=1775496165"></script>
<script src="/js/common.js?v=1775499107"></script>
<script src="/js/spotsbandsandmap.js?v=1775499107"></script>
<script src="/js/bands.js?v=1775499107"></script>
<script>$(document).ready(function() { $("#nav-link-bands").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

@@ -46,10 +46,9 @@
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/tinycolor2@1.6.0/cjs/tinycolor.min.js"></script>
<script src="https://misc.ianrenton.com/jsutils/utils.js?v=1775496165"></script>
<script src="https://misc.ianrenton.com/jsutils/storage.js?v=1775496165"></script>
<script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775496165"></script>
<script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775496165"></script>
<script src="https://misc.ianrenton.com/jsutils/utils.js?v=1775499107"></script>
<script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775499107"></script>
<script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775499107"></script>
</head>
<body>

View File

@@ -230,8 +230,8 @@
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js"></script>
<script src="/js/common.js?v=1775496165"></script>
<script src="/js/conditions.js?v=1775496165"></script>
<script src="/js/common.js?v=1775499107"></script>
<script src="/js/conditions.js?v=1775499107"></script>
<script>$(document).ready(function () {
$("#nav-link-conditions").addClass("active");
}); <!-- highlight active page in nav --></script>

View File

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

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=1775496165"></script>
<script src="/js/spotsbandsandmap.js?v=1775496165"></script>
<script src="/js/spots.js?v=1775496165"></script>
<script src="/js/common.js?v=1775499107"></script>
<script src="/js/spotsbandsandmap.js?v=1775499107"></script>
<script src="/js/spots.js?v=1775499107"></script>
<script>$(document).ready(function() { $("#nav-link-spots").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

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

View File

@@ -2,6 +2,39 @@
var options = {};
// Last time we updated the spots/alerts list on display.
var lastUpdateTime;
// Normally load user settings from local storage, unless embedded mode is in use
let useLocalStorage = true;
// Save settings to local storage. Suppressed if "use local storage" is false.
function saveSettings() {
if (useLocalStorage) {
// Find all storeable UI elements, store a key of "element id:property name" mapped to the value of that
// property. For a checkbox, that's the "checked" property.
$(".storeable-checkbox").each(function() {
localStorage.setItem("#" + $(this)[0].id + ":checked", JSON.stringify($(this)[0].checked));
});
$(".storeable-select").each(function() {
localStorage.setItem("#" + $(this)[0].id + ":value", JSON.stringify($(this)[0].value));
});
$(".storeable-text").each(function() {
localStorage.setItem("#" + $(this)[0].id + ":value", JSON.stringify($(this)[0].value));
});
}
}
// Load settings from local storage and set up the filter selectors. Suppressed if "use local storage" is false.
function loadSettings() {
if (useLocalStorage) {
// Find all local storage entries and push their data to the corresponding UI element
Object.keys(localStorage).forEach(function(key) {
if (key.startsWith("#") && key.includes(":")) {
// Split the key back into an element ID and a property
var split = key.split(":");
$(split[0]).prop(split[1], JSON.parse(localStorage.getItem(key)));
}
});
}
}
// Load and apply any URL params. This is used for "embedded mode" where another site can embed a version of
// Spothole and provide its own interface options rather than using the user's saved ones. These may select things