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

« back to all changes in this revision

Viewing changes to www/media/common/util.js

  • Committer: matt.giuca
  • Date: 2009-01-12 00:33:53 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:1072
Renamed scripts to services.
Updated all references (we hope). :)

Show diffs side-by-side

added added

removed removed

Lines of Context:
22
22
 * Defines some generic JavaScript utility functions.
23
23
 */
24
24
 
 
25
/* Expects the following variables to have been declared by JavaScript in
 
26
 * the HTML generated by the server:
 
27
 * - root_dir
 
28
 * - public_host
 
29
 * - username
 
30
 */
 
31
 
25
32
/** Removes all children of a given DOM element
26
33
 * \param elem A DOM Element. Will be modified.
27
34
 */
34
41
/** Creates a DOM element with simple text inside it.
35
42
 * \param tagname String. Name of the element's tag (eg. "p").
36
43
 * \param text String. Text to be placed inside the element.
 
44
 * \param title String, optional. Tooltip for the text.
 
45
 *  (Note, title creates a span element around the text).
37
46
 * \return DOM Element object.
38
47
 */
39
 
function dom_make_text_elem(tagname, text)
 
48
function dom_make_text_elem(tagname, text, title)
40
49
{
 
50
    if (text == null) text = "";
41
51
    var elem = document.createElement(tagname);
42
 
    elem.appendChild(document.createTextNode(text));
 
52
    var textnode;
 
53
    if (title == null)
 
54
        textnode = document.createTextNode(text);
 
55
    else
 
56
    {
 
57
        textnode = document.createElement("span");
 
58
        textnode.setAttribute("title", title);
 
59
        textnode.appendChild(document.createTextNode(text));
 
60
    }
 
61
    elem.appendChild(textnode);
43
62
    return elem;
44
63
}
45
64
 
46
65
/** Creates a DOM element with hyperlinked text inside it.
47
66
 * \param tagname String. Name of the element's tag (eg. "p").
48
67
 * \param text String. Text to be placed inside the element.
 
68
 * \param title String, optional. Sets a tooltip for the link.
49
69
 * \param href String. URL the text will link to. This is a raw string,
50
70
 *  it will automatically be URL-encoded.
51
71
 * \param onclick Optional string. Will be set as the "onclick" attribute
52
72
 *  of the "a" element.
 
73
 * \param dontencode Optional boolean. If true, will not encode the href.
 
74
 *  if including query strings, you must set this to true and use build_url
 
75
 *  to escape the URI correctly.
53
76
 * \return DOM Element object.
54
77
 */
55
 
function dom_make_link_elem(tagname, text, href, onclick)
 
78
function dom_make_link_elem(tagname, text, title, href, onclick, dontencode)
56
79
{
 
80
    if (text == null) text = "";
 
81
    if (href == null) href = "";
57
82
    var elem = document.createElement(tagname);
58
83
    var link = document.createElement("a");
59
 
    link.setAttribute("href", encodeURI(href));
 
84
    if (dontencode != true)
 
85
        href = urlencode_path(href);
 
86
    link.setAttribute("href", href);
 
87
    if (title != null)
 
88
        link.setAttribute("title", title);
60
89
    if (onclick != null)
61
90
        link.setAttribute("onclick", onclick);
62
91
    link.appendChild(document.createTextNode(text));
64
93
    return elem;
65
94
}
66
95
 
 
96
/** Creates a DOM img element. All parameters are optional except src.
 
97
 * If alt (compulsory in HTML) is omitted, will be set to "".
 
98
 */
 
99
function dom_make_img(src, width, height, title, alt)
 
100
{
 
101
    var img = document.createElement("img");
 
102
    img.setAttribute("src", urlencode_path(src));
 
103
    if (width != null)
 
104
        img.setAttribute("width", width);
 
105
    if (height != null)
 
106
        img.setAttribute("height", height);
 
107
    if (title != null)
 
108
        img.setAttribute("title", title);
 
109
    if (alt == null) alt = "";
 
110
    img.setAttribute("alt", alt);
 
111
    return img;
 
112
}
 
