-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy patheditor.html
136 lines (129 loc) · 7.13 KB
/
editor.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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!--
/*******************************************************************************
# ____ __ __ _ _____ _ _ #
# / __ \ \ \ / / | | / ____| | | | #
# | | | |_ __ ___ _ __ \ /\ / /__| |__ | | __| | ___ | |__ ___ #
# | | | | '_ \ / _ \ '_ \ \/ \/ / _ \ '_ \| | |_ | |/ _ \| '_ \ / _ \ #
# | |__| | |_) | __/ | | \ /\ / __/ |_) | |__| | | (_) | |_) | __/ #
# \____/| .__/ \___|_| |_|\/ \/ \___|_.__/ \_____|_|\___/|_.__/ \___| #
# | | #
# |_| _____ _____ _ __ #
# / ____| __ \| |/ / #
# | (___ | | | | ' / #
# \___ \| | | | < #
# ____) | |__| | . \ #
# |_____/|_____/|_|\_\ #
# #
# (c) 2011-2012 by #
# University of Applied Sciences Northwestern Switzerland #
# Institute of Geomatics Engineering #
# Author:robert.wst@gmail.com #
********************************************************************************
* Licensed under MIT License. Read the file LICENSE for more information *
*******************************************************************************/
GeoGame: Prototype
*******************************************************************************/-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="cache-control" content="no-cache">
<script type="text/javascript" src="compiled/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="compiled/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="compiled/kineticjs.js"></script>
<!--<script type="text/javascript" src="external/closure-library/closure/goog/base.js"></script>
<script type="text/javascript" src="compiled/deps.js"></script>
<script type="text/javascript">goog.require('owg.OpenWebGlobe');goog.require('owg.gg.GlobeGame');goog.require('owg.gg.Editor');</script>-->
<script type="text/javascript" src="compiled/ggedit-optimized.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/smoothness/jquery-ui.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
jQuery(function(){
// Tabs
jQuery('#tabContainer').tabs();
jQuery('#testbtn').button();
jQuery('#resetbtn').button();
jQuery('#save').button();
jQuery('#clearviews').button();
jQuery('#addview').button();
});
</script>
</head>
<body style="overflow:hidden;" onload="Init('http://10.42.2.41/www/',2)">
<div id="owg_div" style="float:left">
<div id="main_ui" style="position: absolute; width: 100%;height: 100%; z-index: 100; visibility: hidden; cursor: pointer"></div>
<canvas id="canvas">
</canvas>
</div>
<div style="background-color:#FFF;position:absolute; width: 350px; padding:5px; z-index: 101; float:right; right:0px">
<h2>SwizzQuiz: Challenge Editor</h2><br/>
<div id="tabContainer">
<ul>
<li><a href="#tab_1">Details</a></li>
<li><a href="#tab_2">Code</a></li>
</ul>
<div id="tab_1">
<button id="testbtn" style="margin: 1px;width:150px; height: 25px; visibility: visible" onclick="ShowChallenge()">Test</button>
<button id="resetbtn" style="margin: 1px;width:150px; height: 25px; visibility: hidden" onclick="HideChallenge()">Reset</button><br/>
<input type="checkbox" onchange="TrafficLayer(this.checked)">OSM Layer einblenden</input><br/>
<b>Typ der Aufgabe: </b><select onkeydown="InputBoxKeyPressed(event)" id="ctype" onchange="TypeChanged(this.value)">
<option value="landmark">Wissensaufgabe</option>
<option value="picking">Orientierungsaufgabe</option>
</select><br/><hr/>
<b>Details:</b>
<div id="picking_div" style="visibility: hidden; position: absolute">
<table>
<tr>
<td>Punkte: </td><td><input onkeydown="InputBoxKeyPressed(event)" id="qscore" type="number" value="100"/></td>
</tr>
<tr>
<td>Beschreibung: </td><td><input onkeydown="InputBoxKeyPressed(event)" id="location" type="text" value="Test Title" /></td>
</tr>
</table>
</div>
<div id="landmark_div" style="visibility: visible">
<table>
<tr>
<td>Antwort 1: </td><td><input onkeydown="InputBoxKeyPressed(event)" id="option1" type="text" value="Option1"/></td>
</tr>
<tr>
<td>Antwort 2: </td><td><input onkeydown="InputBoxKeyPressed(event)" id="option2" type="text" value="Option2"/></td>
</tr>
<tr>
<td>Antwort 3: </td><td><input onkeydown="InputBoxKeyPressed(event)" id="option3" type="text" value="Option3"/></td>
</tr>
<tr>
<td>Antwort 4: </td><td><input onkeydown="InputBoxKeyPressed(event)" id="option4" type="text" value="Option4"/></td>
</tr>
<tr>
<td>Lösungsantwort(1-4): </td><td><input onkeydown="InputBoxKeyPressed(event)" id="correctoption" type="number" value="1"/></td>
</tr>
<tr>
<td>Punkte: </td><td><input onkeydown="InputBoxKeyPressed(event)" id="basescore" type="number" value="100"/></td>
</tr>
<tr>
<td>Beschreibung: </td><td><input onkeydown="InputBoxKeyPressed(event)" id="title" type="text" value="Test Title" /></td>
</tr>
</table>
<b>Ansichten verwalten:</b><br/>
<button id="addview" style="margin:1px; width:150px; height: 25px" onclick="AddView()">Hinzufügen</button><button id="clearviews" style="margin:1px;width:150px; height: 25px" onclick="ClearViews()">Leeren</button>
<br/>Current:<span id="current"></span></div><hr/>
</div>
<div id="tab_2">
<textarea id="output" onkeydown="InputBoxKeyPressed(event)" style="height:300px; width: 325px;background-color: #ffffee;" onclick="SelectAllText('output')"></textarea><br/>
<button id="save" style="margin:1px;width:150px; height: 25px" onclick="SaveToFile()">Speichern</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function SaveToFile()
{
window.open("save_to_file.php?content="+jQuery("#output").val());
}
function InputBoxKeyPressed(evt)
{
evt.stopPropagation();
}
</script>
</body>
</html>