simplify copying

1 files changed, 20 insertions, 6 deletions

diff --git a/index.html b/index.html
index 292cd48..661cd48 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,7 @@
   <script src="spectrum.min.js"></script>
   <script src="get_query_string_vars.js"></script>
   <script src="roomname_generator.js"></script>
+  <script src="copyurl.js"></script>
   <script src="jitsi_url_generator.js"></script>
   <script>
     const QUERY_STRING = getQueryStringVars();
@@ -54,6 +55,7 @@
       // Regenerate random room name
       $('#monster').on('click', function () {
         $('#roomName').val(germanRoomName()).trigger("input");
+        resetURL();
       });
 
       // Handle user profile changes
@@ -298,14 +300,26 @@
     <div class="w-100"></div>
 
     <div class="mt-3 fs-5 col-8 text-center">
-      <div id="output" class="form-floating">
-        <code>
-          <a id="url" class="url" href='' target="jitsiUrlGenerator"></a>
-        </code>
-        <label for="url">Konferenz-URL</label>
+      <div class="input-group">
+        <div id="output" class="form-floating">
+          <code class="d-block">
+            <a id="url" class="url" href='' target="jitsiUrlGenerator"></a>
+          </code>
+          <label for="url">Konferenz-URL</label>
+          <p class="mt-3" onclick="copyURL()">
+            <span id="share-notice">
+              Den Link nun bitte in die Zwischenablage kopieren (einfach hier
+              auf den Text klicken), per Email verschicken, oder in das Feld
+              "Ort" eines neuen Termins einfügen.
+            </span>
+            <span id="shared-notice">
+              Der Link wurde kopiert. Nun kann er per Email verschickt oder in
+              das Feld "Ort" eines neuen Termins eingefügt werden.
+            </span>
+          </p>
+        </div>
       </div>
     </div>
-
   </div>
 </div>