more refactoring, removing imports

lootalot_front/src/components/HeaderBar.vue

@@ -9,27 +9,13 @@
 	</a>
     </div>
     <div id="menu" class="navbar-menu">
-      <div class="navbar-start" v-if="!playerIsGroup">
-     	  <a class="navbar-item" @click="switchPlayerChestVisibility">
-     	    {{ app_state.show_player_chest ? 'Coffre de groupe' : 'Mon coffre' }}</a>
-      </div>
       <div class="navbar-end">
       <div class="navbar-item has-dropdown is-hoverable">
         <a class="navbar-link">Autres</a>
         <div class="navbar-dropdown is-right">
+          <slot name="links">
           <a class="navbar-item">History of Loot</a>
-          <template v-if="playerIsGroup">
-            <hr class="navbar-divider">
-            <div class="navbar-item heading">Admin</div>
-            <a class="navbar-item">"Resolve claims"</a>
-            <a class="navbar-item">"Add player"</a>
-          </template>
-          <hr class="navbar-divider">
-          <div class="navbar-item heading">Changer</div>
-          <a v-for="(p,i) in app_state.player_list" :key="i"
-           @click="setActivePlayer(i)"
-           href="#" class="navbar-item">
-           {{ p.name }}</a>
+          </slot>
 	</div>
       </div>
       </div>
@@ -37,16 +23,3 @@
   </nav>
 </template>
 
-<script>
-    import { AppStorage } from '../AppStorage'
-    export default {
-        props: ["app_state"],
-        methods: {
-          setActivePlayer (idx) { AppStorage.setActivePlayer(idx); },
-          switchPlayerChestVisibility () { AppStorage.switchPlayerChestVisibility(); },
-         },
-        computed: {
-          playerIsGroup () { return this.app_state.player_id == 0 },
-        }
-    }
-</script>