From 99fa0aefe4c0c3c882bf9dee39d77f09f37386c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20=C5=A0krab=C3=A1nek?= <skrabanek@odbornaskola.cz>
Date: Wed, 9 Mar 2022 11:26:43 +0100
Subject: [PATCH] Update game

Updated gameover screen, tooltips improved, toggle show/hide battlelog
---
 hra.html | 21 ++++++++++++++++++---
 hra.js   | 18 ++++++++++++++++--
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/hra.html b/hra.html
index eb7201e..0b1137d 100644
--- a/hra.html
+++ b/hra.html
@@ -21,15 +21,30 @@
     </div>
     <div class="col">
         <ul id="hero" class="list-group">
-            <li class="list-group-item"><button class="btn btn-success" onclick="heal()" data-bs-toggle="tooltip" data-bs-placement="top" title="Vyléčit svého hrdinu">Vyléčit</button> - Máš <div id="heroHp" style="display:inline-block;"></div> životů</li>
+            <li class="list-group-item">
+                <button class="btn btn-success" onclick="heal()" 
+                data-bs-toggle="tooltip" 
+                data-bs-placement="top" 
+                title="Vyléčit svého hrdinu">
+                    Vyléčit
+                </button> 
+                - Máš 
+                <div id="heroHp" style="display:inline-block;"></div> 
+                životů
+            </li>
             <li class="list-group-item"><button class="btn btn-danger" onclick="attack()" data-bs-toggle="tooltip" data-bs-placement="top" title="Zaútoč na nepřítele a uber mu zdraví, abys ho porazil">Útočit</button> - Zaútoč se svojí zbraní</li>
             <li class="list-group-item"><button class="btn btn-warning" onclick="defend()" data-bs-toggle="tooltip" data-bs-placement="top" title="Zahájit obranu, pokud nehceš dostat žádné poškození, abys neumřel v bolestech">Bránit</button> - Ubraň se</li>
             <li class="list-group-item"><button class="btn" onclick="luck()" data-bs-toggle="tooltip" data-bs-placement="top" title="Zkus své štěstí a INSTATNĚ vyhraješ a nebo INSTATNĚ prohraješ">Náhoda</button> - Zkus své štěstí</li>
         </ul>
     </div>
 </div>
-
-    <div id="battlelog">
+    <button class="btn btn-primary"
+    data-bs-toggle="collapse" 
+    data-bs-target="#battlelog" 
+    aria-controls="battlelog">
+    Zobrazit/skrýt Historii boje
+</button>
+    <div id="battlelog" class="collapse">
         <h2>
             <span class="badge bg-secondary" 
             data-bs-toggle="tooltip" 
diff --git a/hra.js b/hra.js
index 105fd0d..469c835 100644
--- a/hra.js
+++ b/hra.js
@@ -78,9 +78,23 @@ function gameover() {
     console.log("zjistuji stav -Enemy"+enemyHp + ",hero"+heroHp);
     console.log()
     if(enemyHp <= 0){
-        document.getElementById("game").innerHTML = "<h1> Vyhrál jsi </h1>"
+        // zpetná uvozovka -> L.ALT + ý (7 nad písmeny) = ``
+        document.getElementById("game").innerHTML = `
+        <div class="container">
+            <div class="d-flex align-items-center justify-content-center" 
+            style="padding-top:25%">
+                <h1 class="display-1 ">☺Vyhrál jsi☺</h1>
+            </div>
+        </div>
+        `
     } else if (heroHp <= 0) {
-        document.getElementById("game").innerHTML = "<h1> Prohrál jsi </h1>"
+        document.getElementById("game").innerHTML = `
+        <div class="container">
+            <div class="d-flex align-items-center justify-content-center" style="padding-top:25%">
+                <h1 class="display-1 ">►Prorál jsi◄</h1>
+            </div>
+        </div>
+        `
 
     }
 }