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

« back to all changes in this revision

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

  • Committer: mattgiuca
  • Date: 2008-01-11 00:49:06 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:172
util: Added buildurl function.

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
 
 
32
25
/** Removes all children of a given DOM element
33
26
 * \param elem A DOM Element. Will be modified.
34
27
 */
41
34
/** Creates a DOM element with simple text inside it.
42
35
 * \param tagname String. Name of the element's tag (eg. "p").
43
36
 * \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).
46
37
 * \return DOM Element object.
47
38
 */
48
 
function dom_make_text_elem(tagname, text, title)
 
39
function dom_make_text_elem(tagname, text)
49
40
{
50
 
    if (text == null) text = "";
51
41
    var elem = document.createElement(tagname);
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);
 
42
    elem.appendChild(document.createTextNode(text));
62
43
    return elem;
63
44
}
64
45
 
65
46
/** Creates a DOM element with hyperlinked text inside it.
66
47
 * \param tagname String. Name of the element's tag (eg. "p").
67
48
 * \param text String. Text to be placed inside the element.
68
 
 * \param title String, optional. Sets a tooltip for the link.
69
49
 * \param href String. URL the text will link to. This is a raw string,
70
50
 *  it will automatically be URL-encoded.
71
51
 * \param onclick Optional string. Will be set as the "onclick" attribute
72
52
 *  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.
76
53
 * \return DOM Element object.
77
54
 */
78
 
function dom_make_link_elem(tagname, text, title, href, onclick, dontencode)
 
55
function dom_make_link_elem(tagname, text, href, onclick)
79
56
{
80
 
    if (text == null) text = "";
81
 
    if (href == null) href = "";
82
57
    var elem = document.createElement(tagname);
83
58
    var link = document.createElement("a");
84
 
    if (dontencode != true)
85
 
        href = urlencode_path(href);
86
 
    link.setAttribute("href", href);
87
 
    if (title != null)
88
 
        link.setAttribute("title", title);
 
59
    link.setAttribute("href", encodeURI(href));
89
60
    if (onclick != null)
90
61
        link.setAttribute("onclick", onclick);
91
62
    link.appendChild(document.createTextNode(text));
93
64
    return elem;
94
65
}
95
66
 
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.
 
67
/** Converts a list of directories into a path name, with a slash at the end.
 
68
 * \param pathlist List of strings.
120
69
 * \return String.
121
70
 */
122
 
function nice_filesize(bytes)
 
71
function pathlist_to_path(pathlist)
123
72
{
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";
 
73
    ret = "";
 
74
    for (var i=0; i<pathlist.length; i++)
 
75
    {
 
76
        ret += pathlist[i] + "/";
 
77
    }
 
78
    return ret;
136
79
}
137
80
 
138
81
/** Given a URL, returns an object containing a number of attributes
154
97
 * whose names appear multiple times.
155
98
 * args is never null, though it may be empty.
156
99
 *
157
 
 * All strings are decoded/unescaped. Reserved characters
158
 
 * (; , / ? : @ & = + * $) are not decoded except in args and path.
 
100
 * The args strings are decoded from URL encoding form. Other strings are left
 
101
 * in raw URL form.
159
102
 *
160
103
 * \param url String. A URL. To read from the current browser window, use
161
104
 *  window.location.href.
188
131
    else
189
132
    {
190
133
        serverpart = url.substr(0, index);
191
 
        url = url.substr(index);
 
134
        url = url.substr(index+1);
192
135
    }
193
136
 
194
137
    /* Split server name from port */
224
167
            obj.query_string = url.substr(index+1);
225
168
        }
226
169
    }
227
 
    obj.path = decodeURIComponent(obj.path);
228
170
 
229
171
    /* Split query string into arguments */
230
172
    args = {};
240
182
            /* Ignore malformed args */
241
183
            if (index >= 0)
