From 355bc0386d21d869bc6e266a21875cb2aee7ce25 Mon Sep 17 00:00:00 2001
From: Romulus21 <romain@delanoe.me>
Date: Sat, 4 Apr 2020 19:55:53 +0200
Subject: [PATCH 1/2] add fruit words in dic

---
 resources/js/views/Games/HangMan/Hangman.vue | 8 +++++---
 resources/js/views/Games/HangMan/dict.json   | 7 +++++++
 2 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 resources/js/views/Games/HangMan/dict.json

diff --git a/resources/js/views/Games/HangMan/Hangman.vue b/resources/js/views/Games/HangMan/Hangman.vue
index 16a6d9b..4ddd96a 100644
--- a/resources/js/views/Games/HangMan/Hangman.vue
+++ b/resources/js/views/Games/HangMan/Hangman.vue
@@ -27,10 +27,10 @@
                     <div class="word" v-html="wordEl"></div>
                 </div>
 
-                <div v-if="notification" class="notification-container" id="notification-container">
+                <div v-if="notification" class="notification-container">
                     <p>Vous avez déjà saisie cette lettre.</p>
                 </div>
-                <div v-if="popup" class="popup-container" id="popup-container">
+                <div v-if="popup" class="popup-container">
                     <div class="popup">
                         <h2>{{ finalMessage }}</h2>
                         <button id="play-button" @click="playAgain">Rejouer</button>
@@ -46,11 +46,13 @@
 </template>
 
 <script>
+    import json from './dict.json'
+
     export default {
         name: "Hangman",
         data: function () {
             return {
-                words: ['pimprenelle', 'culcul', 'milo', 'Prout'],
+                words: json['fruits'],
                 letterBox: '',
                 figureParts: [],
                 correctLetters: [],
diff --git a/resources/js/views/Games/HangMan/dict.json b/resources/js/views/Games/HangMan/dict.json
new file mode 100644
index 0000000..9ffa960
--- /dev/null
+++ b/resources/js/views/Games/HangMan/dict.json
@@ -0,0 +1,7 @@
+{
+    "fruits" : [
+        "banane", "abricot", "pamplemousse", "clementine", "airelle", "amande", "ananas", "avocat", "cassis", "cedrat", "cerise", "chataigne", "citron", "coing", "figue", "fraise", "framboise", "grenade", "groseille", "kiwi", "litchi", "mandarine", "mangue", "marron", "melon", "merise", "mirabelle", "myrtille", "nectarine", "noissette", "noix", "olive", "orange", "pasteque", "peche", "pistache", "poire", "pomelo", "pomme", "prune", "pruneau", "raisin", "tomate", "vanille"
+    ]
+}
+
+

From edf96000b0255027fcf0a657d016f6db2a5db8bb Mon Sep 17 00:00:00 2001
From: Romulus21 <romain@delanoe.me>
Date: Sun, 5 Apr 2020 07:37:27 +0200
Subject: [PATCH 2/2] hangman fix typing letters

---
 resources/js/views/Games/HangMan/Hangman.vue | 5 +----
 resources/sass/pages/games/hangman.scss      | 6 ------
 2 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/resources/js/views/Games/HangMan/Hangman.vue b/resources/js/views/Games/HangMan/Hangman.vue
index 4ddd96a..01bef92 100644
--- a/resources/js/views/Games/HangMan/Hangman.vue
+++ b/resources/js/views/Games/HangMan/Hangman.vue
@@ -38,10 +38,6 @@
                 </div>
             </div>
         </div>
-        <div class="game-input">
-            <label for="saisie" class="pb-1">Saisir vos lettres ici</label>
-            <input v-model="letterBox" id="saisie" type="text" @keyup="keyMessage">
-        </div>
     </div>
 </template>
 
@@ -69,6 +65,7 @@
             this.selectedWord = this.words[Math.floor(Math.random() * this.words.length)].toLowerCase()
             this.figureParts = this.$el.querySelectorAll('.figure-part')
             this.displayWord()
+            window.addEventListener('keyup', this.keyMessage)
         },
         methods: {
             keyMessage(e) {
diff --git a/resources/sass/pages/games/hangman.scss b/resources/sass/pages/games/hangman.scss
index 048152e..d2f2d08 100644
--- a/resources/sass/pages/games/hangman.scss
+++ b/resources/sass/pages/games/hangman.scss
@@ -60,12 +60,6 @@
     }
 }
 
-.game-input {
-    max-width: 30rem;
-    margin: 0 auto;
-    text-align: center;
-}
-
 .popup-container {
     position: absolute;
     width: calc(100% - 6rem);