Fong-/CS169-PenPal-Gladiators

<div id="survey-questions-container">
    <div class="header">{{ currentTopic }}</div>
    <p id="description">{{ pageDescription() }}</p>
    <div id="topic-questions-container">
        <div id="question{{$index+1}}" class="question-container" ng-repeat="question in questions" highlighter="firstUnansweredQuestionId" question="{{question}}">
            <div class="question-text">{{ question.text }}</div>
            <div class="question-responses-container">
                <div class="response" ng-repeat="response in question.survey_responses">
                    <input id="response{{$parent.$index+1}}-{{$index+1}}" type="checkbox" ng-model="questionCheckModel[response.id]" ng-change="handleResponseSelected(question,response)"/>
                    <div class="response-text">{{ response.text }}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="controls">
        <button class="btn btn-secondary" type="button", ng-click="handleBack()" ng-hide="hideBackButton()">Back</button>
        <button class="btn btn-primary" id="continue-button" type="button" ng-disabled="disableNextButton()" ng-click="handleAdvance()">{{nextButtonValue()}}</button>
    </div>
</div>