113
 
 
114
/** Given a number of bytes, returns a string representing the file size in a
 
115
 * human-readable format.
 
116
 * eg. nice_filesize(6) -> "6 bytes"
 
117
 *     nice_filesize(81275) -> "79.4 kB"
 
118
 *     nice_filesize(13498346) -> "12.9 MB"
 
119
 * \param bytes Number of bytes. Must be an integer.
 
120
 * \return String.
 
121
 */
 
122
function nice_filesize(bytes)
 
123
{
 
124
    if (bytes == null) return "";
 
125
    var size;
 
126
    if (bytes < 1024)
 
127
        return bytes.toString() + " B";
 
128
    size = bytes / 1024;
 
129
    if (size < 1024)
 
130
        return size.toFixed(1) + " kB";
 
131
    size = size / 1024;
 
132
    if (size < 1024)
 
133
        return size.toFixed(1) + " MB";
 
134
    size = size / 1024;
 
135
    return size.toFixed(1) + " GB";
 
136
}
 
137
 
67
138
/** Given a URL, returns an object containing a number of attributes
68
139
 * describing the components of the URL, similar to CGI request variables.
69
140
 * The object has the following attributes:
84
155
 * args is never null, though it may be empty.
85
156
 *
86
157
 * All strings are decoded/unescaped. Reserved characters
87
 
 * (; , / ? : @ & = + * $) are not decoded except in args.
 
158
 * (; , / ? : @ & = + * $) are not decoded except in args and path.
88
159
 *
89
160
 * \param url String. A URL. To read from the current browser window, use
90
161
 *  window.location.href.
97
168
    var serverpart;
98
169
    var args;
99
170
 
100
 
    url = decodeURI(url);
101
 
 
102
171
    /* Split scheme from rest */
103
172
    index = url.indexOf("://");
104
173
    if (index < 0)
119
188
    else
120
189
    {
121
190
        serverpart = url.substr(0, index);
122
 
        url = url.substr(index+1);
 
191
        url = url.substr(index);
123
192
    }
124
193
 
125
194
    /* Split server name from port */
155
224
            obj.query_string = url.substr(index+1);
156
225
        }
157
226
    }
 
227
    obj.path = decodeURIComponent(obj.path);
158
228
 
159
229
    /* Split query string into arguments */
160
230
    args = {};
209
279
            query_string += "&" + encodeURIComponent(arg_key) + "=" +
210
280
                encodeURIComponent(arg_val);
211
281
    }
212
 
    if (query_string == "")
213
 
        query_string = null;
214
 
    else
 
282
    if (query_string != "")
215
283
        /* Drop the first "&" */
216
284
        query_string = query_string.substr(1);
217
285
 
242
310
        url += ":" + obj.server_port.toString();
243
311
    if (("path" in obj) && obj.path != null)
244
312
    {
245
 
        var path = obj.path.toString();
246
 
        if (url.length > 0 && path.length > 0 && path[0] != "/")
 
313
        var path = urlencode_path(obj.path.toString());
 
314
        if (url.length > 0 && path.length > 0 && path.charAt(0) != "/")
247
315
            path = "/" + path;
248
316
        url += path;
249
317
    }
250
318
    if (("query_string" in obj) && obj.query_string != null)
251
 
        query_string = obj.query_string.toString();
 
319
        query_string = encodeURI(obj.query_string.toString());
252
320
    else if (("args" in obj) && obj.args != null)
253
321
        query_string = make_query_string(obj.args);
254
322
 
255
 
    if (query_string != null)
 
323
    if (query_string != "" && query_string != null)
256
324
        url += "?" + query_string;
257
325
 
258
 
    return encodeURI(url);
 
326
    return url;
 
327
}
 
328
 
 
329
/** URL-encodes a path. This is a special case of URL encoding as all
 
330
 * characters *except* the slash must be encoded.
 
331
 */
 
332
function urlencode_path(path)
 
333
{
 
334
    /* Split up the path, URLEncode each segment with encodeURIComponent,
 
335
     * and rejoin.
 
336
     */
 
337
    var split = path.split('/');
 
338
    for (var i=0; i<split.length; i++)
 
339
        split[i] = encodeURIComponent(split[i]);
 
340
    path = path_join.apply(null, split);
 
341
    if (split[0] == "" && split.length > 1) path = "/" + path;
 
342
    return path;
 
343
}
 
