TimeTrex/interface/html5/components/main_menu/TTAppMenu.vue

43 lines
1007 B
Vue

<template>
<AppSubmenu ref="appSubMenu" id="main-menu" class="layout-menu layout-main-menu clearfix"
:items="model"
:layoutMode="layoutMode"
:menuActive="active"
:root="false"
:parentMenuItemActive="true"
:mobileMenuActive="mobileMenuActive"/>
</template>
<script>
import AppSubmenu from '@/framework/apollo-vue/src/AppSubmenu';
export default {
created() {
this.event_bus = new TTEventBus( {
component_id: this.component_id,
} );
this.event_bus.on( this.component_id, 'set_active_index', ( event_data ) => {
this.$refs.appSubMenu.activeIndex = event_data.index;
} );
},
data() {
return {
component_id: 'app_menu',
}
},
props: {
model: Array,
layoutMode: String,
active: Boolean,
mobileMenuActive: Boolean
},
components: {
'AppSubmenu': AppSubmenu
}
}
</script>
<style scoped>
</style>