332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
1 |
/* IVLE - Informatics Virtual Learning Environment
|
2 |
* Copyright (C) 2007-2008 The University of Melbourne
|
|
3 |
*
|
|
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.
|
|
8 |
*
|
|
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.
|
|
13 |
*
|
|
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
|
|
17 |
*
|
|
18 |
* Module: Console (Client-side JavaScript)
|
|
19 |
* Author: Tom Conway, Matt Giuca
|
|
20 |
* Date: 30/1/2008
|
|
21 |
*/
|
|
22 |
||
432
by drtomc
usrmgt: more work on this. Still some work to go. |
23 |
var server_key; |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
24 |
|
339
by mattgiuca
console: |
25 |
/* Begin religious debate (tabs vs spaces) here: */
|
26 |
/* (This string will be inserted in the console when the user presses the Tab
|
|
27 |
* key) */
|
|
28 |
TAB_STRING = " "; |
|
29 |
||
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
30 |
/* Console DOM objects */
|
31 |
console_body = null; |
|
32 |
console_filler = null; |
|
33 |
||
339
by mattgiuca
console: |
34 |
windowpane_mode = false; |
343
by mattgiuca
console: Small refactoring of how server starts up. Currently does not affect |
35 |
server_started = false; |
339
by mattgiuca
console: |
36 |
|
628
by drtomc
console: Add output based interrupt. This allows users to interrupt long |
37 |
interrupted = false; |
38 |
||
343
by mattgiuca
console: Small refactoring of how server starts up. Currently does not affect |
39 |
/* Starts the console server, if it isn't already.
|
40 |
* This can be called any number of times - it only starts the one server.
|
|
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
41 |
* Note that this is asynchronous. It will return after signalling to start
|
42 |
* the server, but there is no guarantee that it has been started yet.
|
|
343
by mattgiuca
console: Small refactoring of how server starts up. Currently does not affect |
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
|
|
432
by drtomc
usrmgt: more work on this. Still some work to go. |
46 |
* server_host, and server_port.
|
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
47 |
*
|
48 |
* \param callback Function which will be called after the server has been
|
|
49 |
* started. No parameters are passed. May be null.
|
|
217
by mattgiuca
Console: Python code generates a minimal document with a DIV and links to |
50 |
*/
|
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
51 |
function start_server(callback) |
217
by mattgiuca
Console: Python code generates a minimal document with a DIV and links to |
52 |
{
|
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
53 |
if (server_started) |
54 |
{
|
|
55 |
callback(); |
|
56 |
return; |
|
57 |
}
|
|
58 |
var callback1 = function(xhr) |
|
59 |
{
|
|
60 |
var json_text = xhr.responseText; |
|
61 |
server_key = JSON.parse(json_text); |
|
62 |
server_started = true; |
|
63 |
if (callback != null) |
|
64 |
callback(); |
|
65 |
}
|
|
66 |
ajax_call(callback1, "consoleservice", "start", {}, "POST"); |
|
217
by mattgiuca
Console: Python code generates a minimal document with a DIV and links to |
67 |
}
|
68 |
||
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
69 |
/** Initialises the console. All apps which import console are required to
|
70 |
* call this function.
|
|
71 |
* Optional "windowpane" (bool), if true, will cause the console to go into
|
|
72 |
* "window pane" mode which will allow it to be opened and closed, and float
|
|
73 |
* over the page.
|
|
74 |
* (Defaults to closed).
|
|
75 |
*/
|
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
76 |
function console_init(windowpane) |
217
by mattgiuca
Console: Python code generates a minimal document with a DIV and links to |
77 |
{
|
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
78 |
/* Set up the console as a floating pane */
|
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
79 |
console_body = document.getElementById("console_body"); |
362
by mattgiuca
console: Automatically focus input box when starting console app, or when |
80 |
/* If there is no console body, don't worry.
|
81 |
* (This lets us import console.js even on pages without a console box */
|
|
82 |
if (console_body == null) return; |
|
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
83 |
console_filler = document.getElementById("console_filler"); |
331
by mattgiuca
Console: Configured console to display properly as a "floating" window in the |
84 |
if (windowpane) |
339
by mattgiuca
console: |
85 |
{
|
86 |
windowpane_mode = true; |
|
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
87 |
console_minimize(); |
339
by mattgiuca
console: |
88 |
}
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
89 |
}
|
90 |
||
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
91 |
/** Hide the main console panel, so the console minimizes to just an input box
|
92 |
* at the page bottom. */
|
|
93 |
function console_minimize() |
|
94 |
{
|
|
339
by mattgiuca
console: |
95 |
if (!windowpane_mode) return; |
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
96 |
console_body.setAttribute("class", "windowpane minimal"); |
97 |
console_filler.setAttribute("class", "windowpane minimal"); |
|
98 |
}
|
|
99 |
||
100 |
/** Show the main console panel, so it enlarges out to its full size.
|
|
101 |
*/
|
|
102 |
function console_maximize() |
|
103 |
{
|
|
339
by mattgiuca
console: |
104 |
if (!windowpane_mode) return; |
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
105 |
console_body.setAttribute("class", "windowpane maximal"); |
106 |
console_filler.setAttribute("class", "windowpane maximal"); |
|
107 |
}
|
|
108 |
||
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
109 |
/* current_text is the string currently on the command line.
|
110 |
* If non-empty, it will be stored at the bottom of the history.
|
|
111 |
*/
|
|
112 |
function historyUp(current_text) |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
113 |
{
|
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
114 |
/* Remember the changes made to this item */
|
115 |
this.edited[this.cursor] = current_text; |
|
116 |
if (this.cursor > 0) |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
117 |
{
|
118 |
this.cursor--; |
|
119 |
}
|
|
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
120 |
this.earliestCursor = this.cursor; |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
121 |
}
|
122 |
||
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
123 |
function historyDown(current_text) |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
124 |
{
|
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
125 |
/* Remember the changes made to this item */
|
126 |
this.edited[this.cursor] = current_text; |
|
127 |
if (this.cursor < this.items.length - 1) |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
128 |
{
|
129 |
this.cursor++; |
|
130 |
}
|
|
131 |
}
|
|
132 |
||
133 |
function historyCurr() |
|
134 |
{
|
|
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
135 |
return this.edited[this.cursor]; |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
136 |
}
|
137 |
||
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
138 |
function historySubmit(text) |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
139 |
{
|
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
140 |
/* Copy the selected item's "edited" version over the permanent version of
|
141 |
* the last item. */
|
|
142 |
this.items[this.items.length-1] = text; |
|
143 |
/* Add a new blank item */
|
|
144 |
this.items[this.items.length] = ""; |
|
145 |
this.cursor = this.items.length-1; |
|
146 |
/* Blow away all the edited versions, replacing them with the existing
|
|
147 |
* items set.
|
|
148 |
* Not the whole history - just start from the earliest edited one.
|
|
149 |
* (This avoids slowdown over extended usage time).
|
|
150 |
*/
|
|
151 |
for (var i=this.earliestCursor; i<=this.cursor; i++) |
|
152 |
this.edited[i] = this.items[i]; |
|
153 |
this.earliestCursor = this.cursor; |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
154 |
}
|
155 |
||
156 |
function historyShow() |
|
157 |
{
|
|
158 |
var res = ""; |
|
159 |
for (var i = 0; i < this.items.length; i++) |
|
160 |
{
|
|
161 |
if (i == this.cursor) |
|
162 |
{
|
|
163 |
res += "[" |
|
164 |
}
|
|
165 |
res += this.items[i].toString(); |
|
166 |
if (i == this.cursor) |
|
167 |
{
|
|
168 |
res += "]" |
|
169 |
}
|
|
170 |
res += " " |
|
171 |
}
|
|
172 |
if (this.cursor == this.items.length) |
|
173 |
{
|
|
174 |
res += "[]"; |
|
175 |
}
|
|
176 |
return res; |
|
177 |
}
|
|
178 |
||
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
179 |
/* How history works
|
180 |
* This is a fairly complex mechanism due to complications when editing
|
|
181 |
* history items. We store two arrays. "items" is the permanent history of
|
|
182 |
* each item. "edited" is a "volatile" version of items - the edits made to
|
|
183 |
* the history between now and last time you hit "enter".
|
|
184 |
* This is because the user can go back and edit any of the previous items,
|
|
185 |
* and the edits are remembered until they hit enter.
|
|
186 |
*
|
|
187 |
* When hitting enter, the "edited" version of the currently selected item
|
|
188 |
* replaces the "item" version of the last item in the list.
|
|
189 |
* Then a new blank item is created, for the new line of input.
|
|
190 |
* Lastly, all the "edited" versions are replaced with their stable versions.
|
|
191 |
*
|
|
192 |
* Cursor never points to an invalid location.
|
|
193 |
*/
|
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
194 |
function History() |
195 |
{
|
|
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
196 |
this.items = new Array(""); |
197 |
this.edited = new Array(""); |
|
198 |
this.cursor = 0; |
|
199 |
this.earliestCursor = 0; |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
200 |
this.up = historyUp; |
201 |
this.down = historyDown; |
|
202 |
this.curr = historyCurr; |
|
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
203 |
this.submit = historySubmit; |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
204 |
this.show = historyShow; |
205 |
}
|
|
206 |
||
207 |
var hist = new History(); |
|
208 |
||
628
by drtomc
console: Add output based interrupt. This allows users to interrupt long |
209 |
function set_interrupt() |
210 |
{
|
|
211 |
interrupted = true; |
|
212 |
}
|
|
213 |
||
214 |
function clear_output() |
|
215 |
{
|
|
216 |
var output = document.getElementById("console_output"); |
|
217 |
while (output.firstChild) |
|
218 |
{
|
|
219 |
output.removeChild(output.firstChild); |
|
220 |
}
|
|
221 |
}
|
|
222 |
||
333
by mattgiuca
console.js: enter_line now accepts the line as an argument instead of reading |
223 |
/** Send a line of text to the Python server, wait for its return, and react
|
224 |
* to its response by writing to the output box.
|
|
225 |
* Also maximize the console window if not already.
|
|
226 |
*/
|
|
590
by mattgiuca
console: Added disabling of the input box when waiting for a response from the |
227 |
function console_enter_line(inputbox, which) |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
228 |
{
|
628
by drtomc
console: Add output based interrupt. This allows users to interrupt long |
229 |
interrupted = false; |
230 |
||
593
by mattgiuca
console.js: Fixed not working when you pass a string to console_enter_line |
231 |
if (typeof(inputbox) == "string") |
232 |
{
|
|
233 |
var inputline = inputbox; |
|
234 |
inputbox = null; |
|
235 |
var graytimer = null; |
|
236 |
}
|
|
237 |
else
|
|
238 |
{
|
|
239 |
GLOBAL_inputbox = inputbox; /* For timer */ |
|
240 |
var inputline = inputbox.value; |
|
241 |
var graytimer = setTimeout("GLOBAL_inputbox.setAttribute(\"class\", " |
|
242 |
+ "\"disabled\");", 100); |
|
243 |
}
|
|
618
by drtomc
console: Get rid of all the extra pre elements. |
244 |
var output = document.getElementById("console_output"); |
245 |
{
|
|
654
by mattgiuca
console.js|css: |
246 |
// Print ">>>" span
|
247 |
var span = document.createElement("span"); |
|
248 |
span.setAttribute("class", "inputPrompt"); |
|
249 |
span.appendChild(document.createTextNode(">>> ")); |
|
250 |
output.appendChild(span); |
|
251 |
// Print input line itself in a span
|
|
618
by drtomc
console: Get rid of all the extra pre elements. |
252 |
var span = document.createElement("span"); |
253 |
span.setAttribute("class", "inputMsg"); |
|
254 |
span.appendChild(document.createTextNode(inputline + "\n")); |
|
255 |
output.appendChild(span); |
|
256 |
}
|
|
432
by drtomc
usrmgt: more work on this. Still some work to go. |
257 |
var args = {"key": server_key, "text":inputline}; |
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
258 |
var callback = function(xhr) |
259 |
{
|
|
598
by drtomc
console: send output back to the browser progressively. |
260 |
console_response(inputbox, graytimer, inputline, xhr.responseText); |
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
261 |
}
|
590
by mattgiuca
console: Added disabling of the input box when waiting for a response from the |
262 |
/* Disable the text box */
|
593
by mattgiuca
console.js: Fixed not working when you pass a string to console_enter_line |
263 |
if (inputbox != null) |
264 |
inputbox.setAttribute("disabled", "disabled"); |
|
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
265 |
ajax_call(callback, "consoleservice", which, args, "POST"); |
266 |
}
|
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
267 |
|
598
by drtomc
console: send output back to the browser progressively. |
268 |
function console_response(inputbox, graytimer, inputline, responseText) |
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
269 |
{
|
646
by drtomc
console: - work around the ff bug with the cursor. |
270 |
try
|
271 |
{
|
|
272 |
var res = JSON.parse(responseText); |
|
273 |
}
|
|
274 |
catch (e) |
|
275 |
{
|
|
276 |
alert("An internal error occurred in the python console."); |
|
277 |
return; |
|
278 |
}
|
|
328
by mattgiuca
console: Renamed HTML element IDs to prefix "console_". |
279 |
var output = document.getElementById("console_output"); |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
280 |
if (res.hasOwnProperty('okay')) |
281 |
{
|
|
282 |
// Success!
|
|
599
by drtomc
console: improve end of line handling. |
283 |
if (res.okay) |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
284 |
{
|
618
by drtomc
console: Get rid of all the extra pre elements. |
285 |
output.appendChild(document.createTextNode(res.okay + "\n")); |
286 |
output.appendChild(span); |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
287 |
}
|
288 |
// set the prompt to >>>
|
|
328
by mattgiuca
console: Renamed HTML element IDs to prefix "console_". |
289 |
var prompt = document.getElementById("console_prompt"); |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
290 |
prompt.replaceChild(document.createTextNode(">>> "), prompt.firstChild); |
291 |
}
|
|
292 |
else if (res.hasOwnProperty('exc')) |
|
293 |
{
|
|
294 |
// Failure!
|
|
295 |
// print out the error message (res.exc)
|
|
618
by drtomc
console: Get rid of all the extra pre elements. |
296 |
var span = document.createElement("span"); |
297 |
span.setAttribute("class", "errorMsg"); |
|
298 |
span.appendChild(document.createTextNode(res.exc + "\n")); |
|
299 |
output.appendChild(span); |
|
654
by mattgiuca
console.js|css: |
300 |
// set the prompt to >>>
|
301 |
var prompt = document.getElementById("console_prompt"); |
|
302 |
prompt.replaceChild(document.createTextNode(">>> "), prompt.firstChild); |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
303 |
}
|
737
by dcoles
Console: The consoleservice is now able to work out when a console has timed |
304 |
else if (res.hasOwnProperty('restart') && res.hasOwnProperty('key')) |
305 |
{
|
|
306 |
// Server has indicated that the console should be restarted
|
|
307 |
||
308 |
// Get the new key (host, port, magic)
|
|
309 |
server_key = res.key; |
|
310 |
||
311 |
// Print a reason to explain why we'd do such a horrible thing
|
|
312 |
// (console timeout, server error etc.)
|
|
313 |
var span = document.createElement("span"); |
|
314 |
span.setAttribute("class", "errorMsg"); |
|
315 |
span.appendChild(document.createTextNode("Console Restart: " + res.restart + "\n")); |
|
316 |
output.appendChild(span); |
|
317 |
// set the prompt to >>>
|
|
318 |
var prompt = document.getElementById("console_prompt"); |
|
319 |
prompt.replaceChild(document.createTextNode(">>> "), prompt.firstChild); |
|
320 |
||
321 |
}
|
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
322 |
else if (res.hasOwnProperty('more')) |
323 |
{
|
|
324 |
// Need more input, so set the prompt to ...
|
|
328
by mattgiuca
console: Renamed HTML element IDs to prefix "console_". |
325 |
var prompt = document.getElementById("console_prompt"); |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
326 |
prompt.replaceChild(document.createTextNode("... "), prompt.firstChild); |
327 |
}
|
|
598
by drtomc
console: send output back to the browser progressively. |
328 |
else if (res.hasOwnProperty('output')) |
329 |
{
|
|
599
by drtomc
console: improve end of line handling. |
330 |
if (res.output.length > 0) |
598
by drtomc
console: send output back to the browser progressively. |
331 |
{
|
618
by drtomc
console: Get rid of all the extra pre elements. |
332 |
output.appendChild(document.createTextNode(res.output)); |
598
by drtomc
console: send output back to the browser progressively. |
333 |
}
|
334 |
var callback = function(xhr) |
|
335 |
{
|
|
336 |
console_response(inputbox, graytimer, |
|
337 |
null, xhr.responseText); |
|
338 |
}
|
|
628
by drtomc
console: Add output based interrupt. This allows users to interrupt long |
339 |
if (interrupted) |
340 |
{
|
|
341 |
var kind = "interrupt"; |
|
342 |
}
|
|
343 |
else
|
|
344 |
{
|
|
345 |
var kind = "chat"; |
|
346 |
}
|
|
598
by drtomc
console: send output back to the browser progressively. |
347 |
var args = {"key": server_key, "text":''}; |
628
by drtomc
console: Add output based interrupt. This allows users to interrupt long |
348 |
ajax_call(callback, "consoleservice", kind, args, "POST"); |
623
by drtomc
console: fix a minor styling flaw. |
349 |
|
629
by drtomc
console: a couple of minor tweaks arising from conversation with Adrian. |
350 |
// Open up the console so we can see the output
|
351 |
// FIXME: do we need to maximize here?
|
|
623
by drtomc
console: fix a minor styling flaw. |
352 |
console_maximize(); |
629
by drtomc
console: a couple of minor tweaks arising from conversation with Adrian. |
353 |
|
623
by drtomc
console: fix a minor styling flaw. |
354 |
/* Auto-scrolling */
|
355 |
divScroll.activeScroll(); |
|
356 |
||
598
by drtomc
console: send output back to the browser progressively. |
357 |
// Return early, so we don't re-enable the input box.
|
358 |
return; |
|
359 |
}
|
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
360 |
else { |
361 |
// assert res.hasOwnProperty('input')
|
|
328
by mattgiuca
console: Renamed HTML element IDs to prefix "console_". |
362 |
var prompt = document.getElementById("console_prompt"); |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
363 |
prompt.replaceChild(document.createTextNode("+++ "), prompt.firstChild); |
364 |
}
|
|
598
by drtomc
console: send output back to the browser progressively. |
365 |
|
366 |
if (inputbox != null) |
|
367 |
{
|
|
368 |
/* Re-enable the text box */
|
|
369 |
clearTimeout(graytimer); |
|
370 |
inputbox.removeAttribute("disabled"); |
|
371 |
inputbox.removeAttribute("class"); |
|
628
by drtomc
console: Add output based interrupt. This allows users to interrupt long |
372 |
interrupted = false; |
598
by drtomc
console: send output back to the browser progressively. |
373 |
}
|
374 |
||
332
by mattgiuca
console plugin: Now presents minimize/maximize buttons, allowing itself to be |
375 |
/* Open up the console so we can see the output */
|
376 |
console_maximize(); |
|
616
by agdimech
/console/console.js: Added dynamic scrolling for the console. |
377 |
/* Auto-scrolling */
|
378 |
divScroll.activeScroll(); |
|
629
by drtomc
console: a couple of minor tweaks arising from conversation with Adrian. |
379 |
|
380 |
// Focus the input box by default
|
|
646
by drtomc
console: - work around the ff bug with the cursor. |
381 |
document.getElementById("console_output").focus() |
382 |
document.getElementById("console_inputText").focus() |
|
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
383 |
}
|
384 |
||
385 |
function catch_input(key) |
|
386 |
{
|
|
328
by mattgiuca
console: Renamed HTML element IDs to prefix "console_". |
387 |
var inp = document.getElementById('console_inputText'); |
339
by mattgiuca
console: |
388 |
switch (key) |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
389 |
{
|
339
by mattgiuca
console: |
390 |
case 9: /* Tab key */ |
391 |
var selstart = inp.selectionStart; |
|
392 |
var selend = inp.selectionEnd; |
|
393 |
if (selstart == selend) |
|
394 |
{
|
|
395 |
/* No selection, just a carat. Insert a tab here. */
|
|
396 |
inp.value = inp.value.substr(0, selstart) |
|
397 |
+ TAB_STRING + inp.value.substr(selstart); |
|
398 |
}
|
|
399 |
else
|
|
400 |
{
|
|
401 |
/* Text is selected. Just indent the whole line
|
|
402 |
* by inserting a tab at the start */
|
|
403 |
inp.value = TAB_STRING + inp.value; |
|
404 |
}
|
|
405 |
/* Update the selection so the same characters as before are selected
|
|
406 |
*/
|
|
407 |
inp.selectionStart = selstart + TAB_STRING.length; |
|
408 |
inp.selectionEnd = inp.selectionStart + (selend - selstart); |
|
409 |
/* Cancel the event, so the TAB key doesn't move focus away from this
|
|
410 |
* box */
|
|
411 |
return false; |
|
412 |
/* Note: If it happens that some browsers don't support event
|
|
413 |
* cancelling properly, this hack might work instead:
|
|
414 |
setTimeout(
|
|
415 |
"document.getElementById('console_inputText').focus()",
|
|
416 |
0);
|
|
417 |
*/
|
|
418 |
break; |
|
419 |
case 13: /* Enter key */ |
|
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
420 |
var callback = function() |
421 |
{
|
|
422 |
/* Send the line of text to the server */
|
|
590
by mattgiuca
console: Added disabling of the input box when waiting for a response from the |
423 |
console_enter_line(inp, "chat"); |
559
by mattgiuca
Major JavaScript refactor: util.ajax_call is now asynchronous, not |
424 |
hist.submit(inp.value); |
425 |
inp.value = hist.curr(); |
|
426 |
}
|
|
427 |
/* Start the server if it hasn't already been started */
|
|
428 |
start_server(callback); |
|
339
by mattgiuca
console: |
429 |
break; |
430 |
case 38: /* Up arrow */ |
|
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
431 |
hist.up(inp.value); |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
432 |
inp.value = hist.curr(); |
339
by mattgiuca
console: |
433 |
break; |
434 |
case 40: /* Down arrow */ |
|
350
by mattgiuca
media/console/console.js: Rewrote console history storage, browsing, and |
435 |
hist.down(inp.value); |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
436 |
inp.value = hist.curr(); |
339
by mattgiuca
console: |
437 |
break; |
276
by mattgiuca
Console now runs inside IVLE (without requiring an IFRAME). The separate |
438 |
}
|
217
by mattgiuca
Console: Python code generates a minimal document with a DIV and links to |
439 |
}
|
616
by agdimech
/console/console.js: Added dynamic scrolling for the console. |
440 |
|
441 |
/**** Following Code modified from ******************************************/
|
|
442 |
/**** http://radio.javaranch.com/pascarello/2006/08/17/1155837038219.html ***/
|
|
443 |
/****************************************************************************/
|
|
444 |
var chatscroll = new Object(); |
|
445 |
||
446 |
chatscroll.Pane = function(scrollContainerId) |
|
447 |
{
|
|
448 |
this.scrollContainerId = scrollContainerId; |
|
449 |
}
|
|
450 |
||
451 |
chatscroll.Pane.prototype.activeScroll = function() |
|
452 |
{
|
|
453 |
var scrollDiv = document.getElementById(this.scrollContainerId); |
|
454 |
var currentHeight = 0; |
|
455 |
||
456 |
if (scrollDiv.scrollHeight > 0) |
|
457 |
currentHeight = scrollDiv.scrollHeight; |
|
458 |
else
|
|
459 |
if (objDiv.offsetHeight > 0) |
|
460 |
currentHeight = scrollDiv.offsetHeight; |
|
461 |
||
462 |
scrollDiv.scrollTop = currentHeight; |
|
463 |
||
464 |
scrollDiv = null; |
|
465 |
}
|
|
466 |
||
467 |
var divScroll = new chatscroll.Pane('console_output'); |