242
184
            {
243
 
                arg_key = decodeURIComponent(arg_str.substr(0, index));
244
 
                arg_val = decodeURIComponent(arg_str.substr(index+1));
 
185
                arg_key = decodeURI(arg_str.substr(0, index));
 
186
                arg_val = decodeURI(arg_str.substr(index+1));
245
187
                if (arg_key in args)
246
188
                {
247
189
                    /* Collision - make an array */
260
202
    return obj;
261
203
}
262
204
 
263
 
/** Builds a query_string from an args object. Encodes the arguments.
264
 
 * \param args Args object as described in parse_url.
265
 
 * \return Query string portion of a URL.
266
 
 */
267
 
function make_query_string(args)
268
 
{
269
 
    var query_string = "";
270
 
    var arg_val;
271
 
    for (var arg_key in args)
272
 
    {
273
 
        arg_val = args[arg_key];
274
 
        if (arg_val instanceof Array)
275
 
            for (var i=0; i<arg_val.length; i++)
276
 
                query_string += "&" + encodeURIComponent(arg_key) + "=" +
277
 
                    encodeURIComponent(arg_val[i]);
278
 
        else
279
 
            query_string += "&" + encodeURIComponent(arg_key) + "=" +
280
 
                encodeURIComponent(arg_val);
281
 
    }
282
 
    if (query_string != "")
283
 
        /* Drop the first "&" */
284
 
        query_string = query_string.substr(1);
285
 
 
286
 
    return query_string;
287
 
}
288
 
 
289
205
/** Given an object exactly of the form described for the output of parseurl,
290
 
 * returns a URL string built from those parameters. The URL is properly
291
 
 * encoded.
 
206
 * returns a URL string built from those parameters.
292
207
 * parseurl and buildurl are strict inverses of each other.
293
208
 * Note that either query_string or args may be supplied. If both are
294
209
 * supplied, query_string is preferred (because it keeps the argument order).
297
212
 * \param obj Object as returned by parseurl.
298
213
 * \return String, a URL.
299
214
 */
300
 
function build_url(obj)
 
215
function buildurl(obj)
301
216
{
302
217
    var url = "";
303
218
    var query_string = null;
304
219
 
305
 
    if (("scheme" in obj) && obj.scheme != null)
 
220
    if (!("scheme" in obj) || obj.scheme != null)
306
221
        url = obj.scheme.toString() + "://";
307
 
    if (("server_name" in obj) && obj.server_name != null)
 
222
    if (!("server_name" in obj) || obj.server_name != null)
308
223
        url += obj.server_name.toString();
309
 
    if (("server_port" in obj) && obj.server_port != null)
 
224
    if (!("server_port" in obj) || obj.server_port != null)
310
225
        url += ":" + obj.server_port.toString();
311
 
    if (("path" in obj) && obj.path != null)
 
226
    if (!("path" in obj) || obj.path != null)
312
227
    {
313
 
        var path = urlencode_path(obj.path.toString());
314
 
        if (url.length > 0 && path.length > 0 && path.charAt(0) != "/")
 
228
        var path = obj.path.toString();
 
229
        if (path.length > 0 && path[0] != "/")
315
230
            path = "/" + path;
316
231
        url += path;
317
232
    }
318
 
    if (("query_string" in obj) && obj.query_string != null)
319
 
        query_string = encodeURI(obj.query_string.toString());
320
 
    else if (("args" in obj) && obj.args != null)
321
 
        query_string = make_query_string(obj.args);
 
233
    if (!("query_string" in obj) || obj.query_string != null)
 
234
        query_string = obj.query_string.toString();
 
235
    else if (!("args" in obj) || obj.args != null)
 
236
    {
 
237
        query_string = "";
 
238
        var arg_val;
 
239
        for (var arg_key in obj.args)
 
240
        {
 
241
            arg_val = obj.args[arg_key];
 
242
            if (arg_val instanceof Array)
 
243
                for (var i=0; i<arg_val.length; i++)
 
244
                    query_string += "&" + encodeURI(arg_key) + "=" +
 
245
                        encodeURI(arg_val[i]);
 
246
            else
 
247
                query_string += "&" + encodeURI(arg_key) + "=" +
 
248
                    encodeURI(arg_val);
 
249
   
 
250
        }
 
251
        if (query_string == "")
 
252
            query_string = null;
 
253
        else
 
254
            /* Drop the first "&" */
 
255
            query_string = query_string.substr(1);
 
256
    }
322
257
 
323
 
    if (query_string != "" && query_string != null)
 
258
    if (query_string != null)
324
259
        url += "?" + query_string;
325
260
 
326
261
    return url;
327
262
}
328
263
 
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
 
    }
377
 
}
378
 
 
379
264
/** Given an argument map, as output in the args parameter of the return of
380
265
 * parseurl, gets the first occurence of an argument in the URL string.
381
266
 * If the argument was not found, returns null.
415
300
    else
416
301
        return [r];
417
302
}
418
 
 
419
 
/** Joins one or more paths together. Accepts 1 or more arguments.
420
 
 */
