From 192c214b6bed40b198d65e6e42b9cb69b2e2719a Mon Sep 17 00:00:00 2001
From: Artus <artus@landoftheunicorn.ovh>
Date: Sat, 15 Jun 2019 21:34:45 +0200
Subject: [PATCH] adds main actions in group chest

---
 lootalot_front/src/components/Chest.vue | 28 +++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/lootalot_front/src/components/Chest.vue b/lootalot_front/src/components/Chest.vue
index a270834..512c14f 100644
--- a/lootalot_front/src/components/Chest.vue
+++ b/lootalot_front/src/components/Chest.vue
@@ -1,11 +1,22 @@
 <template>
   <div class="container">
-    <button v-if="canAdd" 
-        class="button is-medium is-info"
-        @click="is_adding = true"
-        v-show="!is_adding">
-        Nouveau loot
-    </button>
+    <div v-show="mainControlsDisplayed" class="buttons is-right">
+      <button v-if="canAdd" 
+          class="button is-medium is-inverted is-info"
+          @click="is_adding = true"
+          >
+          <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>