adds main actions in group chest

lootalot_front/src/components/Chest.vue

@@ -1,11 +1,22 @@
 <template>
   <div class="container">
+    <div v-show="mainControlsDisplayed" class="buttons is-right">
       <button v-if="canAdd" 
-        class="button is-medium is-info"
+          class="button is-medium is-inverted is-info"
           @click="is_adding = true"
-        v-show="!is_adding">
-        Nouveau loot
+          >
+          <span class="icon">
+            <i class="fas fa-box-open"></i>
+            </span>
+          <p>Nouveau loot</p>
         </button>
+      <button class="button is-medium is-inverted is-primary">
+        <span class="icon">
+          <i class="fas fa-coins"></i>
+          </span>
+        <p>Tout vendre</p>
+        </button>
+      </div>
     <Loot v-if="is_adding" @done="is_adding = false"></Loot>
     <table v-else class="table is-fullwidth is-striped" >
       <thead>
@@ -127,6 +138,11 @@
                 return (this.app_state.player_id == 0 
                     && this.player == 0);
             },
+            // The main controls are only displayed on group chest
+            mainControlsDisplayed () {
+                return (this.player == 0 
+                     && !this.is_adding);
+            }
         },
     }
 </script>