-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbadge-progress.html
28 lines (28 loc) · 1.32 KB
/
badge-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
<!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'>
<div class='progress cell' title='{{name}} ({{progress}}/{{tasksLength}})' ng-style='genGradient({color:color,progress:progress,horiz:horiz,tasksLength:tasksLength})'>
<div ng-hide='dataReady' us-spinner="{radius:20, width:7, length: 0, lines: 7}"></div>
<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>
</body>
</html>