Allowance check
This commit is contained in:
@@ -15,38 +15,7 @@
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="myNavbar">
|
||||
|
||||
<ul class="nav navbar-nav">
|
||||
|
||||
<router-link :to="{ name: 'Voter Home' }" tag="li" exact>
|
||||
<a href="#"><b>LAMAN UTAMA</b></a>
|
||||
</router-link>
|
||||
|
||||
<li>
|
||||
<a :href="matLinkUrl" target="_blank" rel="noopener noreferrer">
|
||||
<b>MAT KE-28</b> <i class="fa fa-external-link"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<router-link :to="{ name: 'Attendance' }" tag="li" exact>
|
||||
<a href="#"><b>DAFTAR MAT</b></a>
|
||||
</router-link>
|
||||
|
||||
<router-link :to="{ name: 'Vote' }"
|
||||
v-if="data.election.status == 2 && data.user.saham >= 500 && !hasVoted() && data.user.kehadiran != 0"
|
||||
tag="li" exact>
|
||||
<a href="#"><b>UNDIAN</b></a>
|
||||
</router-link>
|
||||
|
||||
<router-link :to="{ name: 'Zoom' }" v-if="data.user.kehadiran != 0" tag="li" exact>
|
||||
<a href="#"><b>PAUTAN MESYUARAT</b></a>
|
||||
</router-link>
|
||||
|
||||
<router-link :to="{ name: 'penyata', params: { no_anggota: data.user.no_anggota } }"
|
||||
tag="li" exact>
|
||||
<a href="#"><b>PENYATA AHLI</b></a>
|
||||
</router-link>
|
||||
|
||||
|
||||
<ul class="nav navbar-nav voter-nav-main">
|
||||
</ul>
|
||||
<ul class="nav navbar-right navbar-nav">
|
||||
<li class="dropdown">
|
||||
@@ -64,6 +33,16 @@
|
||||
</nav>
|
||||
|
||||
<div class="voter-main">
|
||||
<div class="voter-breadcrumb-wrap">
|
||||
<div class="container-fluid">
|
||||
<ol class="breadcrumb voter-breadcrumb">
|
||||
<li v-for="(crumb, idx) in breadcrumbs" :key="idx" :class="{ active: crumb.active }">
|
||||
<router-link v-if="crumb.to" :to="crumb.to">{{ crumb.label }}</router-link>
|
||||
<span v-else>{{ crumb.label }}</span>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<router-view></router-view>
|
||||
</div>
|
||||
</div>
|
||||
@@ -78,18 +57,47 @@
|
||||
<script>
|
||||
export default {
|
||||
data: () => ({
|
||||
loading: true,
|
||||
matLinkUrl: 'https://linktr.ee/kopkb'
|
||||
loading: true
|
||||
}),
|
||||
|
||||
created: function () {
|
||||
this.refreshInfo();
|
||||
},
|
||||
|
||||
computed: {
|
||||
breadcrumbs: function () {
|
||||
var routeName = this.$route.name;
|
||||
var labels = {
|
||||
'Voter Home': 'Laman Utama',
|
||||
'Voter Calon': 'Maklumat Calon',
|
||||
'Mat': 'MAT',
|
||||
'Vote': 'Undian',
|
||||
'Result': 'Keputusan',
|
||||
'Attendance': 'Daftar MAT',
|
||||
'Zoom': 'Pautan Mesyuarat',
|
||||
'penyata': 'Penyata Ahli'
|
||||
};
|
||||
var current = labels[routeName] || routeName || 'Halaman';
|
||||
if (routeName === 'Voter Home') {
|
||||
return [{ label: 'Laman Utama', to: null, active: true }];
|
||||
}
|
||||
return [
|
||||
{ label: 'Laman Utama', to: { name: 'Voter Home' }, active: false },
|
||||
{ label: current, to: null, active: true }
|
||||
];
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
logout: function () {
|
||||
localStorage.clear();
|
||||
this.$router.push({ name: 'Voter Login' });
|
||||
var vm = this;
|
||||
this.util.setAuthorization();
|
||||
axios.post(config.API + 'voter/logout')
|
||||
.catch(function () { })
|
||||
.finally(function () {
|
||||
localStorage.clear();
|
||||
vm.$router.push({ name: 'Voter Login' });
|
||||
});
|
||||
},
|
||||
|
||||
hasVoted: function () {
|
||||
@@ -276,6 +284,57 @@ export default {
|
||||
padding-top: 112px;
|
||||
}
|
||||
|
||||
.voter-breadcrumb-wrap {
|
||||
margin: 0 16px 8px;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.voter-breadcrumb-wrap .container-fluid {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.voter-breadcrumb {
|
||||
margin-bottom: 16px;
|
||||
padding: 14px 20px;
|
||||
border-radius: 14px;
|
||||
background: rgba(255, 255, 255, 0.92);
|
||||
border: 1px solid #e5ebf3;
|
||||
box-shadow: 0 8px 22px rgba(35, 64, 97, 0.1);
|
||||
font-size: 1.7rem;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.voter-breadcrumb>li {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.voter-breadcrumb>li+li:before {
|
||||
color: #94a3b8;
|
||||
padding: 0 12px;
|
||||
font-size: 1.35rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.voter-breadcrumb>li>a {
|
||||
color: #2563eb;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.voter-breadcrumb>li>a:hover {
|
||||
color: #1d4ed8;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.voter-breadcrumb>li.active {
|
||||
color: #17324d;
|
||||
font-weight: 700;
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.floating-header {
|
||||
top: 10px !important;
|
||||
@@ -312,5 +371,26 @@ export default {
|
||||
.voter-main {
|
||||
padding-top: 102px;
|
||||
}
|
||||
|
||||
.voter-breadcrumb-wrap {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.voter-breadcrumb {
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.4;
|
||||
padding: 12px 16px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.voter-breadcrumb>li.active {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.voter-breadcrumb>li+li:before {
|
||||
padding: 0 8px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user