From 95e039d9002ac35e8ceb0edafc9f5e4c0d9185b1 Mon Sep 17 00:00:00 2001
From: Gaudenz Alder <alderg@users.noreply.github.com>
Date: Mon, 4 Sep 2023 13:34:02 +0200
Subject: [PATCH] Adds support for custom action titles

---
 tools/link.html | 33 +++++++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/tools/link.html b/tools/link.html
index 0003832..5f0c92c 100755
--- a/tools/link.html
+++ b/tools/link.html
@@ -13,6 +13,18 @@
 		var link = document.getElementById('link').value;
 		var obj = JSON.parse(link.substring(link.indexOf(',') + 1));
 
+		var title = document.getElementById('title').value;
+
+		if (title != '')
+		{
+			obj.title = title;
+		}
+
+		if (obj.actions == null)
+		{
+			obj.actions = [];
+		}
+
 		if (type == 'link')
 		{
 			obj.actions.push({open: document.getElementById('href').value});
@@ -169,6 +181,14 @@
 		}
 
 		document.getElementById('link').value = 'data:action/json,' + JSON.stringify(obj, null, 2);
+
+		var href = getLink();
+		document.getElementById('anchor').href = href;
+		document.getElementById('anchor').innerHTML = href.replace(/&/g, "&amp;")
+			.replace(/</g, "&lt;")
+			.replace(/>/g, "&gt;")
+			.replace(/"/g, "&quot;")
+			.replace(/'/g, "&#39;");
 	}
 	catch (e)
 	{
@@ -193,7 +213,7 @@
 
 function resetLink()
 {
-	document.getElementById('link').value = 'data:action/json,' + JSON.stringify({"actions":[]}, null, 2);
+	document.getElementById('link').value = 'data:action/json,' + JSON.stringify({}, null, 2);
 };
 
 function validateLink(quiet)
@@ -263,6 +283,11 @@
     }
 };
 
+function getLink()
+{
+	return 'data:action/json,' + JSON.stringify(JSON.parse(link.value.substring(17)));
+};
+
 function copyLink()
 {
 	try
@@ -271,7 +296,7 @@
 		{
 			var link = document.getElementById('link');
 			var prev = link.value;
-			link.value = 'data:action/json,' + JSON.stringify(JSON.parse(link.value.substring(17)));
+			link.value = getLink();
 			link.focus();
 			link.select();
 			document.execCommand('copy');
@@ -300,6 +325,8 @@
 	<span style="position:relative;display:inline-block;left:50%;transform:translate(-50%,0);">
 		<h2 style="text-align:center;width:100%;">Create Custom Link</h2>
 		<hr>
+		Title: <input type="text" size="16" id="title"></input>
+		<hr>
 		1. Action for Cell(s): <select id="action" onchange="actionChanged();">
 			<option value="toggle" selected>Toggle</option>
 			<option value="show">Show</option>
@@ -356,6 +383,8 @@ <h2 style="text-align:center;width:100%;">Create Custom Link</h2>
 		<button onclick="resetLink();return false;">Reset Link</button>
 		<button onclick="copyLink();return false;"><b>Copy Link</b></button>
 		<span id="confirmation" style="display:none;font-size:10pt;padding:3px;font-weight:bold;"></span>
+		<br><br>
+		<a id="anchor" href="#" onclick="copyLink();return false;"></a>
 	</span>
 </body>
 </html>