From 2cffed269ce198d7baf8ca69109204b6448313a9 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Sun, 5 Nov 2023 10:50:06 +0000
Subject: add eduroam warning

---
 frontend/src/views/HostView.vue |  2 ++
 frontend/src/views/JoinView.vue | 28 ++++++++++++++++------------
 2 files changed, 18 insertions(+), 12 deletions(-)

(limited to 'frontend/src')

diff --git a/frontend/src/views/HostView.vue b/frontend/src/views/HostView.vue
index 4b25aa8..8d6a6b9 100644
--- a/frontend/src/views/HostView.vue
+++ b/frontend/src/views/HostView.vue
@@ -62,6 +62,8 @@ function openSocket(id: string) {
   <main>
     <template v-if="waitingForCode">
       <h1>Requesting session...</h1>
+      <p>If you are stuck on this page then disconnect from eduroam and use the guest network (or mobile data).
+        UoN eduroam appears to block insecure websockets over the Internet which breaks this entire app.</p>
     </template>
     <template v-if="!started && !waitingForCode">
       <h1>Join this game</h1>
diff --git a/frontend/src/views/JoinView.vue b/frontend/src/views/JoinView.vue
index 5a21c95..83e00c2 100644
--- a/frontend/src/views/JoinView.vue
+++ b/frontend/src/views/JoinView.vue
@@ -48,7 +48,11 @@ function sendRight() {
 
 <template>
   <main>
-    <h1 v-if="joiningGame">Joining game "{{ sessionId }}"...</h1>
+    <template v-if="joiningGame">
+      <h1>Joining game "{{ sessionId }}"...</h1>
+      <p>If you are stuck on this page then disconnect from eduroam and use the guest network (or mobile data).
+        UoN eduroam appears to block insecure websockets over the Internet which breaks this entire app.</p>
+    </template>
     <h1 v-if="connected">Connected to "{{ sessionId }}"</h1>
     <h1 v-if="gameState === 'waiting'">Waiting for host to start the game...</h1>
     <div class='controls' v-if="gameState === 'playing'">
@@ -60,15 +64,15 @@ function sendRight() {
 </template>
 
 <style scoped>
-  .controls {
-    display: flex;
-    flex-direction: row;
-    height: 100vh;
-    gap: 0.5rem;
-  }
-  
-  .controls button {
-    flex-grow: 1;
-    touch-action: none;
-  }
+.controls {
+  display: flex;
+  flex-direction: row;
+  height: 100vh;
+  gap: 0.5rem;
+}
+
+.controls button {
+  flex-grow: 1;
+  touch-action: none;
+}
 </style>
-- 
cgit v1.2.3-70-g09d2