From 14d572ec4bb8095e92531178d54ccd921c4a92b4 Mon Sep 17 00:00:00 2001
From: Norman Radtke <norman.radtke@gmail.com>
Date: Fri, 12 Apr 2024 11:18:36 +0200
Subject: [PATCH] Update chat to one room view

Remove links from cards for days
Add default room
Remove buttons
Add title from room name
---
 live.html            | 14 +++-----------
 resources/js/chat.js | 22 +++++++++++-----------
 2 files changed, 14 insertions(+), 22 deletions(-)

diff --git a/live.html b/live.html
index c4f1f4274..a16c0298c 100644
--- a/live.html
+++ b/live.html
@@ -64,9 +64,7 @@ <h2><span>Data Week</span> Live Streams - {{str_supported}}</h2>
     <li>
       <div class="card">
         <h2>
-          <a href="{{ "/live/stream.html" | relativize_url }}#{{site.stream_1_1}}">
-            <span class="xl hideunderline">{{ str_monday }}</span>
-          </a>
+          <span class="xl hideunderline">{{ str_monday }}</span>
         </h2>
         <p class="dates">
           <time>
@@ -87,9 +85,7 @@ <h2>
     <li>
       <div class="card">
         <h2>
-          <a href="{{ "/live/stream.html" | relativize_url }}#{{site.stream_2_1}}">
-            <span class="xl hideunderline">{{ str_tuesday }}</span>
-          </a>
+          <span class="xl hideunderline">{{ str_tuesday }}</span>
         </h2>
         <p class="dates">
           <time>
@@ -110,9 +106,7 @@ <h2>
     <li>
       <div class="card">
         <h2>
-          <a href="{{ "/live/stream.html" | relativize_url }}#{{site.stream_3_1}}">
             <span class="xl hideunderline">{{ str_wednesday }}</span>
-          </a>
         </h2>
         <p class="dates">
           <time>
@@ -127,9 +121,7 @@ <h2>
     <li>
       <div class="card">
         <h2>
-          <a href="{{ "/live/stream.html" | relativize_url }}#{{site.stream_4_1}}">
-            <span class="xl hideunderline">{{ str_thursday }}</span>
-          </a>
+          <span class="xl hideunderline">{{ str_thursday }}</span>
         </h2>
         <p class="dates">
           <time>
diff --git a/resources/js/chat.js b/resources/js/chat.js
index c095faec9..501f1af00 100644
--- a/resources/js/chat.js
+++ b/resources/js/chat.js
@@ -5,8 +5,13 @@ const socket = io("wss://chat.2023.dataweek.de/");
 // const ws = new WebSocket('wss://chat.lswt2021.comiles.eu/ws');
 // const ws = new WebSocket('ws://localhost:5000/ws');
 
+let default_room_id = "!irnMvwCKJtUyHjAAwI:matrix.org"
 let room_id = window.location.hash.substring(1)
 
+if (room_id == "") {
+    room_id = default_room_id
+}
+
 socket.on('connect', () => {
   console.log(`connect ${socket.id}`);
   const message_box = document.getElementById('info_box');
@@ -65,18 +70,13 @@ socket.on('streams_update', (streamList) => {
   const stream_selection = document.getElementById('stream_selection');
   stream_selection.innerHTML = '';
   console.log(streamList);
-  for (let stream_id in streamList) {
-    let stream_link = document.createElement('a');
-    stream_link.setAttribute("href", "javascript:zapp('" + stream_id + "')");
-    if (room_id == stream_id) {
-      stream_link.setAttribute("class", "btn");
-    } else {
-      stream_link.setAttribute("class", "btn2");
-    }
-    stream_link.append(streamList[stream_id]);
-    stream_selection.append(stream_link);
-    stream_selection.append(" ");
+
+  if (streamList[room_id] == undefined) {
+    document.getElementById("title").textContent = 'Chat - ' + streamList[default_room_id]
+  } else {
+    document.getElementById("title").textContent = 'Chat - ' + streamList[room_id]
   }
+
 });
 
 function zapp(stream_id) {