<!-- form/nc/nc-navigate/menu/menu.html -->
<nc-row class="nc-no-print" style="border-bottom: solid 1px #e6e6e6">
	<nc-col class="nc-flex-transition" width="1/2">
		<nc-row class="ui top attached tabular menu">
			<nc-href :class='{ active: isActivePath("{{rec.url}}") }' class="item" href="{{rec.url}}" v-for="rec in navigation">
				<nc-icon icon="{{rec.icon}}">{{' ' + rec.name}}</nc-icon>
			</nc-href>
		</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">
			<nc-href class="item" href="#" v-for="shortcutItem in shortcut" v-on:click="triggerShortcut(shortcutItem.url)" v-text="bindShortcut(shortcutItem)"></nc-href>
		</nc-col>
		<nc-col width="1/6"></nc-col>
		<nc-col width="2/6">
			<nc-row class="ui right dropdown item simple">
				<nc-icon icon="cog"></nc-icon>
				<nc-row class="menu">
					<nc-href class="item" href="#" v-for="menuItem in menu" v-on:click="triggerShortcut(menuItem.url)" v-text="l(menuItem.show, null, menuItem.name)"></nc-href>
				</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="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="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="nc.setZoomFactor(0.05)">
					<span class="i far fa-search-plus"></span>
				</nc-button>
			</nc-row>
		</nc-col>
	</nc-col>
</nc-row>
