active_javascript/index.html at master · EduMake/active_javascript · GitHub

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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Javascript : Area Calc Simulation</title>
        <link href="css/main.css" rel="stylesheet" type="text/css" media="all">
    </head>
    <body>
        <header>

        <h1>Active Javascript</h1>

        <div id="tincanid">
            <span id="studentdetails"></span>  <a href="#student-details-form" rel="modal:open">Change</a>
        </div>
        </header>

        <div id="workspace">
            <pre id="editor"></pre>
            <button id="runtest" title="Runs the code and tests.">Test Code</button>
            <button id="reload" title="Reloads the code you last tested for this exercise and level in this browser.">Reload Last Tested Code</button>
            <button id="reset" title="Resets the code to how it was first loaded.">Reset to Intial</button>
            <button id="easier" title="Tries to find an easier version of the exercise. Does not auto run the tests or code.">Make Easier</button>
            <button id="wrapping" title="Wrap the code so you can see all of long lines.">Wrapping On</button>
            <button id="export" title="Opens a new tab with this exercise as stand alone code so you can save it for your self">Export</button>
        </div>
        <div id="taskbox">
            <h3>
                <span id="tasklabel"></span>:
                <span id="taskname"></span>:
                <span id="taskleveltext"></span>
            </h3>
            <ol id="task"></ol>
            <ul>
                <li>Click "Test Code" when you think you might have finished (or you are stuck), to try your new code.</li>
                <li>This will run it, so you can test it manually, and run automatic Unit Tests on it, to see if it is correct.</li>
            </ul>

        </div>
        <div id="exercises">
            <h3>Exercises</h3>
            <nav  >
                <ul id="exercise_list">
                </ul>
            </nav>
        </div>
        <div id="simulationbox">
            <h2>Result</h2>
            <div id="simulation"></div>
        </div>
        <div id="tests">
            <h2>Test Results</h2>
            <ul id="testoutput"></ul>
            <h3 id="result"></h3>
            <a href="" id="next" >Next Exercise</a>
            <!--<a href="" id="next" target="_blank">Next Exercise</a>-->
        </div>
        </body>

        <div id="exercise_end"   style="display:none;" title="Well Done">
            <h2>Well Done</h2>

            <!--<button id="tryagain" >Try Again But Harder</button>-->
            <button id="nextexercise">Next Exercise</button>
        </div>

        <div id="student-details-form"  style="display:none;" title="Please Sign In">
            <p >Please use your school email address, and your current working grade from your book.</p>
            <label for="email">Email</label>
            <input type="text" name="email" id="student_email" value="" class=""/>
            <br />
            <label for="student_workinggrade">Working Grade</label>
            <select id="student_workinggrade" class="">
                <option value="50">GCSE A*</option>
                <option value="45">GCSE A</option>
                <option value="40">GCSE B</option>
                <option value="35">GCSE C</option>
                <option value="31">Working towards GCSE C</option>
            </select>
            <button id="student_save">Save</button>

            <a href="#" rel="modal:close">
        </div>

        <script src="external/jquery-1.11.0.min.js"></script>
        <link rel="stylesheet" href="external/jquery-modal/jquery.modal.css" type="text/css" media="screen" />

        <script src="external/jquery-modal/jquery.modal.js" type="text/javascript" charset="utf-8"></script>
        <script src="external/TinCanJS/build/tincan-min.js"></script>

        <script src="external/ace/ace.js" charset="utf-8"></script>

        <script src="external/jscs-browser.js"></script>
        <!--<script src="http://cdnjs.cloudflare.com/ajax/libs/seedrandom/2.3.11/seedrandom.min.js"></script>-->
        <script src="external/seedrandom.min.js"></script>

        <script src="js/student.js" charset="utf-8"></script>
        <script src="js/exercise.js" charset="utf-8"></script>
        <script src="js/executer.js" charset="utf-8"></script>

        <script src="js/tincanfactory.js" charset="utf-8"></script>
        <script src="js/active_javascript.js" charset="utf-8"></script>

    </body>
</html>