This repository has been archived by the owner on Apr 6, 2023. It is now read-only.
/
index.html
49 lines (49 loc) · 1.99 KB
/
index.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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Mandarin Flashcards</title>
<link href="/Content/bootstrap.min.css" rel="stylesheet">
<script src="phonegap.js"></script>
<script src="scripts/jquery-1.8.3.min.js"></script>
<script src="scripts/knockout-2.2.0.js"></script>
<script src="scripts/bootstrap.min.js"></script>
<script src="scripts/raphael-min.js"></script>
</head>
<body>
<div id="toolbar" class="btn-toolbar">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">Lessons <span class="caret"></span></button>
<ul class="dropdown-menu">
<li>
<input id="lessonall" data-bind="checked: allnone, click: $root.click.allnone" type="checkbox" />
<label class="checkbox inline">Lesson</label>
</li>
<li class="divider"></li>
<!-- ko foreach:lessons -->
<li>
<input type="checkbox" name="lessons" data-bind="attr: { id: 'lesson'+$index, value: $index }, checked: checkbox" />
<label class="checkbox inline" data-bind="text: $index, attr: { for: 'lesson' + $index }"></label>
</li>
<!-- /ko -->
</ul>
</div>
</div>
<div>
<!-- ko with: outputPhrase() -->
<hr/>
<div style="cursor: pointer" data-bind ="smartbox: { value: traditional, color: 'black' }, click: $root.click.next"></div>
<hr/>
<div style="cursor: pointer" data-bind="smartbox: { value: simplified, color: 'indigo' }, click: $root.click.next"></div>
<hr/>
<div style="cursor: pointer" data-bind="smartbox: { value: pinyin, color: 'blue' }, click: $root.click.pinyin"></div>
<hr/>
<div style="cursor: pointer" data-bind="smartbox: { value: english, color: 'green' }, click: $root.click.english"></div>
<!-- /ko -->
</div>
<script src="scripts/entities.2.0.min.js" type="text/javascript"></script>
<script src="scripts/mandarin.2.1.min.js" type="text/javascript"></script>
</body>
</html>