← Back to branch summary

~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to ivle/webapp/tutorial/exercise.html

Added overlay system and console overlay. Note that the console overlay
is no longer special cased, allowing multiple overlays per page.

This commit breaks the original console tab.

Show diffs side-by-side

added added

removed removed

Lines of Context:
ivle/webapp/tutorial/exercise.html
1
1
<html xmlns="http://www.w3.org/1999/xhtml"
2
2
      xmlns:py="http://genshi.edgewall.org/" py:strip="">
3
 
  <div class="exercise" id="${exercise.id}">
4
 
    <p><b>Exercise:</b> ${exercise.name}</p>
5
 
    <py:if test="description is not None">
6
 
      <div>${description}</div>
 
3
  <div class="exercise" id="exercise${exerciseid}">
 
4
    <p><b>Exercise:</b> ${exercisename}</p>
 
5
    <py:if test="exercisedesc is not None">
 
6
      <div>${exercisedesc}</div>
7
7
    </py:if>
8
 
    <input id="input_resettext_${exercise.id}" type="hidden" value="${exercise.partial}" />
9
 
    <textarea id="textarea_${exercise.id}" class="exercisebox"
10
 
        onkeypress="return catch_textbox_input(&quot;${exercise.id}&quot;, '${exercise.id}',
 
8
    <input id="input_resettext_exercise${exerciseid}" type="hidden" value="${exercisepartial_backup}" />
 
9
    <textarea id="textarea_exercise${exerciseid}" class="exercisebox"
 
10
        onkeypress="return catch_textbox_input(&quot;exercise${exerciseid}&quot;, '${filename}',
11
11
        event.keyCode)"
12
 
        onchange="set_saved_status(&quot;${exercise.id}&quot;, '${exercise.id}',
 
12
        onchange="set_saved_status(&quot;exercise${exerciseid}&quot;, '${filename}',
13
13
        &quot;Save&quot;)"
14
 
        cols="80" rows="${exercise.num_rows}">${exercisesave}</textarea>
 
14
        cols="80" rows="${rows}">${exercisepartial}</textarea>
15
15
    <div class="exercisebuttons">
16
 
      <input type="button" value="Saved" disabled="disabled" id="savebutton_${exercise.id}"
17
 
          onclick="saveexercise(&quot;${exercise.id}&quot;, '${exercise.id}')"
 
16
      <input type="button" value="Saved" disabled="disabled" id="savebutton_exercise${exerciseid}"
 
17
          onclick="saveexercise(&quot;exercise${exerciseid}&quot;, '${filename}')"
18
18
          title="Save your solution to this exercise" />
19
 
      <input type="button" value="Reset" id="resetbutton_${exercise.id}"
20
 
          onclick="resetexercise(&quot;${exercise.id}&quot;, '${exercise.id}')"
 
19
      <input type="button" value="Reset" id="resetbutton_exercise${exerciseid}"
 
20
          onclick="resetexercise(&quot;exercise${exerciseid}&quot;, '${filename}')"
21
21
          title="Reload the original partial solution for this exercise" />
22
22
      <input type="button" value="Run"
23
 
          onclick="runexercise(&quot;${exercise.id}&quot;, '${exercise.id}')"
 
23
          onclick="runexercise(&quot;exercise${exerciseid}&quot;, '${filename}')"
24
24
          title="Run this program in the console" />
25
25
      <input type="button" value="Submit"
26
 
              id="submitbutton_${exercise.id}"
27
 
              onclick="submitexercise(&quot;${exercise.id}&quot;, '${exercise.id}')"
 
26
              id="submitbutton_exercise${exerciseid}"
 
27
              onclick="submitexercise(&quot;exercise${exerciseid}&quot;, '${filename}')"
28
28
              title="Submit this solution for evaluation" />
29
29
    </div>
30
30
    <div class="testoutput">
31
31
    </div>
32
32
    <div class="problem_summary">
33
33
      <ul>
34
 
        <li id="summaryli_${exercise.id}" class="${complete_class}">
35
 
          <b><span id="summarycomplete_${exercise.id}">${complete}</span>.</b>
36
 
            Attempts: <span id="summaryattempts_${exercise.id}">${attempts}</span>.
 
34
        <li id="summaryli_exercise${exerciseid}" class="${complete_class}">
 
35
          <b><span id="summarycomplete_exercise${exerciseid}">${complete}</span>.</b>
 
36
            Attempts: <span id="summaryattempts_exercise${exerciseid}">${attempts}</span>.
37
37
        </li>
38
38
      </ul>
39
39
    </div>
41
41
    <div class="attempthistory">
42
42
      <p>
43
43
        <a title="Click to view previous submissions you have made for this exercise" 
44
 
              onclick="open_previous(&quot;${exercise.id}&quot;, '${exercise.id}')">
 
44
              onclick="open_previous(&quot;exercise${exerciseid}&quot;, '${filename}')">
45
45
          View previous attempts
46
46
        </a>
47
47
      </p>
48
48
    <div style="display: none">
49
49
      <h3>Previous attempts</h3>
50
50
        <p>
51
 
          <a title="Close the previous attempts" onclick="close_previous(&quot;${exercise.id}&quot;)">
 
51
          <a title="Close the previous attempts" onclick="close_previous(&quot;exercise${exerciseid}&quot;)">
52
52
            Close attempts
53
53
          </a>
54
54
        </p>
55
 
        <p class="attemptslist" style="display: none">
 
55
        <p>
56
56
          <select title="Select an attempt's time stamp from the list">
57
57
            <option></option>
58
58
          </select>
59
59
          <input type="button" value="View"
60
 
              onclick="select_attempt(&quot;${exercise.id}&quot;, '${exercise.id}')" />
61
 
        </p>
62
 
        <p class="noattempts" style="display: none">
63
 
          No attempts have been made for this exercise.
 
60
              onclick="select_attempt(&quot;exercise${exerciseid}&quot;, '${filename}')" />
64
61
        </p>
65
62
        <p>
66
 
          <textarea readonly="readonly" class="exercisebox" cols="80" rows="${exercise.num_rows}"
 
63
          <textarea readonly="readonly" class="exercisebox" cols="80" rows="${rows}"
67
64
              title="You submitted this code on a previous attempt">
68
65
          </textarea>
69
66
        </p>