421
 
function path_join(path1 /*, path2, ... */)
422
 
{
423
 
    var arg;
424
 
    var path = "";
425
 
    for (var i=0; i<arguments.length; i++)
426
 
    {
427
 
        arg = arguments[i];
428
 
        if (arg.length == 0) continue;
429
 
        if (arg.charAt(0) == '/')
430
 
            path = arg;
431
 
        else
432
 
        {
433
 
            if (path.length > 0 && path.charAt(path.length-1) != '/')
434
 
                path += '/';
435
 
            path += arg;
436
 
        }
437
 
    }
438
 
    return path;
439
 
}
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
 
 
487
 
/** Converts a list of directories into a path name, with a slash at the end.
488
 
 * \param pathlist List of strings.
489
 
 * \return String.
490
 
 */
491
 
function pathlist_to_path(pathlist)
492
 
{
493
 
    ret = path_join.apply(null, pathlist);
494
 
    if (ret.charAt(ret.length-1) != '/')
495
 
        ret += '/';
496
 
    return ret;
497
 
}
498
 
 
499
 
/** Given a path relative to the IVLE root, gives a path relative to
500
 
 * the site root.
501
 
 */
502
 
function make_path(path)
503
 
{
504
 
    return path_join(root_dir, path);
505
 
}
506
 
 
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
 
/** Same as app_path but creates a properly-escaped site-relative URL.
516
 
 */
517
 
function app_url(app /*,...*/)
518
 
{
519
 
    return urlencode_path(app_path.apply(null, arguments));
520
 
}
521
 
 
522
 
/** Generates an absolute URL to a public application
523
 
 */
524
 
function public_app_url(app /*,...*/)
525
 
{
526
 
    return "http://" + public_host + app_url.apply(null, arguments);
527
 
}
528
 
 
529
 
/** Given a path, gets the "basename" (the last path segment).
530
 
 */
531
 
function path_basename(path)
532
 
{
533
 
    segments = path.split("/");
534
 
    if (segments[segments.length-1].length == 0)
535
 
        return segments[segments.length-2];
536
 
    else
537
 
        return segments[segments.length-1];
538
 
}
539
 
 
540
 
/** Given a string str, determines whether it ends with substr */
541
 
function endswith(str, substring)
542
 
{
543
 
    if (str.length < substring.length) return false;
544
 
    return str.substr(str.length - substring.length) == substring;
545
 
}
546
 
 
547
 
/** Removes all occurences of a value from an array.
548
 
 */
549
 
Array.prototype.removeall = function(val)
550
 
{
551
 
    var i, j;
552
 
    var arr = this;
553
 
    j = 0;
554
 
    for (i=0; i<arr.length; i++)
555
 
    {
556
 
        arr[j] = arr[i];
557
 
        if (arr[i] != val) j++;
558
 
    }
559
 
    arr.splice(j, i-j);
560
 
}
561
 
 
562
 
/** Shallow-clones an object */
563
 
function shallow_clone_object(obj)
564
 
{
565
 
    o = {};
566
 
    for (k in obj)
567
 
        o[k] = obj[k];
568
 
    return o;
569
 
}
570
 
 
571
 
/** Returns a new XMLHttpRequest object, in a somewhat browser-agnostic
572
 
 * fashion.
573
 
 */
574
 
function new_xmlhttprequest()
575
 
{
576
 
    try
577
 
    {
578
 
        /* Real Browsers */
579
 
        return new XMLHttpRequest();
580
 
    }
581
 
    catch (e)
582
 
    {
583
 
        /* Internet Explorer */
584
 
        try
585
 
        {
586
 
            return new ActiveXObject("Msxml2.XMLHTTP");
587
 
        }
588
 
        catch (e)
589
 
        {
590
 
            try
591
 
            {
592
 
                return new ActiveXObject("Microsoft.XMLHTTP");
593
 
            }
594
 
            catch (e)
595
 
            {
596
 
                throw("Your browser does not support AJAX. "
597
 
                    + "IVLE requires a modern browser.");
598
 
            }
599
 
        }
600
 
    }
601
 
}
602
 
 
603
 
/** Creates a random string of length length,
604
 
 * consisting of alphanumeric characters.
605
 
 */
