From 6ba649532c1b3763303a424c6ecf2579a2fe6dda Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vojt=C4=9Bch=20K=C3=A1n=C4=9B?= <vojtech.kane@gmail.com>
Date: Sat, 6 Feb 2021 21:14:52 +0100
Subject: [PATCH] Pass data to JS through DOM not to confuse GoHTML syntax
 highlighters

---
 ui/html/game.page.tmpl.html | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/ui/html/game.page.tmpl.html b/ui/html/game.page.tmpl.html
index 82553eb..b1ee353 100644
--- a/ui/html/game.page.tmpl.html
+++ b/ui/html/game.page.tmpl.html
@@ -15,7 +15,7 @@
 	<template id="name-template">
 		<span class="name"></span>
 	</template>
-	<section id="names" data-my-name="{{ .P.Name }}"></section>
+	<section id="names" data-my-name="{{ .P.Name }}" data-my-id="{{ .P.ID }}"></section>
 
 	<template id="answer-template">
 		<button class="answer"></button>
@@ -31,13 +31,6 @@
 	</section>
 
 	<script>
-		const socket = new WebSocket('ws://' + window.location.host + '/ws/' + encodeURIComponent({{ .P.ID }}));
-
-		//TODO remove
-		socket.addEventListener('open', () => {
-			console.log("WS oppened");
-		});
-
 		const namesSection = document.getElementById('names');
 		const nameTemplate = document.getElementById('name-template')
 
@@ -45,6 +38,10 @@
 		const questionTemplate = document.getElementById('question-template');
 		const answerTemplate = document.getElementById('answer-template');
 
+		const playerId = namesSection.dataset.myId;
+
+		const socket = new WebSocket('ws://' + window.location.host + '/ws/' + encodeURIComponent(playerId));
+
 		document.addEventListener("DOMContentLoaded", () => {
 			const next = document.querySelector('#controls .next');
 			next.addEventListener("click", () => {