From 8f39a71c4a9c077db97058aad970a963919ebb2d Mon Sep 17 00:00:00 2001
From: ajuvercr <arthur.vercruysse@outlook.com>
Date: Sat, 11 Apr 2020 07:53:36 +0200
Subject: [PATCH] add link button in lobby

---
 backend/static/style/state.css            | 17 +++++++++++++++++
 backend/templates/state_partial.html.tera |  2 +-
 frontend/www/games.ts                     |  2 +-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/backend/static/style/state.css b/backend/static/style/state.css
index 6ebaa2c..76ffc4d 100644
--- a/backend/static/style/state.css
+++ b/backend/static/style/state.css
@@ -49,4 +49,21 @@
     font-family: 'fontawesome';
     content: "\f091";
     transform: translate(-30px, 0px);
+}
+
+.link::before {
+    content: "";
+    display: block;
+    width: 16px;
+    height: 16px;
+    float: left;
+    margin: 0 -20px 0 0;
+    font-family: 'fontawesome';
+    content: "\f14c";
+    transform: translate(-20px, 0px);
+    color: antiquewhite;
+}
+
+.link:hover::before {
+    color: #ff7f00;
 }
\ No newline at end of file
diff --git a/backend/templates/state_partial.html.tera b/backend/templates/state_partial.html.tera
index fafdafc..b6acafe 100644
--- a/backend/templates/state_partial.html.tera
+++ b/backend/templates/state_partial.html.tera
@@ -4,7 +4,7 @@
     <h2 class="handle">
         <label for="handle_{{loop.index}}">
             <span>{{state.name}} ({% if state.state %}{{state.state.map}}{% else %}{{state.map}}{% endif %})</span>
-            <span style="float: right">{% if state.type == "Playing" %}{{ state.connected }}/{{state.total}}{% endif %}</span>
+            <span style="float: right">{% if state.type == "Playing" %}{{ state.connected }}/{{state.total}}{% else %}<a class="link" href='/visualizer?name={{state.name}}&game={{state.file}}'></a>{% endif %}</span>
         </label>
     </h2>
     <div class="content">
diff --git a/frontend/www/games.ts b/frontend/www/games.ts
index 46ba352..014724a 100644
--- a/frontend/www/games.ts
+++ b/frontend/www/games.ts
@@ -16,7 +16,7 @@ async function on_load() {
         const urlVars = new URLSearchParams(window.location.search);
 
         if (urlVars.get("game") && urlVars.get("name")) {
-            handle(urlVars.get("game"),urlVars.get("name"))
+            handle("/games/"+urlVars.get("game"),urlVars.get("name"))
         } else if (options[0]) {
             const options_div = <HTMLDivElement> options[0];
             if (options_div.children[0]) {