606
 
var rand_chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZ"
607
 
               + "abcdefghiklmnopqrstuvwxyz";
608
 
function random_string(length)
609
 
{
610
 
    var str = Array(length);
611
 
    var v;
612
 
    for (var i=0; i<length; i++)
613
 
    {
614
 
        v = Math.floor(Math.random() * rand_chars.length);
615
 
        str[i] = rand_chars.charAt(v);
616
 
    }
617
 
    return str.join('');
618
 
}
619
 
 
620
 
/** Makes an XMLHttpRequest call to the server.
621
 
 * Sends the XMLHttpRequest object containing the completed response to a
622
 
 * specified callback function.
623
 
 *
624
 
 * \param callback A callback function. Will be called when the response is
625
 
 *      complete. Passed 1 parameter, an XMLHttpRequest object containing the
626
 
 *      completed response. If callback is null this is a syncronous request 
627
 
 *      otherwise this is an asynchronous request.
628
 
 * \param app IVLE app to call (such as "fileservice").
629
 
 * \param path URL path to make the request to, within the application.
630
 
 * \param args Argument object, as described in parse_url and friends.
631
 
 * \param method String; "GET", "POST", "PUT", or "PATCH"
632
 
 * \param content_type String, optional.
633
 
 *      Defaults to "application/x-www-form-urlencoded".
634
 
 */
635
 
function ajax_call(callback, app, path, args, method, content_type)
636
 
{
637
 
    if (!content_type)
638
 
        content_type = "application/x-www-form-urlencoded";
639
 
    path = app_path(app, path);
640
 
    var url;
641
 
    /* A random string, for multipart/form-data
642
 
     * (This is not checked against anywhere else, it is solely defined and
643
 
     * used within this function) */
644
 
    var boundary = random_string(20);
645
 
    var xhr = new_xmlhttprequest();
646
 
    var asyncronous = callback != null;
647
 
    if (asyncronous)
648
 
    {
649
 
        xhr.onreadystatechange = function()
650
 
            {
651
 
                if (xhr.readyState == 4)
652
 
                {
653
 
                    callback(xhr);
654
 
                }
655
 
            }
656
 
    }
657
 
    if (method == "GET")
658
 
    {
659
 
        /* GET sends the args in the URL */
660
 
        url = build_url({"path": path, "args": args});
661
 
        /* open's 3rd argument = true -> asynchronous */
662
 
        xhr.open(method, url, asyncronous);
663
 
        xhr.send(null);
664
 
    }
665
 
    else
666
 
    {
667
 
        /* POST & PUT & PATCH sends the args in the request body */
668
 
        url = urlencode_path(path);
669
 
        xhr.open(method, url, asyncronous);
670
 
        var message;
671
 
        if (content_type == "multipart/form-data")
672
 
        {
673
 
            xhr.setRequestHeader("Content-Type",
674
 
                "multipart/form-data; boundary=" + boundary);
675
 
            message = make_multipart_formdata(args, boundary);
676
 
        }
677
 
        else if (content_type == "application/x-www-form-urlencoded")
678
 
        {
679
 
            xhr.setRequestHeader("Content-Type", content_type);
680
 
            message = make_query_string(args);
681
 
        }
682
 
        else if (content_type == "application/json")
683
 
        {
684
 
            xhr.setRequestHeader("Content-Type", content_type);
685
 
            message = JSON.stringify(args);
686
 
        }
687
 
        else
688
 
        {
689
 
            xhr.setRequestHeader("Content-Type", content_type);
690
 
            message = args;
691
 
        }
692
 
        xhr.send(message);
693
 
    }
694
 
    /* Only return the XHR for syncronous requests */
695
 
    if (!asyncronous)
696
 
    { 
697
 
        return xhr;
698
 
    }
699
 
}
700
 
 
701
 
/** Attempts to JSON decodes a response object
702
 
 * If a non-200 response or the JSON decode fails then returns null
703
 
 */
704
 
function decode_response(response)
705
 
{
706
 
    if (response.status == 200)
707
 
    {
708
 
        try
709
 
        {
710
 
            var responseText = response.responseText;
711
 
            return JSON.parse(responseText);
712
 
        }
713
 
        catch (e)
714
 
        {
715
 
            // Pass
716
 
        }
717
 
     }
718
 
    
719
 
     return null;
720
 
}