hayatie
53 lines
1.2 KiB
Vue
53 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
|
|
<nav class="nav navbar-default navbar-fixed-top">
|
|
<div class="container-fluid">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="">MyKoPKB</a>
|
|
</div>
|
|
|
|
<div class="collapse navbar-collapse" id="myNavbar">
|
|
<ul class="nav navbar-nav">
|
|
<router-link :to="{name: 'Admin Home'}" tag="li" exact>
|
|
<a href="#"><span class="fa fa-home"></span></a>
|
|
</router-link>
|
|
<router-link :to="{name: 'Kemaskini Jawatan'}" tag="li">
|
|
<a href="#">Kemaskini Jawatan</a>
|
|
</router-link>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<router-view></router-view>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
created: function () {
|
|
if (!this.util.isLogin())
|
|
return this.$router.push({name: 'Log Masuk Admin ==='});
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.navbar-default {
|
|
box-shadow: 0 1px 10px rgba(0,0,0,.5);
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
body {
|
|
background-color: white;
|
|
color: #000000;
|
|
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
margin-top: 70px;
|
|
}
|
|
</style> |