add "share" link

server/scripts/index.mjs

@@ -4,6 +4,7 @@ import {
 	message as navMessage, isPlaying, resize, resetStatuses, latLonReceived, stopAutoRefreshTimer, registerRefreshData,
 } from './modules/navigation.mjs';
 import { round2 } from './modules/utils/units.mjs';
+import { createLink, readLink } from './modules/share.mjs';
 
 document.addEventListener('DOMContentLoaded', () => {
 	init();

server/scripts/modules/share.mjs

@@ -0,0 +1,40 @@
+document.addEventListener('DOMContentLoaded', () => init());
+
+const init = () => {
+	// add action to existing link
+	document.querySelector('#share-link').addEventListener('click', createLink);
+};
+
+const createLink = (e) => {
+	// cancel default event (click on hyperlink)
+	e.preventDefault();
+	// get all checkboxes on page
+	const checkboxes = document.querySelectorAll('input[type=checkbox]');
+
+	// list to receive checkbox statuses
+	const queryStringElements = {};
+
+	[...checkboxes].forEach((elem) => {
+		if (elem?.id) {
+			queryStringElements[elem.id] = elem?.checked ?? false;
+		}
+	});
+
+	// add the location string
+	queryStringElements.txtAddress = document.querySelector('#txtAddress')?.value ?? '';
+
+	const queryString = (new URLSearchParams(queryStringElements)).toString();
+
+	const url = new URL(`?${queryString}`, document.location.href);
+
+	console.log(queryStringElements);
+	console.log(queryString);
+	console.log(url.toString());
+};
+
+const readLink = false;
+
+export {
+	createLink,
+	readLink,
+};

views/index.ejs

@@ -151,6 +151,10 @@
 	<div id='settings'>
 	</div>
 
+	<div class='info'>
+		<a href='' id='share-link'>Share this configuration</a>
+	</div>
+
   <div id="divInfo">
     Location: <span id="spanCity"></span> <span id="spanState"></span><br />
     Station Id: <span id="spanStationId"></span><br />