vcgit-forge/TurtleFactsQuiz
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/TurtleFactsQuiz.git synced 2026-02-10 03:33:01 -05:00
Code Issues Packages Projects Releases Wiki Activity

mark for quiz questions and bootstrap styling

Browse Source
This commit is contained in:
Raghu-Ch
2017-02-01 01:17:31 -08:00
parent 561655d107
commit 8013e88e1b
3 changed files with 66 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
index.html
View File

@@ -90,7 +90,57 @@
<!-- quizCtrl -->
<div ng-controller = "quizCtrl as quiz" ng-show ="quiz.quizMetrics.quizActive">
<p>Work hard bro u will get it </p>
<div class="row">
<div class="col-xs-8">
<h2><progress:</h2>
<div class="btn-toolbar">
<button class="btn"
ng-repeat = "question in quiz.dataServices.quizQuestions"
ng-class = "{'btn-info': question.selected !== null, 'btn-danger': question.selected == null}">
<span class="glyphicon"
ng-class ="{'glyphicon-pencil': question.selected !== null, 'glyphicon-question-sign': question.selected == null}"></span>
</button>
</div>
</div>
<div class="col-xs-4">
<div class="row">
<h4>Legend:</h4>
<div class="col-sm-4">
<button class="btn btn-info">
<span class="glyphicon glyphicon-pencil"></span>
</button>
<p>Answered</p>
</div>
<div class="col-sm-4">
<button class="btn btn-danger">
<span class="glyphicon glyphicon-question-sign"></span>
</button>
<p>Unanswered</p>
</div>
</div>
</div>
</div> <!-- progress section -->
<div class="row">
<h3>Question:</h3>
<div class="well well-sm">
<div class="row">
<div class="col-xs-12">
<h4>{{quiz.activeQuestion+1 + ". " + quiz.dataServices.quizQuestions[quiz.activeQuestion].text}}</h4>
</div>
</div>
<div class="row">
<div class="col-sm-6" ng-repeat = "answer in quiz.dataServices.quizQuestions[quiz.activeQuestion].possibilities">
<h4 class ="answer">
{{answer.answer}}
</h4>
</div>
</div>
<button class = "btn btn-warning" ng-click = "quiz.questionAnswered()">Continue</button>
</div>
</div>
</div>
</div>
<!-- third party scripts -->