GOOL/index.html at master · pja35/GOOL · 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
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html translate="no" lang="en">
<head>
<title>GooL Translate</title>
<meta charset="UTF-8">
<meta name="description"
	content="General Object Oriented Langages Online Translator">
<meta name="keywords"
	content="online translator,JAVA,PYTHON,C,C#,C++,object oriented langage,GOOL,general object oriented langage,migrate langage,port">
<meta name="author" content="Charbel FOUREL">
<meta name="viewport" content="width=device-width">
<!--CSS of the site-->
<link type="text/css" rel="stylesheet" href="Elements/css/style.css" />
<!--CSS for Prettify-->
<link href="Elements/css/prettify.css" type="text/css" rel="stylesheet" />
<!--JavaScript of the site-->
<script src="Elements/js/scripts.js"></script>
<!--JavaScript for Prettify-->
<script type="text/javascript" src="Elements/js/prettify.js"></script>
</head>
<body>
	<!--Header with logo-->
	<div id="TitleHeader">
		<a href="index.html" title="General Object Oriented Langage"><img
			id="LogoGool" src="Elements/Images/LogoGOOL.png" alt="GooL"></a>
	</div>
	<!--Description-->
	<div id="description">
		<span id="textDescription">General Object Oriented Languages
			Translator</span>
	</div>
	<!-- 	<div id="debug"> debug </div> -->
	<!--Main Block with evreything but the header, the description and the footer relative elements-->
	<div id="centralBlock">
		<div id="textField">
			<!--This block contains all elements relative to user input-->
			<div class="IO">
				<div class="toolBar">
					<form>
						<label for="inputLang">Input language</label> <select
							id="inputLang" name="Languages">
							<option selected value="java">Java</option>
							<option value="c++">C++</option>
						</select>
					</form>
					<button class="globalButton" id="translate" onclick="send();"
						title="Translate input code">Translate</button>
					<button class="globalButton" id="swap" onclick="swap();"
						title="Swap langages">⇆</button>
				</div>
				<div id="input">
					<textarea id="inputTXT"
						placeholder="Fill in with the code you want to translate..."
						spellcheck="false" autofocus>
					</textarea>
				</div>
			</div>
			<!--This block contains all elements relative to gool output-->
			<div class="IO">
				<div class="toolBar">
					<form>
						<label for="outputLang">Output language</label> <select
							id="outputLang" name="Languages">
							<option value="java">Java</option>
							<option selected value="c++">C++</option>
							<option value="c#">C#</option>
							<option value="python">Python</option>
							<option value="objc">ObjC</option>
							<option value="xml">Xml</option>
						</select>
					</form>
				</div>
				<div id="output"></div>
				<div class="toolBar" id="execute">
					<a id="advice"></a>
					<p><button class="globalButton" id="executeButton"
							onclick="execute();" title="Execute selected file of the output code">Execute</button></p>
				</div>
			</div>
		</div>
		<div id="errorsLinks">
			<!--This block contains all elements relative to the error display-->
			<div class="IO smallCont">
				<div class="toolBar">
					<span id="errorsTitle">Translation errors:</span>
				</div>
				<div id="errors">
					<textarea id="errorsTXT" readonly>
						</textarea>
				</div>
			</div>
			<div class="IO smallCont" id="execDisplay">
				<div class="toolBar">
					<span id="execOutputsTitle">Output execution output (the selected file must contain a main function):</span>
				</div>
				<div id="execOutputs">
					<textarea id="execOutputsTXT" readonly>
					</textarea>
				</div>
				<div class="toolBar">
					<span id="execErrorsTitle">Output execution errors:</span>
				</div>
				<div id="execErrors">
					<textarea id="execErrorsTXT" readonly>
					</textarea>
				</div>
			</div>
		</div>
	</div>
	<!--Footer with copyrights, contact, HTML5 validation logo and CSS3 validation logo-->
	<div id="footer">
		<div id="goolLinks">
			<ul>
				<li><b>GOOL</b> project's Github is accessible <a
					target="_blank" href="https://github.com/librecoop/GOOL/wiki">here</a>.</li>
				<li>A <b>GOOL</b> project slider is visible <a target="_blank"
					href="https://www.dropbox.com/s/5xsrnu39w69rfmv/gool_icooolps.pdf">here</a>.
				</li>
				<li>An <b>ACM DL</b> publication about <b>GOOL</b> project is
					freely available <a target="_blank"
					href="http://pageperso.lif.univ-mrs.fr/~pablo.arrighi/GOOLpaper.pdf">here</a>.
				</li>
			</ul>
		</div>
		<div id="copyright">
			<span>Copyright <a href="https://www.univ-amu.fr/">AMU</a>
				2017 | Contact: <a
				href="http://pageperso.lif.univ-mrs.fr/~pablo.arrighi/">P.
					Arrighi</a></span>
		</div>
		<div>
			<a href="http://labex-archimede.univ-amu.fr/spip.php?1&lang=en"
				title="LabEx Archimede"> <img id="archlogo"
				src="Elements/Images/LogoArchimede.jpg" alt="LabEx Archimede"
				width="100">
			</a>
		</div>
		<div>
			<img id="HTML5" src="Elements/Images/HTML5.png" alt="HTML5"> <a
				href="http://jigsaw.w3.org/css-validator/check/referer"><img
				id="CSS" src="Elements/Images/vcss.gif" alt="CSS Valide !" /></a> <span>HTML5
				Logo by <a href="http://www.w3.org/"><abbr
					title="World Wide Web Consortium">W3C</abbr></a>
			</span>
		</div>

	</div>
	<!-- The following js script does launch the socket initialization and the input and output fields -->
	<script type="text/javascript">
			openSocket();
	</script>
</body>
</html>