Open QR codes in new tab w/o JS

output/js/constants.js

@@ -29,7 +29,8 @@ export const dom = {
 	details_modal_qr_code: () => document.getElementById('details-modal-qr-code'),
 	join_urls: () => document.getElementsByClassName("join_url_container"),
 	servers_hidden: () => document.getElementById("servers_hidden"),
-	snackbar: () => document.getElementById("copy-snackbar")
+	snackbar: () => document.getElementById("copy-snackbar"),
+	qr_code_buttons: () => document.querySelectorAll('.qr-code-button'),
 }
 
 export const JOIN_URL_PASTE = "Copied URL to clipboard. Paste into Session app to join";

output/main.js

@@ -159,6 +159,14 @@ function addQRModalHandlers() {
 			copyToClipboard(`@${staffId}`, 'Copied staff ID to clipboard.');
 		}
 	)
+	
+	for (const anchor of dom.qr_code_buttons()) {
+		// Disable QR code links
+		anchor.setAttribute("href", "#");
+		anchor.removeAttribute("target");
+		anchor.addEventListener('click', (e) => { e.preventDefault(); return false });
+	}
+
 }
 
 function createJoinLinkButtons() {

sites/+components/qr_modals.php

@@ -1,5 +1,5 @@
 <?php
-	include_once "$PROJECT_ROOT/php/utils/room-invites.php";
+	require_once "$PROJECT_ROOT/php/utils/room-invites.php";
 ?>
 
 <dialog id="details-modal">

sites/+components/tbl_communities.php

@@ -1,6 +1,7 @@
 <?php
 	require_once "$PROJECT_ROOT/php/utils/utils.php";
 	require_once "$PROJECT_ROOT/php/utils/servers-rooms.php";
+	require_once "$PROJECT_ROOT/php/utils/room-invites.php";
 
 	/**
 	 * @var CommunityRoom[] $rooms
@@ -103,12 +104,18 @@
 			</a>
 		</td>
 		<td class="td_qr_code">
+			<a
+				class="qr-code-button"
+				href="<?=room_qr_code($room)?>"
+				target="_blank"
+			>
 				<img
 					class="qr-code-icon"
 					src="qrcode-solid.svg"
 					alt="Pictogram of a QR code"
-				title="Click here to view the QR Code for '<?=$name?>'"
+					title="Click here to view the details for '<?=$name?>'"
 				>
+			</a>
 		</td>
 		<td class="td_server_icon"
 			data-sort-by="<?=$pubkey?>"