You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.1 KiB
37 lines
1.1 KiB
6 years ago
|
<template>
|
||
|
|
<li class="nav-item dropdown">
|
||
|
|
<a class="nav-link dropdown-toggle" :class="[aClass, (Status == 'Active' ? 'active' : '')]" data-toggle="dropdown" href="#">
|
||
|
|
<div class="WM-Font-18"> {{ TitleFa }} </div> {{ TitleEn }}
|
||
|
|
</a>
|
||
|
|
<div class="dropdown-menu" v-if="SubItemsCount > 0">
|
||
|
|
<template v-for="(SubItem, index) in SubItems">
|
||
|
|
<a class="dropdown-item" href="#"> {{ SubItem.NameFa }} </a>
|
||
|
|
</template>
|
||
|
|
</div>
|
||
|
|
</li>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
TitleFa: { default: "دسترسی سریع" },
|
||
|
|
TitleEn: { default: "Title" },
|
||
|
|
Color: { default: "Black" },
|
||
|
|
SubItems: { type: Object, default: function () { return {} } },
|
||
|
|
TabContent: { default: '' },
|
||
|
|
Status: { default: '' },
|
||
|
|
},
|
||
|
|
data: function () {
|
||
|
|
return {
|
||
|
|
aClass: 'WM-' + this.Color,
|
||
|
|
TabHref: '#' + this.TabContent,
|
||
|
|
SubItemsCount : Object.keys(this.SubItems).length,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted: function () {
|
||
|
|
console.log(Object.keys(this.SubItems).length)
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
</script>
|