Add Teams Support

frontend/src/CreateRoom.svelte

@@ -3,6 +3,9 @@
     import Loading from './Loading.svelte';
     import Button from "./Button.svelte";
 
+    let useTeams = false;
+    let teams = [];
+    let defaultTeams = ['Dev', 'QA'];
     let observer = false;
     let loading = false;
     let name = '';
@@ -11,7 +14,7 @@
     {
         loading = true;
 
-        roomStore.create(name, observer);
+        roomStore.create(name, teams.length === 0 ? defaultTeams : teams, observer);
     }
 
     function handleKeyUp(event)
@@ -22,13 +25,33 @@
             createRoom();
         }
     }
+
+    function teamsChanged()
+    {
+        teams = document.getElementById('teams').value().trim().split("\n");
+    }
 </script>
 
 {#if loading}
     <Loading/>
 {:else}
     <input type="text" placeholder="Enter Your Name" bind:value={name} on:keyup={handleKeyUp}><br>
 
+    <label>
+        <input type="checkbox" name="teams" value="true" bind:checked={useTeams}>
+        Use Teams
+    </label>
+    {#if useTeams}
+
+    <textarea
+            id="teams"
+            name="teams"
+            rows="3"
+            placeholder={defaultTeams.join("\n")}
+            on:change={teamsChanged}
+            on:keyup={teamsChanged}
+    ></textarea>
+    {/if}
     <label>
         <input type="checkbox" name="observer" value="true" bind:checked={observer}> Observer
     </label>

frontend/src/JoinRoom.svelte

@@ -1,18 +1,25 @@
 <script>
-    import roomstore from './store/room';
+    import roomStore from './store/room';
     import Loading from './Loading.svelte';
     import Button from "./Button.svelte";
+    import {onMount} from "svelte";
 
     export let room_id = "";
 
-    let loading = false;
+    let joiningRoom = false;
     let name = '';
     let observer = false;
 
+    $: roomInfoLoading = !($roomStore.id);
+
+    onMount(() => {
+        roomStore.fetchRoomInfo(room_id);
+    })
+
     function joinRoom()
     {
-        loading = true;
-        roomstore.join(room_id, name, observer);
+        joiningRoom = true;
+        roomStore.join(room_id, name, observer);
     }
 
     function handleKeyUp(event)
@@ -25,7 +32,7 @@
     }
 </script>
 
-{#if loading}
+{#if roomInfoLoading || joiningRoom}
     <Loading/>
 {:else}
     <input type="text" placeholder="Enter Your Name" bind:value={name} on:keyup={handleKeyUp}><br>
@@ -95,4 +102,4 @@
     .buttons {
         margin-top: 2em;
     }
-</style>
+</style>

frontend/src/RoomControls.svelte

@@ -8,7 +8,7 @@
     socket.addEventListener('message', function (event) {
         const message = JSON.parse(event.data);
 
-        if ((message.action === 'roomsettingschanged' && message.data.votes_revealed === true) || message.action === 'votesreset') {
+        if ((message.action === 'roomupdate' && message.data.votes_revealed === true) || message.action === 'votesreset') {
             disable_buttons = false;
         }
     });

frontend/src/store/room.js

@@ -12,6 +12,7 @@ export default (function () {
     let room_id = "";
     let saved_name = "";
     let saved_observer = false;
+    let isProduction = true;
 
     socket.addEventListener('message', function (event) {
         const message = JSON.parse(event.data);
@@ -26,7 +27,7 @@ export default (function () {
                 join(message.data.room_id, saved_name, saved_observer);
                 break;
 
-            case 'roomsettingschanged':
+            case 'roomupdate':
                 room_id = message.data.room_id;
 
                 update((room) => {

lambda/joinroom/index.js

@@ -113,7 +113,7 @@ exports.handler = async (event) => {
                 ConnectionId: event.requestContext.connectionId,
                 Data: Buffer.from(JSON.stringify(
                     {
-                        "action": "roomsettingschanged",
+                        "action": "roomupdate",
                         "data": roomData
                     }
                 ))

lambda/revealvotes/index.js

@@ -88,7 +88,7 @@ exports.handler = async (event) => {
                 ConnectionId: voter.voter_id,
                 Data: Buffer.from(JSON.stringify(
                     {
-                        "action": "roomsettingschanged",
+                        "action": "roomupdate",
                         "data": roomData
                     }
                 ))