<div class="submenu-controls" ng-controller="SubmenuCtrl">
	<div class="tight-form" style="border-top: none">

		<ul class="tight-form-list">
			<li class="tight-form-item">
				<div class="dropdown">
					<a class="pointer" data-toggle="dropdown">
						<i class="fa fa-cog"></i>
					</a>
					<ul class="dropdown-menu">
						<li><a class="pointer" dash-editor-link="app/partials/templating_editor.html">Templating</a></li>
						<li><a class="pointer" dash-editor-link="app/features/annotations/partials/editor.html">Annotations</a></li>
					</ul>
				</div>
			</li>
		</ul>

		<ul class="tight-form-list" ng-if="dashboard.templating.enable">
			<li ng-repeat-start="variable in variables" class="tight-form-item template-param-name">
				<span class="template-variable ">
					${{variable.name}}:
				</span>
			</li>

			<li ng-repeat-end template-param-selector>
			</li>
		</ul>

		<ul class="tight-form-list" ng-if="dashboard.annotations.enable">
			<li ng-repeat="annotation in dashboard.annotations.list" class="tight-form-item annotation-segment" ng-class="{'annotation-disabled': !annotation.enable}">
				<a ng-click="disableAnnotation(annotation)">
					<i class="annotation-color-icon fa fa-bolt"></i>
					{{annotation.name}}
				</a>
			</li>
		</ul>

		<div class="clearfix"></div>
	</div>
</div>
