From 9b56cf0f2762f267bf56de3bd76d3745ee79ab6d Mon Sep 17 00:00:00 2001
From: Romulus21 <romain@delanoe.me>
Date: Sun, 3 May 2020 11:34:35 +0200
Subject: [PATCH] add Quizz route

---
 resources/js/router.js                        |  5 +++++
 resources/js/views/Games/GameIndex.vue        |  8 ++++---
 .../js/views/Games/HangMan/HangmanIndex.vue   |  6 ++++--
 resources/js/views/Games/Quizz/Quizz.vue      | 11 ++++++++++
 resources/js/views/Games/Quizz/QuizzIndex.vue | 21 +++++++++++++++++++
 5 files changed, 46 insertions(+), 5 deletions(-)
 create mode 100644 resources/js/views/Games/Quizz/Quizz.vue
 create mode 100644 resources/js/views/Games/Quizz/QuizzIndex.vue

diff --git a/resources/js/router.js b/resources/js/router.js
index a891edb..656e1fd 100644
--- a/resources/js/router.js
+++ b/resources/js/router.js
@@ -13,6 +13,7 @@ import ToDoListIndex from './views/ToDoLists/ToDoListIndex'
 import ToDoListShow from './views/ToDoLists/ToDoListShow'
 import GameIndex from './views/Games/GameIndex'
 import Hangman from './views/Games/HangMan/Hangman'
+import Quizz from './views/Games/Quizz/Quizz'
 
 Vue.use(VueRouter)
 
@@ -72,5 +73,9 @@ export default new VueRouter({
             path: '/jeux/pendu', component: Hangman,
             meta: {title: 'Jeu : Le pendu'}
         },
+        {
+            path: '/jeux/quizz', component: Quizz,
+            meta: {title: 'Jeu : Quizz'}
+        },
     ]
 })
diff --git a/resources/js/views/Games/GameIndex.vue b/resources/js/views/Games/GameIndex.vue
index 1849b50..c714dfb 100644
--- a/resources/js/views/Games/GameIndex.vue
+++ b/resources/js/views/Games/GameIndex.vue
@@ -1,19 +1,21 @@
 <template>
     <div class="p-4">
         <h1 class="page-title">Liste des jeux</h1>
-        <div class="flex flex-wrap mt-4">
-            <HangmanIndex link="/jeux/pendu" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 card" />
+        <div class="flex flex-wrap -m-2 mt-2">
+            <HangmanIndex link="/jeux/pendu" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
+            <QuizzIndex link="/jeux/quizz" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
         </div>
     </div>
 </template>
 
 <script>
 import HangmanIndex from './HangMan/HangmanIndex'
+import QuizzIndex from './Quizz/QuizzIndex'
 
 export default {
     name: 'GameIndex',
     components: {
-        HangmanIndex
+        HangmanIndex, QuizzIndex
     }
 }
 </script>
diff --git a/resources/js/views/Games/HangMan/HangmanIndex.vue b/resources/js/views/Games/HangMan/HangmanIndex.vue
index 8cb1157..bcd5122 100644
--- a/resources/js/views/Games/HangMan/HangmanIndex.vue
+++ b/resources/js/views/Games/HangMan/HangmanIndex.vue
@@ -1,7 +1,9 @@
 <template>
     <router-link :to="link">
-        <svg-vue icon="hangman" />
-        <h2>Pendu</h2>
+        <div class="m-2 card">
+            <svg-vue icon="hangman" />
+            <h2>Pendu</h2>
+        </div>
     </router-link>
 </template>
 
diff --git a/resources/js/views/Games/Quizz/Quizz.vue b/resources/js/views/Games/Quizz/Quizz.vue
new file mode 100644
index 0000000..43eedcf
--- /dev/null
+++ b/resources/js/views/Games/Quizz/Quizz.vue
@@ -0,0 +1,11 @@
+<template>
+    <div>
+        <h1>Quizz</h1>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'Quizz'
+}
+</script>
diff --git a/resources/js/views/Games/Quizz/QuizzIndex.vue b/resources/js/views/Games/Quizz/QuizzIndex.vue
new file mode 100644
index 0000000..3b46aad
--- /dev/null
+++ b/resources/js/views/Games/Quizz/QuizzIndex.vue
@@ -0,0 +1,21 @@
+<template>
+    <router-link :to="link">
+        <div class="m-2 card">
+            <svg-vue icon="close" />
+            <h2>Quizz</h2>
+        </div>
+    </router-link>
+</template>
+
+<script>
+export default {
+    name: 'QuizzIndex',
+    props: {
+        link: {
+            type: String,
+            required: true
+        },
+    }
+}
+</script>
+