src/main/resources/templates/index.html

@@ -524,9 +524,19 @@
     }
 
     if (localStorage.getItem('last-name') && localStorage.getItem('last-room')) {
-        document.getElementById('name').value = localStorage.getItem('last-name');
+        let rejoin = document.createElement('button');
-        document.getElementById('room').value = localStorage.getItem('last-room');
+        rejoin.id = 'rejoin';
-        document.getElementById('gm').checked = localStorage.getItem('last-gm') === 'true';
+        rejoin.style.alignSelf = 'center';
+        rejoin.style.marginTop = '20px';
+        rejoin.style.marginRight = '20px';
+        rejoin.innerHTML = 'Rejoin as <strong>' + (localStorage.getItem('last-gm') === 'true' ? 'GM ' : '') + localStorage.getItem('last-name') + '</strong> in <strong>' + localStorage.getItem('last-room') + '</strong> <i class="fa-solid fa-right-to-bracket"></i>'
+        rejoin.onclick = () => {
+            document.getElementById('name').value = localStorage.getItem('last-name');
+            document.getElementById('room').value = localStorage.getItem('last-room');
+            document.getElementById('gm').checked = localStorage.getItem('last-gm') === 'true';
+            start();
+        }
+        document.getElementById('start-container').appendChild(rejoin)
     }
 
     function configurePopover() {