344
 
 
345
/** Writes a JSONable object to the cookie under a particular key
 
346
 * (JSON encoded and URL encoded).
 
347
 */
 
348
function write_cookie(key, value)
 
349
{
 
350
    var sendstr = encodeURIComponent(key) + "="
 
351
        + encodeURIComponent(JSON.stringify(value))
 
352
        + "; path=" + urlencode_path(root_dir);
 
353
    /* This actually just assigns to the key, not replacing the whole cookie
 
354
     * as it appears to. */
 
355
    document.cookie = sendstr;
 
356
}
 
357
/** Reads a cookie which has a JSONable object encoded as its value.
 
358
 * Returns the object, parsed from JSON.
 
359
 */
 
360
function read_cookie(key)
 
361
{
 
362
    var cookies = document.cookie.split(";");
 
363
    var checkstart = encodeURIComponent(key) + "=";
 
364
    var checklen = checkstart.length;
 
365
    for (var i=0; i<cookies.length; i++)
 
366
    {
 
367
        var cookie = cookies[i];
 
368
        while (cookie[0] == ' ')
 
369
            cookie = cookie.substr(1);
 
370
        if (cookie.substr(0, checklen) == checkstart)
 
371
        {
 
372
            var valstr = cookie.substr(checklen);
 
373
            valstr = decodeURIComponent(valstr);
 
374
            return JSON.parse(valstr);
 
375
        }
 
376
    }
259
377
}
260
378
 
