45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
|
<template>
|
|||
|
|
<div class="menu-bar__container">
|
|||
|
|
<ul class="menu-bar__link link-bar">
|
|||
|
|
<li class="link-bar__item">
|
|||
|
|
<a @click.prevent="redirectToRouteName()" href="/" class="btn dashboard-btn">
|
|||
|
|
<img style="width: 1em;height: 1em;" src="assets/list/img/hamburger-menu.svg" class="img-fluid" alt="سامانه ها">
|
|||
|
|
<span class="mx-1">سامانه ها</span>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
<li
|
|||
|
|
v-for="(item, i) in menu"
|
|||
|
|
:key="i"
|
|||
|
|
:class="
|
|||
|
|
item.actionMode == currentMode
|
|||
|
|
? 'link-bar__item color-' + item.color + ' active'
|
|||
|
|
: 'link-bar__item color-' + item.color
|
|||
|
|
"
|
|||
|
|
>
|
|||
|
|
<router-link
|
|||
|
|
:to="item.link" :title="item.title">
|
|||
|
|
<i :class="item.icon">
|
|||
|
|
<span class="path1"></span><span class="path2"></span
|
|||
|
|
></i>
|
|||
|
|
</router-link>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
import menu from "~/json/list/json/sidebar.json"
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
props: ["currentMode"],
|
|||
|
|
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
menu: menu
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
</script>
|