Romain/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' into 'production'

Browse Source 
Master

See merge request Romulus21/portal!17
This commit is contained in:
Romain Delanoë
2020-04-05 05:58:35 +00:00
parent df37e237b9 edf96000b0
commit 18aaeffd94
3 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
resources/js/views/Games/HangMan/Hangman.vue
View File

@@ -27,10 +27,10 @@
<div class="word" v-html="wordEl"></div> <div class="word" v-html="wordEl"></div>
</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> <p>Vous avez déjà saisie cette lettre.</p>
</div> </div>
<div v-if="popup" class="popup-container" id="popup-container"> <div v-if="popup" class="popup-container">
<div class="popup"> <div class="popup">
<h2>{{ finalMessage }}</h2> <h2>{{ finalMessage }}</h2>
<button id="play-button" @click="playAgain">Rejouer</button> <button id="play-button" @click="playAgain">Rejouer</button>
@@ -38,19 +38,17 @@
</div> </div>
</div> </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> </div>
</template> </template>
<script> <script>
import json from './dict.json'
export default { export default {
name: "Hangman", name: "Hangman",
data: function () { data: function () {
return { return {
words: ['pimprenelle', 'culcul', 'milo', 'Prout'], words: json['fruits'],
letterBox: '', letterBox: '',
figureParts: [], figureParts: [],
correctLetters: [], correctLetters: [],
@@ -67,6 +65,7 @@
this.selectedWord = this.words[Math.floor(Math.random() * this.words.length)].toLowerCase() this.selectedWord = this.words[Math.floor(Math.random() * this.words.length)].toLowerCase()
this.figureParts = this.$el.querySelectorAll('.figure-part') this.figureParts = this.$el.querySelectorAll('.figure-part')
this.displayWord() this.displayWord()
window.addEventListener('keyup', this.keyMessage)
}, },
methods: { methods: {
keyMessage(e) { keyMessage(e) {

7
resources/js/views/Games/HangMan/dict.json Normal file
View File

@@ -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"
]
}

6
resources/sass/pages/games/hangman.scss vendored
View File

@@ -60,12 +60,6 @@
} }
} }
.game-input {
max-width: 30rem;
margin: 0 auto;
text-align: center;
}
.popup-container { .popup-container {
position: absolute; position: absolute;
width: calc(100% - 6rem); width: calc(100% - 6rem);