From 138a4259c84cd0c78d4575f5df5a54ffcd866a60 Mon Sep 17 00:00:00 2001
From: "martin f. krafft" <madduck@madduck.net>
Date: Wed, 27 Sep 2023 21:35:37 +0200
Subject: Add peer name

---
 index.html | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 7febae9..ac58d05 100644
--- a/index.html
+++ b/index.html
@@ -10,10 +10,13 @@
   <script src="jquery-3.6.0.min.js"></script>
   <script src="bootstrap.bundle.min.js"></script>
   <script src="spectrum.min.js"></script>
+  <script src="get_query_string_vars.js"></script>
   <script src="roomname_generator.js"></script>
   <script src="jitsi_url_generator.js"></script>
   <script>
+    const QUERY_STRING = getQueryStringVars();
     const DEFAULT_DOMAIN = "conf.toni.immo";
+    const DEFAULT_PEER_NAME = QUERY_STRING["peer"] || "";
     const DEFAULT_BACKGROUND = "#0b72b5";
     const DEFAULT_ROOM_NAME = simpleRoomName();
 
@@ -21,7 +24,7 @@
 
       const generator = makeUrlGenerator(function (url) {
         $('#url').attr('href', url).text(url);
-      }, DEFAULT_DOMAIN, DEFAULT_ROOM_NAME);
+      }, DEFAULT_DOMAIN, DEFAULT_PEER_NAME, DEFAULT_ROOM_NAME);
 
       // Handle changes to Jitsi Hostname
       $('#jitsiDomain')
@@ -30,6 +33,15 @@
           generator.updateDomain(this.value);
         });
 
+      // Handle changes to peer name
+      $('#peerName')
+        .val(DEFAULT_PEER_NAME)
+        .on("input", function () {
+          let value = this.value.replace(/[^0-9a-z_.\-]/gi, '');  // sanitize
+          this.value = value;
+          generator.updatePeerName(value);
+        });
+
       // Handle changes to room name
       $('#roomName')
         .val(DEFAULT_ROOM_NAME)
@@ -264,6 +276,12 @@
         <input type="text" class="form-control" id="jitsiDomain">
       </div>
     </div>
+    <div class="mb-3 row">
+      <label for="peerName" class="col-sm-4 col-form-label">Peer Name (optional)</label>
+      <div class="col-sm-8">
+        <input type="text" class="form-control" id="peerName">
+      </div>
+    </div>
     <div class="mb-3 row">
       <label for="roomName" class="col-sm-4 col-form-label">Room Name</label>
       <div class="col-sm-8">
-- 
cgit v1.2.3