1
/* IVLE - Informatics Virtual Learning Environment
2
* Copyright (C) 2007-2008 The University of Melbourne
4
* This program is free software; you can redistribute it and/or modify
5
* it under the terms of the GNU General Public License as published by
6
* the Free Software Foundation; either version 2 of the License, or
7
* (at your option) any later version.
9
* This program is distributed in the hope that it will be useful,
10
* but WITHOUT ANY WARRANTY; without even the implied warranty of
11
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12
* GNU General Public License for more details.
14
* You should have received a copy of the GNU General Public License
15
* along with this program; if not, write to the Free Software
16
* Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
18
* Module: Console (Client-side JavaScript)
19
* Author: Tom Conway, Matt Giuca
23
1
digest_constant = "hello";
29
/* Begin religious debate (tabs vs spaces) here: */
30
/* (This string will be inserted in the console when the user presses the Tab
34
/* Console DOM objects */
36
console_filler = null;
38
windowpane_mode = false;
39
server_started = false;
41
/* Starts the console server, if it isn't already.
42
* This can be called any number of times - it only starts the one server.
43
* This is a separate step from console_init, as the server is only to be
44
* started once the first command is entered.
45
* Does not return a value. Writes to global variables
46
* server_host, server_port, server_magic.
7
/* Starts the console server.
8
* Returns an object with fields "host", "port", "magic" describing the
48
11
function start_server()
50
if (server_started) return;
51
13
var xhr = ajax_call("consoleservice", "start", {}, "POST");
52
14
var json_text = xhr.responseText;
53
var server_info = JSON.parse(json_text);
15
return JSON.parse(json_text);
20
/* Start the server */
21
var server_info = start_server();
54
22
server_host = server_info.host;
55
23
server_port = server_info.port;
56
24
server_magic = server_info.magic;
57
server_started = true;
60
/** Initialises the console. All apps which import console are required to
62
* Optional "windowpane" (bool), if true, will cause the console to go into
63
* "window pane" mode which will allow it to be opened and closed, and float
65
* (Defaults to closed).
67
function console_init(windowpane)
69
/* Set up the console as a floating pane */
70
console_body = document.getElementById("console_body");
71
/* If there is no console body, don't worry.
72
* (This lets us import console.js even on pages without a console box */
73
if (console_body == null) return;
74
console_filler = document.getElementById("console_filler");
77
windowpane_mode = true;
80
/* TEMP: Start the server now.
81
* Ultimately we want the server to start only when a line is typed, but
82
* it currently does it asynchronously and doesn't start in time for the
87
/** Hide the main console panel, so the console minimizes to just an input box
88
* at the page bottom. */
89
function console_minimize()
91
if (!windowpane_mode) return;
92
console_body.setAttribute("class", "windowpane minimal");
93
console_filler.setAttribute("class", "windowpane minimal");
96
/** Show the main console panel, so it enlarges out to its full size.
98
function console_maximize()
100
if (!windowpane_mode) return;
101
console_body.setAttribute("class", "windowpane maximal");
102
console_filler.setAttribute("class", "windowpane maximal");
103
/* Focus the input box by default */
104
document.getElementById("console_inputText").focus()
107
/* current_text is the string currently on the command line.
108
* If non-empty, it will be stored at the bottom of the history.
110
function historyUp(current_text)
112
/* Remember the changes made to this item */
113
this.edited[this.cursor] = current_text;
27
/* Below here imported from trunk/console/console.js
118
this.earliestCursor = this.cursor;
121
function historyDown(current_text)
41
function historyDown()
123
/* Remember the changes made to this item */
124
this.edited[this.cursor] = current_text;
125
if (this.cursor < this.items.length - 1)
43
if (this.cursor < this.items.length)
131
49
function historyCurr()
133
return this.edited[this.cursor];
51
if (this.cursor < 0 || this.cursor >= this.items.length)
55
return this.items[this.cursor];
136
function historySubmit(text)
58
function historyAdd(text)
138
/* Copy the selected item's "edited" version over the permanent version of
140
this.items[this.items.length-1] = text;
141
/* Add a new blank item */
142
this.items[this.items.length] = "";
143
this.cursor = this.items.length-1;
144
/* Blow away all the edited versions, replacing them with the existing
146
* Not the whole history - just start from the earliest edited one.
147
* (This avoids slowdown over extended usage time).
149
for (var i=this.earliestCursor; i<=this.cursor; i++)
150
this.edited[i] = this.items[i];
151
this.earliestCursor = this.cursor;
60
this.items[this.items.length] = text;
61
this.cursor = this.items.length;
154
64
function historyShow()
67
if (this.cursor == -1)
157
71
for (var i = 0; i < this.items.length; i++)
159
73
if (i == this.cursor)
178
* This is a fairly complex mechanism due to complications when editing
179
* history items. We store two arrays. "items" is the permanent history of
180
* each item. "edited" is a "volatile" version of items - the edits made to
181
* the history between now and last time you hit "enter".
182
* This is because the user can go back and edit any of the previous items,
183
* and the edits are remembered until they hit enter.
185
* When hitting enter, the "edited" version of the currently selected item
186
* replaces the "item" version of the last item in the list.
187
* Then a new blank item is created, for the new line of input.
188
* Lastly, all the "edited" versions are replaced with their stable versions.
190
* Cursor never points to an invalid location.
192
91
function History()
194
this.items = new Array("");
195
this.edited = new Array("");
197
this.earliestCursor = 0;
93
this.items = new Array();
198
95
this.up = historyUp;
199
96
this.down = historyDown;
200
97
this.curr = historyCurr;
201
this.submit = historySubmit;
98
this.add = historyAdd;
202
99
this.show = historyShow;
205
102
var hist = new History();
207
/** Send a line of text to the Python server, wait for its return, and react
208
* to its response by writing to the output box.
209
* Also maximize the console window if not already.
211
function console_enter_line(inputline, which)
104
function enter_line()
213
/* Start the server if it hasn't already been started */
215
var digest = hex_md5(inputline + server_magic);
106
var inp = document.getElementById('inputText');
107
var digest = hex_md5(inp.value + magic);
216
108
var args = {"host": server_host, "port": server_port,
217
"digest":digest, "text":inputline};
218
var xmlhttp = ajax_call("consoleservice", which, args, "POST");
109
"digest":digest, "text":inp.value};
110
var xmlhttp = ajax_call("consoleservice", "chat", args, "POST");
220
112
var res = JSON.parse(xmlhttp.responseText);
221
var output = document.getElementById("console_output");
113
var output = document.getElementById("output");
223
115
var pre = document.createElement("pre");
224
116
pre.setAttribute("class", "inputMsg");
225
pre.appendChild(document.createTextNode(inputline + "\n"));
117
pre.appendChild(document.createTextNode(inp.value + "\n"));
226
118
output.appendChild(pre);
228
120
if (res.hasOwnProperty('okay'))
242
134
output.appendChild(pre);
244
136
// set the prompt to >>>
245
var prompt = document.getElementById("console_prompt");
137
var prompt = document.getElementById("prompt");
246
138
prompt.replaceChild(document.createTextNode(">>> "), prompt.firstChild);
248
140
else if (res.hasOwnProperty('exc'))
251
// print out any output that came before the error
252
if (res.exc[0].length > 0)
254
var pre = document.createElement("pre");
255
pre.setAttribute("class", "outputMsg");
256
pre.appendChild(document.createTextNode(res.exc[0]));
257
output.appendChild(pre);
260
143
// print out the error message (res.exc)
261
144
var pre = document.createElement("pre");
262
145
pre.setAttribute("class", "errorMsg");
263
pre.appendChild(document.createTextNode(res.exc[1]));
146
pre.appendChild(document.createTextNode(res.exc));
264
147
output.appendChild(pre);
266
149
else if (res.hasOwnProperty('more'))
268
151
// Need more input, so set the prompt to ...
269
var prompt = document.getElementById("console_prompt");
152
var prompt = document.getElementById("prompt");
270
153
prompt.replaceChild(document.createTextNode("... "), prompt.firstChild);
273
156
// assert res.hasOwnProperty('input')
274
var prompt = document.getElementById("console_prompt");
157
var prompt = document.getElementById("prompt");
275
158
prompt.replaceChild(document.createTextNode("+++ "), prompt.firstChild);
277
/* Open up the console so we can see the output */
281
162
function catch_input(key)
283
var inp = document.getElementById('console_inputText');
286
case 9: /* Tab key */
287
var selstart = inp.selectionStart;
288
var selend = inp.selectionEnd;
289
if (selstart == selend)
291
/* No selection, just a carat. Insert a tab here. */
292
inp.value = inp.value.substr(0, selstart)
293
+ TAB_STRING + inp.value.substr(selstart);
297
/* Text is selected. Just indent the whole line
298
* by inserting a tab at the start */
299
inp.value = TAB_STRING + inp.value;
301
/* Update the selection so the same characters as before are selected
303
inp.selectionStart = selstart + TAB_STRING.length;
304
inp.selectionEnd = inp.selectionStart + (selend - selstart);
305
/* Cancel the event, so the TAB key doesn't move focus away from this
308
/* Note: If it happens that some browsers don't support event
309
* cancelling properly, this hack might work instead:
311
"document.getElementById('console_inputText').focus()",
315
case 13: /* Enter key */
316
/* Send the line of text to the server */
317
console_enter_line(inp.value, "chat");
318
hist.submit(inp.value);
319
inp.value = hist.curr();
321
case 38: /* Up arrow */
323
inp.value = hist.curr();
325
case 40: /* Down arrow */
326
hist.down(inp.value);
327
inp.value = hist.curr();
164
var inp = document.getElementById('inputText');
169
inp.value = hist.curr();
174
inp.value = hist.curr();
179
inp.value = hist.curr();
added
removed
www/media/console/console.js
