-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingle-progress.html
32 lines (32 loc) · 1.95 KB
/
single-progress.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<title>Warrior Athlete Progress</title>
<link rel='stylesheet' href='css/progress.css'/>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js'></script>
<script type='text/javascript' src='lib/xapicollection.min.js'></script>
<script type='text/javascript' src='lib/spin.min.js'></script>
<script type='text/javascript' src='lib/angular-spinner.min.js'></script>
<script type='text/javascript' src='src/progress.js'></script>
</head>
<body ng-app='badge-progress' ng-controller='BadgeCtrl' class="singleBody">
<div ng-hide='dataReady' us-spinner="{radius:20, width:7, length: 0, lines: 7}"></div>
<div class='progress cell singleProgress' title='{{name}} ({{progress}}/{{tasksLength}})' ng-style='genGradient({color:color,progress:progress,horiz:horiz,tasksLength:tasksLength})'>
<div class='badge' ng-show='badgeStart && dataReady'>
<img ng-src='{{image}}'/>
</div>
<div class='badge cell' ng-repeat='i in children' title='{{i.name}} ({{i.progress}}/{{i.tasks.length}})'
ng-style='genGradient(i)' ng-mousedown='incrementValue(i, $event)' oncontextmenu='noCM(event)'
ng-show='dataReady'>
<img ng-src='{{i.image}}'/>
</div>
<div class='badge' ng-hide='badgeStart || !dataReady'>
<img ng-src='{{image}}'/>
</div>
</div>
<p ng-show='dataReady && badgeCompletion < 100' class="text">In order to receive this badge, you need to complete all of the activities (except the optional Discussion Forum) and pass the quiz.
You have completed {{badgeCompletion}}% of the activities for the {{currentBadge}} badge and {{totalCompletion}}% for the Warrior Athlete badge.</p>
<p ng-show='dataReady && badgeCompletion >= 100' class="text"><span style="font-weight:bold;">Congratulations!</span> You have earned the {{currentBadge}} badge.<br/>
You have completed {{totalCompletion}}% of the activities for the Warrior Athlete badge.</p>
</body>
</html>