adds show/hides of loot add card

lootalot_front/src/components/Loot.vue

@@ -2,7 +2,7 @@
     <div class="card">
         <div class="card-header">
           <p class="card-header-title">
-            Nouveau loot</p>
+            Nouveau loot - {{ looted.length }} objet(s)</p>
           </div>
         <div class="card-content">
           <ItemInput @addItem="onAddItem"></ItemInput>
@@ -11,6 +11,10 @@
             {{ item }}
           </p>
           </div>
+        <div class="card-footer">
+          <a class="card-footer-item">Confirmer</a>
+          <a @click="onClose" class="card-footer-item">Annuler</a>
+          </div>
       </div>
 </template>
 
@@ -26,7 +30,10 @@
         methods: {
             onAddItem (item) {
                 this.looted.push(item);
-            }
+            },
+            onClose () {
+                this.$emit('done');
+            },
         }
 
     }