← Back to branch summary

~azzar1/unity/add-show-desktop-key

« back to all changes in this revision

Viewing changes to www/media/console/console.js

  • Committer: mattgiuca
  • Date: 2008-03-15 14:19:29 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:710
Tutorial: The tutorial system now presents a table of contents at the top.
    (This is supposed to be a side bar, but the CSS stylings was too gnarly
    for me tonight!)
    The TOC presents all h1,h2,h3 and exercise nodes in a list.
    The exercises are presented with their green/grey balls to indicate
    completion.
The tutorial JavaScript automatically updates the balls in the
table-of-contents to green if they pass, dynamically.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/console/console.js
34
34
windowpane_mode = false;
35
35
server_started = false;
36
36
 
 
37
interrupted = false;
 
38
 
37
39
/* Starts the console server, if it isn't already.
38
40
 * This can be called any number of times - it only starts the one server.
 
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.
39
43
 * This is a separate step from console_init, as the server is only to be
40
44
 * started once the first command is entered.
41
45
 * Does not return a value. Writes to global variables
42
46
 * server_host, and server_port.
 
47
 *
 
48
 * \param callback Function which will be called after the server has been
 
49
 * started. No parameters are passed. May be null.
43
50
 */
44
 
function start_server()
 
51
function start_server(callback)
45
52
{
46
 
    if (server_started) return;
47
 
    var xhr = ajax_call("consoleservice", "start", {}, "POST");
48
 
    var json_text = xhr.responseText;
49
 
    server_key = JSON.parse(json_text);
50
 
    server_started = true;
 
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");
51
67
}
52
68
 
53
69
/** Initialises the console. All apps which import console are required to
70
86
        windowpane_mode = true;
71
87
        console_minimize();
72
88
    }
73
 
    /* TEMP: Start the server now.
74
 
     * Ultimately we want the server to start only when a line is typed, but
75
 
     * it currently does it asynchronously and doesn't start in time for the
76
 
     * first line. */
77
 
    start_server();
78
89
}
79
90
 
80
91
/** Hide the main console panel, so the console minimizes to just an input box
93
104
    if (!windowpane_mode) return;
94
105
    console_body.setAttribute("class", "windowpane maximal");
95
106
    console_filler.setAttribute("class", "windowpane maximal");
96
 
    /* Focus the input box by default */
97
 
    document.getElementById("console_inputText").focus()
98
107
}
99
108
 
100
109
/* current_text is the string currently on the command line.
197
206
 
198
207
var hist = new History();
199
208
 
 
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
 
200
223
/** Send a line of text to the Python server, wait for its return, and react
201
224
 * to its response by writing to the output box.
202
225
 * Also maximize the console window if not already.
203
226
 */
204
 
function console_enter_line(inputline, which)
 
227
function console_enter_line(inputbox, which)
205
228
{
206
 
    /* Start the server if it hasn't already been started */
207
 
    start_server();
 
229
    interrupted = false;
 
230
 
 
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
    }
 
244
    var output = document.getElementById("console_output");
 
245
    {
 
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
 
252
        var span = document.createElement("span");
 
253
        span.setAttribute("class", "inputMsg");
 
254
        span.appendChild(document.createTextNode(inputline + "\n"));
 
255
        output.appendChild(span);
 
256
    }
208
257
    var args = {"key": server_key, "text":inputline};
209
 
    var xmlhttp = ajax_call("consoleservice", which, args, "POST");
 
258
    var callback = function(xhr)
 
259
        {
 
260
            console_response(inputbox, graytimer, inputline, xhr.responseText);
 
261
        }
 
262
    /* Disable the text box */
 
263
    if (inputbox != null)
 
264
        inputbox.setAttribute("disabled", "disabled");
 
265
    ajax_call(callback, "consoleservice", which, args, "POST");
 
266
}
210
267
 
211
 
    var res = JSON.parse(xmlhttp.responseText);
 
268
function console_response(inputbox, graytimer, inputline, responseText)
 
269
{
 
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
    }
212
279
    var output = document.getElementById("console_output");
213
 
    {
214
 
        var pre = document.createElement("pre");
215
 
        pre.setAttribute("class", "inputMsg");
216
 
        pre.appendChild(document.createTextNode(inputline + "\n"));
217
 
        output.appendChild(pre);
218
 
    }
219
280
    if (res.hasOwnProperty('okay'))
