analytics/webcontent/bi/js/admin/common/templates/Menu.html

<!--
 * Licensed Materials - Property of IBM
 * IBM Cognos Products: BI Cloud (C) Copyright IBM Corp.  2017
 * US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 *-->
<div class="dropdown-toggle" id="{{=it.id}}_toggle" data-toggle="dropdown" aria-describedby="{{=it.id}}_ddtMenu" aria-label="{{!it.label}}" tabindex="0" role="button" aria-haspopup="true">
	{{? it.hcLabel}}
		<span class="hcLabel">{{=it.label}}</span>
	{{?}}
	{{? it.labelOnly}}
		<span id="{{=it.id}}_ddtMenu" class="menu-label">{{=it.label}}</span>
	{{?}}
</div>
<div class="arrow-wrapper">
	<div class="arrow"></div>
</div>
<ul class="dropdown-menu" id="{{=it.id}}_toggle" aria-labelledby="{{=it.id}}_toggle" role="menu">
		{{? it.showTitle}}
		<h1 role="presentation" class="dropdown-header header-{{!it.name}}">{{!it.label}}</h1>
		{{?}}
		{{~it.items :item :index}}
			{{? item.disabled && item.icon}}
				<li role="presentation" class="dropdown-header header-{{!item.name}} {{?item.hidden}}hidden{{?}}" aria-disabled="true"  id="{{=it.id}}_{{=item.name}}">
					<span class="{{!item.icon}} menuitem-icon"></span>{{!item.label}}</li>
			{{?? item.disabled}}
				<li role="presentation" class="dropdown-header header-{{!item.name}} {{?item.hidden}}hidden{{?}}" aria-disabled="true"  id="{{=it.id}}_{{=item.name}}">{{!item.label}}</li>
			{{?? item.cssStyleClass}}
				<li class="{{!item.cssStyleClass}} dropdown-menuitem {{=item.name}} {{?item.hidden}}hidden{{?}}" id="{{=it.id}}_{{=item.name}}">
					<a href="#" aria-label="{{!item.label}}" {{? index=== 0}}class="firstMenuItem"{{?}} {{? index === it.items.length - 1}}class="lastMenuItem"{{?}}>
						<span class=""></span>&nbsp;{{!item.label}}</a>
				</li>
			{{??}}
				<li class="dropdown-menuitem {{=item.name}} {{?item.hidden}}hidden{{?}}" id="{{=it.id}}_{{=item.name}}">
				{{? it.showTick && item.icon}}
					<a role="menuitemcheckbox" href="#" aria-label="{{!item.label}}" aria-checked="false" {{? index=== 0}}class="firstMenuItem"{{?}} {{? index === it.items.length - 1}}class="lastMenuItem"{{?}} >
						<span class="{{!item.icon}} menuitem-icon"></span><span class="wfg_accept"></span>{{!item.label}}</a>
				{{?? it.showTick}}
					<a role="menuitemcheckbox " href="#" aria-label="{{!item.label}}" aria-checked="false" class="textOnly {{? index=== 0}}firstMenuItem{{?}} {{? index === it.items.length - 1}}lastMenuItem{{?}}">{{!item.label}}</a>
				{{?? item.icon}}
					<a href="#" aria-label="{{!item.label}}" {{? index=== 0}}class="firstMenuItem"{{?}} {{? index === it.items.length - 1}}class="lastMenuItem"{{?}}>
						<span class="{{!item.icon}} menuitem-icon"></span><span class="wfg_accept"></span>&nbsp;{{!item.label}}</a>
				{{??}}
					<a  role="menuitem" href="#" aria-label="{{!item.label}}" class="textOnly {{? index=== 0}}firstMenuItem{{?}} {{? index === it.items.length - 1}}lastMenuItem{{?}}">{{!item.label}}</a>
				{{?}}
		{{?}}
		</li>
	{{~}}
</ul>