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
|
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{title}</title>
<link rel='stylesheet' type='text/css' media='screen' href='online-ide-embedded.css'>
<script type="module" crossorigin src="online-ide-embedded.js"></script>
<script>
{scorm_api_js}
</script>
<script>
'use strict';
window.online_ide_onReady = () => {{
const ide = window.online_ide_access.getIDE("{id}-oide");
ide.registerOnRunExitListener( (exitStatus) => {{
console.log(exitStatus);
const res = exitStatus.testProgress;
const score = (res.passed/res.overall)*100
SCORM.setScore(score, 0, 100);
SCORM.setValue('cmi.core.lesson_status', score >= {requiredScore} ? 'passed' : 'failed');
SCORM.commit();
const checkmark = '<span style="color:green;">✓</span>';
const cross = '<span style="color:red;">X</span>';
const testResults = document.getElementById("test-results");
testResults.innerHTML = `Tests erfolgreich ${{res.passed}}/${{res.overall}}: ${{score}}% ${{score >= {requiredScore} ? checkmark : cross}}`;
}});
}};
</script>
</head>
<body>
<div class="java-online" style="width: calc(100% - 10px); height: 500px; margin-left: 5px" data-java-online="{{
'id': '{id}-oide',
'cacheUserEdits': true,
'enableRunExitStatusAccess': true,
'hideStartPanel': false,
'withBottomPanel': true,
'withFileList': true,
'withPCode': false,
'withConsole': true,
'withErrorList': true,
{if_spritesheet_data_member}
'speed': 'max',
'settings': {{
'compiler.shadowedSymbolErrorLevel': 'error'
}}
}}">
<script type="text/plain" title="Code.java" data-type="java">{exercise_code}</script>
{if_context_script_tag}
<script type="text/plain" title="Test.java" data-type="java" data-online-ide="{{'readOnly': true}}">{test_code}</script>
</div>
<div id="test-results-container">
<span id="test-results-headline" style="font-weight: bold;">Test-Ergebnisse:</span>
<span id="test-results">Starte die Tests mit einem Klick auf den Startknopf.</span>
</div>
</body>
</html>
|
