<nav class="tc-nav"> <a class="pull-left tc-close" ui-sref="khan.tutorials({topicSlug: $stateParams.topicSlug, tutorialSlug: $stateParams.tutorialSlug})"><span class="icon-close"></span></a> <div class="tc-progress"> <span>{{ 'EXERCISE_ROW' | translate }}</span> <div class="tc-progress-wrap"> <progress-dot type="exercisesRow[0]"></progress-dot> <progress-dot type="exercisesRow[1]"></progress-dot> <progress-dot type="exercisesRow[2]"></progress-dot> <progress-dot type="exercisesRow[3]"></progress-dot> <progress-dot type="exercisesRow[4]"></progress-dot> </div> </div> </nav> <perseus ng-hide="done" question="exercise"></perseus> <div ng-show="done" class="cnt-md exercise-done"> <h1>{{ 'EXERCISE_DONE' | translate }}</h1> <img ng-src="/static/images/avatars/{{image}}.png"> <div> <a ui-sref="khan.tutorials({topicSlug: $stateParams.topicSlug,  tutorialSlug: $stateParams.tutorialSlug })" class="btn btn-success btn-lg">{{ 'ASSESSMENT_NEXT' | translate }}</a> </div> </div> <div ng-hide="done" class="lk-ase-bmenu" ng-class="{'lk-ase-correct': answerCorrect, 'lk-ase-wrong': answerWrong}"> <div ng-hide="showResult" class="lk-ase"> <button ng-disabled="!hints" ng-click="showHint()" class="btn btn-info btn-lg">{{ 'SHOW_HINT' | translate }} <span ng-show="hints">({{ hints }})</span></button> <button ng-click="checkAnswer()" class="btn btn-success btn-lg ase-check">{{ 'CHECK_ANSWER' | translate }}</button> </div> <div ng-show="showResult" class="lk-ase"> <div class="ase-result"> <span ng-show="answerCorrect">{{ 'ANSWER_CORRECT' | translate}}</span> <span ng-hide="answerCorrect">{{ 'ANSWER_INCORRECT' | translate}}</span> </div> <button ng-click="nextAnswer()" class="btn btn-success btn-lg ase-check">{{ 'ASSESSMENT_NEXT' | translate }} </button> </div> </div>