forked from Khan/khan-exercises
-
Notifications
You must be signed in to change notification settings - Fork 0
/
khan-exercise.html
114 lines (113 loc) · 5.12 KB
/
khan-exercise.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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<div class="exercise-badge single-exercise" data-id="addition_1">
<div id="exercise-icon-container">
<div class="proficient-badge">
<img src="http://khanacademy.org/images/node-not-started.png" height="80" width="76"/>
</div>
</div>
<!-- TODO: Update with real point value -->
<div id="exercise-points" class="energy-points-badge"></div>
<!-- TODO: Update with real title -->
<div class="exercise-title"></div>
<div id="streak-bar-container">
<div class="streak-bar">
<div class="longest-streak">
<div class="current-streak">
<ul class="unit-rating">
<li style="width:0px;" class="current-rating"></li>
<li style="width:0px;" class="streak-icon"></li>
<li style="width:0px;" class="best-label"></li>
<li style="width:0px;" class="current-label">
<div class="label"></div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="related-content" style="display:none;">
<span class="related-content-title">Related videos:</span>
<ul class="related-video-list"></ul>
</div>
<div class="summative-help" style="display:none;">
Fill up <span class="summative-required-streaks"></span> bars to complete this challenge. Once you complete a bar, it will not be set back.
</div>
</div>
<div id="exercise-message-container" style="display: none;">
<div class="exercise_message"></div>
</div>
<div id="warning-bar">
<span id="warning-bar-content"></span>
<span id="warning-bar-close">(<a href="">close</a>)</span>
</div>
<div id="extras" class="single-exercise">
<div id="back-to-dashboard-link" class="single-exercise">
<a href="/exercisedashboard?k" title="Back to Dashboard">« Back to Dashboard</a>
</div>
<!-- TODO: Toggle scratchpad display -->
<a id="scratchpad-show" href="">Show scratchpad</a><span id="scratchpad-not-available">Scratchpad not available</span> | <a id="print-ten" href="">Show next 10 problems</a>
</div>
<div>
<div id='problemarea'>
<div id='scratchpad'><div></div></div>
<div id='workarea'></div>
<div id='hintsarea'></div>
</div>
<div id="answer_area">
<form id="answerform" action="/exercisedashboard?k" method="get" name="answerform">
<div id="answercontent" class="info-box fancy-scrollbar">
<span class="info-box-header">Answer</span>
<div id="solutionarea"></div>
<input type="button" class="simple-button action-gradient green" id="check-answer-button" tabindex="10" value="Check Answer"/>
<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px">
<input type="button" class="simple-button action-gradient green" id="next-question-button" style="display:none;" name="correctnextbutton" value="Correct! Next Question..."/>
<span id="show-solution-button-container"></span>
<img id="throbber" style="display:none;" name="throbber"/>
<div id="check-answer-results">
<img id="sad" style="display: none;"/>
<img id="happy" style="display: none;"/>
<p class="check-answer-message info-box-sub-description"></p>
</div>
<a id="examples-show" href="">Show acceptable answer formats</a>
<ul id="examples" style="display: none">
</ul>
</div>
<div id="readonly" class="info-box">
<span id="readonly-problem" class="info-box-header"></span>
<span id="readonly-title" class="info-box-subheader">You are viewing a problem.</span>
<span class="info-box-sub-description">To work on problems like this, <a id="readonly-start" href="">start this exercise</a>.</span>
</div>
<div class="info-box hint-box">
<span class="info-box-header">Need help? Get a hint.</span>
<span class="info-box-sub-description">This <strong>will</strong> set back your progress!</span>
<div id="get-hint-button-container">
<input id="hint" type="button" class="simple-button action-gradient orange" value="I'd like a hint" name="hint"/>
</div>
<span id="hint-remainder"></span>
</div>
<div class="info-box related-video-box" style="display:none;">
<div id="related-video-content">
<span class="info-box-header">Stuck? Watch a video.</span>
<span class="info-box-sub-description">This <strong>does not</strong> set back your progress.</span>
<div id="related-video-list">
<span class="related-content-title">Related videos:</span>
<ul class="related-video-list"></ul>
</div>
<div class="clear"></div>
</div>
</div>
</form>
<div id="issue" class="info-box" style="display:none;">
<span class="info-box-header">Report a Problem</span>
<span id="issue-status" class="info-box-sub-description"></span>
<form>
<label for="issue-title">Issue Title:<input type="text" name="issue-title" id="issue-title" /></label>
<label for="issue-email">Your Email (optional):<input type="text" name="issue-email" id="issue-email" /></label>
<label for-"issue-body">Description of Issue:<textarea name="issue-body" id="issue-body"></textarea></label>
<input type="submit" class="simple-button action-gradient orange" value="Submit Issue">
<a href="/#" id="issue-cancel">Cancel</a>
<img id="issue-throbber" style="display:none;" name="issue-throbber">
</form>
</div>
</div>
</div>
<div style="clear: both;"></div>