<ul class="slide-nav list-unstyled">
	<li class="slide-nav__question slide-nav__question--intro">
		<a href="#/" class="primary_color" lmsg="quiz.info.intro">[Intro]</a>
	</li>

	<li ng-repeat="section in navbar.sections track by $index" class="slide-nav__question" ng-class="{'slide-nav__question--active': (navbar.isActive($index) && !navbar.isSectionError($index)), 'slide-nav__question--erroractive': (navbar.isActive($index) && navbar.isSectionError($index)), 'slide-nav__question--error': (!navbar.isActive($index) && navbar.isSectionError($index))}">
		<button ng-click="navbar.navigate($index)" ng-disabled="navbar.isDisabled($index)">
			<span ng-bind="$index + 1">[0]</span>
			<span ng-show="navbar.isSectionError($index)" class="slide-nav__page--error"><ion-icon name="alert-circle" color="danger"></ion-icon></span>
		</button>
		<!-- <span class="status-icon" ng-class="navbar.getNavClass($index)"></span> -->
	</li>
</ul>
