
<template>
  <div id="fotkipress-app">
    <nav class="nav-tab-wrapper">
      <router-link :to="{name: 'browser'}" active-class="nav-tab-active" class="nav-tab" exact>Index</router-link>
      <router-link :to="{name: 'public'}" active-class="nav-tab-active" class="nav-tab" exact>Public</router-link>
      <router-link :to="{name: 'settings'}" v-if="isadmin" active-class="nav-tab-active" class="nav-tab">Settings</router-link>
      <router-link :to="{name: 'systemstatus'}" v-if="isadmin" active-class="nav-tab-active" class="nav-tab">System Status</router-link>
      <router-link :to="{name: 'feedback'}" active-class="nav-tab-active" class="nav-tab">Feedback</router-link>
      <router-link :to="{name: 'about'}" active-class="nav-tab-active" class="nav-tab">About</router-link>
    </nav>
    <div class="wrap">
      <router-view></router-view>
    </div>
  </div>
</template>


<script>
import {mapGetters} from 'vuex';


export default {
    computed: mapGetters({
        isadmin: 'isadmin'
    })
};
</script>