261
379
/** Given an argument map, as output in the args parameter of the return of
303
421
function path_join(path1 /*, path2, ... */)
304
422
{
305
423
    var arg;
306
 
    path = path1;
307
 
    for (var i=1; i<arguments.length; i++)
 
424
    var path = "";
 
425
    for (var i=0; i<arguments.length; i++)
308
426
    {
309
427
        arg = arguments[i];
310
428
        if (arg.length == 0) continue;
311
 
        if (arg[0] == '/')
 
429
        if (arg.charAt(0) == '/')
312
430
            path = arg;
313
431
        else
314
432
        {
315
 
            if (path[path.length-1] != '/')
 
433
            if (path.length > 0 && path.charAt(path.length-1) != '/')
316
434
                path += '/';
317
435
            path += arg;
318
436
        }
320
438
    return path;
321
439
}
322
440
 
 
441
 
 
442
/** Builds a multipart_formdata string from an args object. Similar to
 
443
 * make_query_string, but it returns data of type "multipart/form-data"
 
444
 * instead of "application/x-www-form-urlencoded". This is good for
 
445
 * encoding large strings such as text objects from the editor.
 
446
 * Should be written with a Content-Type of
 
447
 * "multipart/form-data, boundary=<boundary>".
 
448
 * All fields are sent with a Content-Type of text/plain.
 
449
 * \param args Args object as described in parse_url.
 
450
 * \param boundary Random "magic" string which DOES NOT appear in any of
 
451
 *  the argument values. This should match the "boundary=" value written to
 
452
 *  the Content-Type header.
 
453
 * \return String in multipart/form-data format.
 
454
 */
 
455
function make_multipart_formdata(args, boundary)
 
456
{
 
457
    var data = "";
 
458
    var arg_val;
 
459
    /* Mutates data */
 
460
    var extend_data = function(arg_key, arg_val)
 
461
    {
 
462
        /* FIXME: Encoding not supported here (should not matter if we
 
463
         * only use ASCII names */
 
464
        data += "--" + boundary + "\r\n"
 
465
            + "Content-Disposition: form-data; name=\"" + arg_key
 
466
            + "\"\r\n\r\n"
 
467
            + arg_val + "\r\n";
 
468
    }
 
469
 
 
470
    for (var arg_key in args)
 
471
    {
 
472
        arg_val = args[arg_key];
 
473
        if (arg_val instanceof Array)
 
474
            for (var i=0; i<arg_val.length; i++)
 
475
            {
 
476
                extend_data(arg_key, arg_val[i]);
 
477
            }
 
478
        else
 
479
            extend_data(arg_key, arg_val);
 
480
    }
 
481
    /* End boundary */
 
482
    data += "--" + boundary + "--\r\n";
 
483
 
 
484
    return data;
 
485
}
 
486
 
323
487
/** Converts a list of directories into a path name, with a slash at the end.
324
488
 * \param pathlist List of strings.
325
489
 * \return String.
327
491
function pathlist_to_path(pathlist)
328
492
{
329
493
    ret = path_join.apply(null, pathlist);
330
 
    if (ret[ret.length-1] != '/')
 
494
    if (ret.charAt(ret.length-1) != '/')
331
495
        ret += '/';
332
496
    return ret;
333
497
}
340
504
    return path_join(root_dir, path);
341
505
}
342
506
 
343
 
/** Makes an XMLHttpRequest call to the server. Waits (synchronously) for a
344
 
 * response, and returns an XMLHttpRequest object containing the completed
345
 
 * response.
 
507
/** Shorthand for make_path(path_join(app, ...))
 
508
 * Creates an absolute path for a given path within a given app.
 
509
 */
 
510
function app_path(app /*,...*/)
 
511
{
 
512
    return make_path(path_join.apply(null, arguments));
 
513
}
 
514
 
 
515
/** Generates an absolute URL to a public application
 
516
 */
 
517
function public_app_path(app /*,...*/)
 
518
{
 
519
    return location.protocol + "//" + public_host
 
520
        + make_path(path_join.apply(null, arguments));
 
521
}
 
522
 
 
523
/** Given a path, gets the "basename" (the last path segment).
 
524
 */
 
525
function path_basename(path)
 
526
{
 
527
    segments = path.split("/");
 
528
    if (segments[segments.length-1].length == 0)
 
529
        return segments[segments.length-2];
 
530
    else
 
531
        return segments[segments.length-1];
 
532
}
 
533
 
 
534
/** Given a string str, determines whether it ends with substr */
 
535
function endswith(str, substring)
 
536
{
 
537
    if (str.length < substring.length) return false;
 
538
    return str.substr(str.length - substring.length) == substring;
 
539
}
 
540
 
 
541
/** Removes all occurences of a value from an array.
 
542
 */
 
543
Array.prototype.removeall = function(val)
 
544
{
 
545
    var i, j;
 
546
    var arr = this;
 
547
    j = 0;
 
548
    for (i=0; i<arr.length; i++)
 
549
    {
 
550
        arr[j] = arr[i];
 
551
        if (arr[i] != val) j++;
 
552
    }
 
553
    arr.splice(j, i-j);
 
554
}
 
555
 
 
556
/** Shallow-clones an object */
 
557
function shallow_clone_object(obj)
 
558
{
 
559
    o = {};
 
560
    for (k in obj)
 
561
        o[k] = obj[k];
 
562
    return o;
 
563
}
 
564
 
 
565
/** Returns a new XMLHttpRequest object, in a somewhat browser-agnostic
 
566
 * fashion.
 
567
 */
 
568
function new_xmlhttprequest()
 
569
{
 
570
    try
 
571
    {
 
572
        /* Real Browsers */
 
573
        return new XMLHttpRequest();
 
574
    }
 
575
    catch (e)
 
576
    {
 
577
        /* Internet Explorer */
 
578
        try
 
579
        {
 
580
            return new ActiveXObject("Msxml2.XMLHTTP");
 
581
        }
 
582
        catch (e)
 
583
        {
 
584
            try
 
585
            {
 
586
                return new ActiveXObject("Microsoft.XMLHTTP");
 
587
            }
 
588
            catch (e)
 
589
            {
 
590
                throw("Your browser does not support AJAX. "
 
591
                    + "IVLE requires a modern browser.");
 
592
            }
 
593
        }
 
594
    }
 
595
}
 
596
 
 
597
/** Creates a random string of length length,
 
598
 * consisting of alphanumeric characters.
 
599
 */
 
600
var rand_chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZ"
 
601
               + "abcdefghiklmnopqrstuvwxyz";
 
602
function random_string(length)
 
603
{
 
604
    var str = Array(length);
 
605
    var v;
 
606
    for (var i=0; i<length; i++)
 
607
    {
 
608
        v = Math.floor(Math.random() * rand_chars.length);
 
609
        str[i] = rand_chars.charAt(v);
 
610
    }
 
611
    return str.join('');
 
612
}
 
613
 
 
614
/** Makes an XMLHttpRequest call to the server.
 
615
 * Sends the XMLHttpRequest object containing the completed response to a
 
616
 * specified callback function.
346
617
 *
 
618
 * \param callback A callback function. Will be called when the response is
 
619
 *      complete. Passed 1 parameter, an XMLHttpRequest object containing the
 
620
 *      completed response. If callback is null this is a syncronous request 
 
621
 *      otherwise this is an asynchronous request.
347
622
 * \param app IVLE app to call (such as "fileservice").
348
623
 * \param path URL path to make the request to, within the application.
349
624
 * \param args Argument object, as described in parse_url and friends.
350
625
 * \param method String; "GET" or "POST"
351
 
 * \return An XMLHttpRequest object containing the completed response.
 
626
 * \param content_type String, optional. Only applies if method is "POST".
 
627
 *      May be "application/x-www-form-urlencoded" or "multipart/form-data".
 
628
 *      Defaults to "application/x-www-form-urlencoded".
352
629
 */
353
 
function ajax_call(app, path, args, method)
 
630
function ajax_call(callback, app, path, args, method, content_type)
354
631
{
355
 
    path = make_path(path_join(app, path));
 
632
    if (content_type != "multipart/form-data")
 
633
        content_type = "application/x-www-form-urlencoded";
 
634
    path = app_path(app, path);
356
635
    var url;
357
 
    var xhr = new XMLHttpRequest();
 
636
    /* A random string, for multipart/form-data
 
637
     * (This is not checked against anywhere else, it is solely defined and
 
638
     * used within this function) */
 
639
    var boundary = random_string(20);
 
640
    var xhr = new_xmlhttprequest();
 
641
    var asyncronous = callback != null;
 
642
    if (asyncronous)
 
643
    {
 
644
        xhr.onreadystatechange = function()
 
645
            {
 
646
                if (xhr.readyState == 4)
 
647
                {
 
648
                    callback(xhr);
 
649
                }
 
650
            }
 
651
    }
358
652
    if (method == "GET")
359
653
    {
360
654
        /* GET sends the args in the URL */
361
655
        url = build_url({"path": path, "args": args});
362
 
        /* open's 3rd argument = false -> SYNCHRONOUS (wait for response)
363
 
         * (No need for a callback function) */
364
 
        xhr.open(method, url, false);
365
 
        xhr.send("");
 
656
        /* open's 3rd argument = true -> asynchronous */
 
657
        xhr.open(method, url, asyncronous);
 
658
        xhr.send(null);
366
659
    }
367
660
    else
368
661
    {
369
662
        /* POST sends the args in application/x-www-form-urlencoded */
370
663
        url = encodeURI(path);
371
 
        xhr.open(method, url, false);
372
 
        xhr.setRequestHeader("Content-Type",
373
 
            "application/x-www-form-urlencoded");
374
 
        var message = make_query_string(args);
 
664
        xhr.open(method, url, asyncronous);
 
665
        var message;
 
666
        if (content_type == "multipart/form-data")
 
667
        {
 
668
            xhr.setRequestHeader("Content-Type",
 
669
                "multipart/form-data; boundary=" + boundary);
 
670
            message = make_multipart_formdata(args, boundary);
 
671
        }
 
672
        else
 
673
        {
 
674
            xhr.setRequestHeader("Content-Type", content_type);
 
675
            message = make_query_string(args);
 
676
        }
375
677
        xhr.send(message);
376
678
    }
377
 
    return xhr;
 
679
    /* Only return the XHR for syncronous requests */
 
680
    if (!asyncronous)
 
681
    { 
 
682
        return xhr;
 
683
    }
 
684
}
 
685
 
 
686
/** Attempts to JSON decodes a response object
 
687
 * If a non-200 response or the JSON decode fails then returns null
 
688
 */
 
689
function decode_response(response)
 
690
{
 
691
    if (response.status == 200)
 
692
    {
 
693
        try
 
694
        {
 
695
            var responseText = response.responseText;
 
696
            return JSON.parse(responseText);
 
697
        }
 
698
        catch (e)
 
699
        {
 
700
            // Pass
 
701
        }
 
702
     }
 
703
    
 
704
     return null;
378
705
}