Vue.component('reports-page-header', {
    props: {
        loading_counter: { type:Number, required:true },
    },
    
    components: {
        'page-header': Vue.component('page-header'),
    },
    
    template:
    '<page-header '+
        'header_text="Server Activity" :loading_counter="loading_counter">'+
        '<template v-slot:links>'+
        '  <b-navbar type="dark" variant="transparent" class="p-0">'+
        '    <b-navbar-nav>'+
        '      <b-nav-item href="/admin">Admin Panel</b-nav-item>'+
        '      <b-nav-item to="/settings"><b-icon icon="gear-fill" aria-hidden="true"></b-icon></b-nav-item>'+
        '    </b-navbar-nav>'+
        '  </b-navbar>'+
        '</template>'+
        '</page-header>'
    ,
    
});