PHP Classes
elePHPant
Icontem

File: public/js/frontend/components/Menu.vue

Recommend this page to a friend!
  Classes of Istvan Dobrentei  >  PHP Timesheet Management System  >  public/js/frontend/components/Menu.vue  >  Download  
File: public/js/frontend/components/Menu.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP Timesheet Management System
Manage project tasks and the respective work times
Author: By
Last change:
Date: 1 year ago
Size: 1,649 bytes
 

 

Contents

Class file image Download
<template>
    <div id="menu">
        <nav class="navbar navbar-default style-9 navbar-landing" data-spy="affix" data-offset-top="60">
            <div>
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <router-link :to="{ name: 'dashboard'}"><img width="50px" src="/img/clock.png" /></router-link>
                </div>

                <div class="collapse navbar-collapse" id="navbar-collapse">
                    <ul class="nav navbar-nav navbar-right onepage-nav">
                        <li><router-link :to="{ name: 'working-time'}" active-class="active">WorkingTime</router-link></li>
                        <li><router-link :to="{ name: 'project'}" active-class="active">Project</router-link></li>
                        <li><router-link :to="{ name: 'summary'}" active-class="active">Summary</router-link></li>
                        <li><a @click="onLogout" href="#">Logout</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        methods: {
            onLogout(){
                return this.$store.dispatch('logout')
            }
        }
    }
</script>

<style>

</style>