Fix links for order to be included in URL

Petr Balogh · Petr Balogh · commit 238214bd37e0 · 2023-10-02T14:42:50.000+02:00
diff --git a/logtail.html b/logtail.html
@@ -10,8 +10,8 @@
     <body>
         <div id="header">
             js-logtail.
-            <a href onclick="order('reversed')"">Reversed</a> or
-            <a href onclick="order('chronological')">chronological</a> view.
+            <a href="#" id="reversedOrder">Reversed</a> or
+            <a href="#" id="chronologicalOrder"">chronological</a> view.
             <a id="pause" href='#'>Pause</a>.
         </div>
         <pre id="data">Loading...</pre>
diff --git a/logtail.js b/logtail.js
@@ -5,6 +5,8 @@
 
 var dataelem = "#data";
 var pausetoggle = "#pause";
+var reversedLink = "#reversedOrder";
+var chronologicalLink = "#chronologicalOrder";
 var scrollelems = ["html", "body"];
 
 var urlString = window.location.href;
@@ -175,10 +177,12 @@ function error(what) {
     return false;
 }
 
-function order(how) {
+function changeOrder(how) {
     var searchParams = new URLSearchParams(window.location.search)
-    searchParams.set(order, how)
+    searchParams.set("order", how)
     window.location.search = searchParams.toString()
+    const originalURL = new URL("http://my.app/index.html?orde=reverse");
+    const updatedURL = addParameterToURL(originalURL, "newParam", "someValue");
 }
 
 $(document).ready(function () {
@@ -191,6 +195,12 @@ $(document).ready(function () {
         reverse = true;
     }
 
+    $(reversedLink).click(function (e) {
+	changeOrder("reversed");
+    });
+    $(chronologicalLink).click(function (e) {
+	changeOrder("chronological");
+    });
     /* Add pause toggle */
     $(pausetoggle).click(function (e) {
         pause = !pause;