220
281
    {
221
282
        // Success!
222
 
        // print out the output (res.okay[0])
223
 
        var pre = document.createElement("pre");
224
 
        pre.setAttribute("class", "outputMsg");
225
 
        pre.appendChild(document.createTextNode(res.okay[0]));
226
 
        output.appendChild(pre);
227
 
        // print out the return value (res.okay[1])
228
 
        if (res.okay[1])
 
283
        if (res.okay)
229
284
        {
230
 
            var pre = document.createElement("pre");
231
 
            pre.setAttribute("class", "outputMsg");
232
 
            pre.appendChild(document.createTextNode(res.okay[1] + "\n"));
233
 
            output.appendChild(pre);
 
285
            output.appendChild(document.createTextNode(res.okay + "\n"));
 
286
            output.appendChild(span);
234
287
        }
235
288
        // set the prompt to >>>
236
289
        var prompt = document.getElementById("console_prompt");
239
292
    else if (res.hasOwnProperty('exc'))
240
293
    {
241
294
        // Failure!
242
 
        // print out any output that came before the error
243
 
        if (res.exc[0].length > 0)
244
 
        {
245
 
            var pre = document.createElement("pre");
246
 
            pre.setAttribute("class", "outputMsg");
247
 
            pre.appendChild(document.createTextNode(res.exc[0]));
248
 
            output.appendChild(pre);
249
 
        }
250
 
 
251
295
        // print out the error message (res.exc)
252
 
        var pre = document.createElement("pre");
253
 
        pre.setAttribute("class", "errorMsg");
254
 
        pre.appendChild(document.createTextNode(res.exc[1]));
255
 
        output.appendChild(pre);
 
296
        var span = document.createElement("span");
 
297
        span.setAttribute("class", "errorMsg");
 
298
        span.appendChild(document.createTextNode(res.exc + "\n"));
 
299
        output.appendChild(span);
 
300
        // set the prompt to >>>
 
301
        var prompt = document.getElementById("console_prompt");
 
302
        prompt.replaceChild(document.createTextNode(">>> "), prompt.firstChild);
256
303
    }
257
304
    else if (res.hasOwnProperty('more'))
258
305
    {
260
307
        var prompt = document.getElementById("console_prompt");
261
308
        prompt.replaceChild(document.createTextNode("... "), prompt.firstChild);
262
309
    }
 
310
    else if (res.hasOwnProperty('output'))
 
311
    {
 
312
        if (res.output.length > 0)
 
313
        {
 
314
            output.appendChild(document.createTextNode(res.output));
 
315
        }
 
316
        var callback = function(xhr)
 
317
            {
 
318
                console_response(inputbox, graytimer,
 
319
                                 null, xhr.responseText);
 
320
            }
 
321
        if (interrupted)
 
322
        {
 
323
            var kind = "interrupt";
 
324
        }
 
325
        else
 
326
        {
 
327
            var kind = "chat";
 
328
        }
 
329
        var args = {"key": server_key, "text":''};
 
330
        ajax_call(callback, "consoleservice", kind, args, "POST");
 
331
 
 
332
        // Open up the console so we can see the output
 
333
        // FIXME: do we need to maximize here?
 
334
        console_maximize();
 
335
 
 
336
        /* Auto-scrolling */
 
337
        divScroll.activeScroll();
 
338
 
 
339
        // Return early, so we don't re-enable the input box.
 
340
        return;
 
341
    }
263
342
    else {
264
343
        // assert res.hasOwnProperty('input')
265
344
        var prompt = document.getElementById("console_prompt");
266
345
        prompt.replaceChild(document.createTextNode("+++ "), prompt.firstChild);
267
346
    }
 
347
 
 
348
    if (inputbox != null)
 
349
    {
 
350
        /* Re-enable the text box */
 
351
        clearTimeout(graytimer);
 
352
        inputbox.removeAttribute("disabled");
 
353
        inputbox.removeAttribute("class");
 
354
        interrupted = false;
 
355
    }
 
356
 
268
357
    /* Open up the console so we can see the output */
269
358
    console_maximize();
 
359
    /* Auto-scrolling */
 
360
    divScroll.activeScroll();
 
361
 
 
362
    // Focus the input box by default
 
363
    document.getElementById("console_output").focus()
 
364
    document.getElementById("console_inputText").focus()
270
365
}
271
366
 
272
367
function catch_input(key)
304
399
         */
305
400
        break;
306
401
    case 13:                /* Enter key */
307
 
        /* Send the line of text to the server */
308
 
        console_enter_line(inp.value, "chat");
309
 
        hist.submit(inp.value);
310
 
        inp.value = hist.curr();
 
402
        var callback = function()
 
403
        {
 
404
            /* Send the line of text to the server */
 
405
            console_enter_line(inp, "chat");
 
406
            hist.submit(inp.value);
 
407
            inp.value = hist.curr();
 
408
        }
 
409
        /* Start the server if it hasn't already been started */
 
410
        start_server(callback);
311
411
        break;
312
412
    case 38:                /* Up arrow */
313
413
        hist.up(inp.value);
319
419
        break;
320
420
    }
321
421
}
 
422
 
 
423
/**** Following Code modified from ******************************************/
 
424
/**** http://radio.javaranch.com/pascarello/2006/08/17/1155837038219.html ***/
 
425
/****************************************************************************/
 
426
var chatscroll = new Object();
 
427
 
 
428
chatscroll.Pane = function(scrollContainerId)
 
429
{
 
430
    this.scrollContainerId = scrollContainerId;
 
431
}
 
432
 
 
433
chatscroll.Pane.prototype.activeScroll = function()
 
434
{
 
435
    var scrollDiv = document.getElementById(this.scrollContainerId);
 
436
    var currentHeight = 0;
 
437
        
 
438
    if (scrollDiv.scrollHeight > 0)
 
439
        currentHeight = scrollDiv.scrollHeight;
 
440
    else 
 
441
        if (objDiv.offsetHeight > 0)
 
442
            currentHeight = scrollDiv.offsetHeight;
 
443
 
 
444
    scrollDiv.scrollTop = currentHeight;
 
445
 
 
446
    scrollDiv = null;
 
447
}
 
448
 
 
449
var divScroll = new chatscroll.Pane('console_output');