<!-- form/nc-navigate/menu/menu.html -->
<nc-row class='hidden-print' style='border-bottom: solid 1px #e6e6e6;'>
	<nc-col class='nc-flex-transition' width='1/2'>
		<nc-row class='ui top attached tabular menu'>
			<a :class='{ active: isActivePath("{{rec.url}}") }' class='item' href='{{rec.url}}' v-for='rec in navigation'>
				<i class='{{rec.icon}}'>{{' ' + rec.name}}</i>
			</a>
		</nc-row>
	</nc-col>
	<nc-col class='nc-center-v-2' width='1/2'>
		<nc-col class='nc-center-v-2 nc-end-h' width='3/6'>
			<a class='item' href='#' v-for='shortcutItem in shortcut' v-on:click.native='triggerShortcut(shortcutItem.url)' v-text='bindShortcut(shortcutItem)'></a>
		</nc-col>
		<nc-col width='1/6'></nc-col>
		<nc-col width='2/6'>
			<nc-row class='ui right dropdown item simple'>
				<i class='far fa-cog'></i>
				<i class='dropdown icon'></i>
				<nc-row class='menu'>
					<a class='item' href='#' v-for='menuItem in menu' v-on:click.native='triggerShortcut(menuItem.url)' v-text='l(menuItem.show, null, menuItem.name)'></a>
				</nc-row>
			</nc-row>
			<nc-row class='nav navbar-nav' v-show='inWebManager'>
				<nc-button class='nc-toolbar-button btn-btn-default navbar-btn' type='button' v-on:click.native='nc.print()'>
					<span class='i far fa-print'></span>
				</nc-button>
				<nc-button class='nc-toolbar-button btn-btn-default navbar-btn' type='button' v-on:click.native='nc.setZoomFactor(-0.05)'>
					<span class='i far fa-search-minus'></span>
				</nc-button>
				<nc-button class='nc-toolbar-button btn-btn-default navbar-btn' type='button' v-on:click.native='nc.setZoomFactor(0.05)'>
					<span class='i far fa-search-plus'></span>
				</nc-button>
			</nc-row>
		</nc-col>
	</nc-col>
</nc-row>
