~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
 
 * - username
29
 
 */
30
 
 
31
25
/** Removes all children of a given DOM element
32
26
 * \param elem A DOM Element. Will be modified.
33
27
 */
40
34
/** Creates a DOM element with simple text inside it.
41
35
 * \param tagname String. Name of the element's tag (eg. "p").
42
36
 * \param text String. Text to be placed inside the element.
43
 
 * \param title String, optional. Tooltip for the text.
44
 
 *  (Note, title creates a span element around the text).
45
37
 * \return DOM Element object.
46
38
 */
47
 
function dom_make_text_elem(tagname, text, title)
 
39
function dom_make_text_elem(tagname, text)
48
40
{
49
 
    if (text == null) text = "";
50
41
    var elem = document.createElement(tagname);
51
 
    var textnode;
52
 
    if (title == null)
53
 
        textnode = document.createTextNode(text);
54
 
    else
55
 
    {
56
 
        textnode = document.createElement("span");
57
 
        textnode.setAttribute("title", title);
58
 
        textnode.appendChild(document.createTextNode(text));
59
 
    }
60
 
    elem.appendChild(textnode);
 
42
    elem.appendChild(document.createTextNode(text));
61
43
    return elem;
62
44
}
63
45
 
64
46
/** Creates a DOM element with hyperlinked text inside it.
65
47
 * \param tagname String. Name of the element's tag (eg. "p").
66
48
 * \param text String. Text to be placed inside the element.
67
 
 * \param title String, optional. Sets a tooltip for the link.
68
49
 * \param href String. URL the text will link to. This is a raw string,
69
50
 *  it will automatically be URL-encoded.
70
51
 * \param onclick Optional string. Will be set as the "onclick" attribute
71
52
 *  of the "a" element.
72
 
 * \param dontencode Optional boolean. If true, will not encode the href.
73
 
 *  if including query strings, you must set this to true and use build_url
74
 
 *  to escape the URI correctly.
75
53
 * \return DOM Element object.
76
54
 */
77
 
function dom_make_link_elem(tagname, text, title, href, onclick, dontencode)
 
55
function dom_make_link_elem(tagname, text, href, onclick)
78
56
{
79
 
    if (text == null) text = "";
80
 
    if (href == null) href = "";
81
57
    var elem = document.createElement(tagname);
82
58
    var link = document.createElement("a");
83
 
    if (dontencode != true)
84
 
        href = urlencode_path(href);
85
 
    link.setAttribute("href", href);
86
 
    if (title != null)
87
 
        link.setAttribute("title", title);
 
59
    link.setAttribute("href", encodeURI(href));
88
60
    if (onclick != null)
89
61
        link.setAttribute("onclick", onclick);
90
62
    link.appendChild(document.createTextNode(text));
92
64
    return elem;
93
65
}
94
66
 
95
 
/** Creates a DOM img element. All parameters are optional except src.
96
 
 * If alt (compulsory in HTML) is omitted, will be set to "".
97
 
 */
98
 
function dom_make_img(src, width, height, title, alt)
99
 
{
100
 
    var img = document.createElement("img");
101
 
    img.setAttribute("src", urlencode_path(src));
102
 
    if (width != null)
103
 
        img.setAttribute("width", width);
104
 
    if (height != null)
105
 
        img.setAttribute("height", height);
106
 
    if (title != null)
107
 
        img.setAttribute("title", title);
108
 
    if (alt == null) alt = "";
109
 
    img.setAttribute("alt", alt);
110
 
    return img;
111
 
}
112
 
 
113
 
/** Given a number of bytes, returns a string representing the file size in a
114
 
 * human-readable format.
115
 
 * eg. nice_filesize(6) -> "6 bytes"
116
 
 *     nice_filesize(81275) -> "79.4 kB"
117
 
 *     nice_filesize(13498346) -> "12.9 MB"
118
 
 * \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.
119
69
 * \return String.
120
70
 */
121
 
function nice_filesize(bytes)
 
71
function pathlist_to_path(pathlist)
122
72
{
123
 
    if (bytes == null) return "";
124
 
    var size;
125
 
    if (bytes < 1024)
126
 
        return bytes.toString() + " B";
127
 
    size = bytes / 1024;
128
 
    if (size < 1024)
129
 
        return size.toFixed(1) + " kB";
130
 
    size = size / 1024;
131
 
    if (size < 1024)
132
 
        return size.toFixed(1) + " MB";
133
 
    size = size / 1024;
134
 
    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;
135
79
}
136
80
 
137
81
/** Given a URL, returns an object containing a number of attributes
153
97
 * whose names appear multiple times.
154
98
 * args is never null, though it may be empty.
155
99
 *
156
 
 * All strings are decoded/unescaped. Reserved characters
157
 
 * (; , / ? : @ & = + * $) 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.
158
102
 *
159
103
 * \param url String. A URL. To read from the current browser window, use
160
104
 *  window.location.href.
187
131
    else
188
132
    {
189
133
        serverpart = url.substr(0, index);
190
 
        url = url.substr(index);
 
134
        url = url.substr(index+1);
191
135
    }
192
136
 
193
137
    /* Split server name from port */
223
167
            obj.query_string = url.substr(index+1);
224
168
        }
225
169
    }
226
 
    obj.path = decodeURIComponent(obj.path);
227
170
 
228
171
    /* Split query string into arguments */
229
172
    args = {};
239
182
            /* Ignore malformed args */
240
183
            if (index >= 0)
241
184
            {
242
 
                arg_key = decodeURIComponent(arg_str.substr(0, index));
243
 
                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));
244
187
                if (arg_key in args)
245
188
                {
246
189
                    /* Collision - make an array */
259
202
    return obj;
260
203
}
261
204
 
262
 
/** Builds a query_string from an args object. Encodes the arguments.
263
 
 * \param args Args object as described in parse_url.
264
 
 * \return Query string portion of a URL.
265
 
 */
266
 
function make_query_string(args)
267
 
{
268
 
    var query_string = "";
269
 
    var arg_val;
270
 
    for (var arg_key in args)
271
 
    {
272
 
        arg_val = args[arg_key];
273
 
        if (arg_val instanceof Array)
274
 
            for (var i=0; i<arg_val.length; i++)
275
 
                query_string += "&" + encodeURIComponent(arg_key) + "=" +
276
 
                    encodeURIComponent(arg_val[i]);
277
 
        else
278
 
            query_string += "&" + encodeURIComponent(arg_key) + "=" +
279
 
                encodeURIComponent(arg_val);
280
 
    }
281
 
    if (query_string == "")
282
 
        query_string = null;
283
 
    else
284
 
        /* Drop the first "&" */
285
 
        query_string = query_string.substr(1);
286
 
 
287
 
    return query_string;
288
 
}
289
 
 
290
205
/** Given an object exactly of the form described for the output of parseurl,
291
 
 * returns a URL string built from those parameters. The URL is properly
292
 
 * encoded.
 
206
 * returns a URL string built from those parameters.
293
207
 * parseurl and buildurl are strict inverses of each other.
294
208
 * Note that either query_string or args may be supplied. If both are
295
209
 * supplied, query_string is preferred (because it keeps the argument order).
298
212
 * \param obj Object as returned by parseurl.
299
213
 * \return String, a URL.
300
214
 */
301
 
function build_url(obj)
 
215
function buildurl(obj)
302
216
{
303
217
    var url = "";
304
218
    var query_string = null;
305
219
 
306
 
    if (("scheme" in obj) && obj.scheme != null)
 
220
    if (!("scheme" in obj) || obj.scheme != null)
307
221
        url = obj.scheme.toString() + "://";
308
 
    if (("server_name" in obj) && obj.server_name != null)
 
222
    if (!("server_name" in obj) || obj.server_name != null)
309
223
        url += obj.server_name.toString();
310
 
    if (("server_port" in obj) && obj.server_port != null)
 
224
    if (!("server_port" in obj) || obj.server_port != null)
311
225
        url += ":" + obj.server_port.toString();
312
 
    if (("path" in obj) && obj.path != null)
 
226
    if (!("path" in obj) || obj.path != null)
313
227
    {
314
 
        var path = urlencode_path(obj.path.toString());
315
 
        if (url.length > 0 && path.length > 0 && path[0] != "/")
 
228
        var path = obj.path.toString();
 
229
        if (path.length > 0 && path[0] != "/")
316
230
            path = "/" + path;
317
231
        url += path;
318
232
    }
319
 
    if (("query_string" in obj) && obj.query_string != null)
320
 
        query_string = encodeURI(obj.query_string.toString());
321
 
    else if (("args" in obj) && obj.args != null)
322
 
        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
    }
323
257
 
324
258
    if (query_string != null)
325
259
        url += "?" + query_string;
327
261
    return url;
328
262
}
329
263
 
330
 
/** URL-encodes a path. This is a special case of URL encoding as all
331
 
 * characters *except* the slash must be encoded.
332
 
 */
333
 
function urlencode_path(path)
334
 
{
335
 
    /* Split up the path, URLEncode each segment with encodeURIComponent,
336
 
     * and rejoin.
337
 
     */
338
 
    var split = path.split('/');
339
 
    for (var i=0; i<split.length; i++)
340
 
        split[i] = encodeURIComponent(split[i]);
341
 
    path = path_join.apply(null, split);
342
 
    if (split[0] == "" && split.length > 1) path = "/" + path;
343
 
    return path;
344
 
}
345
 
 
346
264
/** Given an argument map, as output in the args parameter of the return of
347
265
 * parseurl, gets the first occurence of an argument in the URL string.
348
266
 * If the argument was not found, returns null.
382
300
    else
383
301
        return [r];
384
302
}
385
 
 
386
 
/** Joins one or more paths together. Accepts 1 or more arguments.
387
 
 */
388
 
function path_join(path1 /*, path2, ... */)
389
 
{
390
 
    var arg;
391
 
    var path = "";
392
 
    for (var i=0; i<arguments.length; i++)
393
 
    {
394
 
        arg = arguments[i];
395
 
        if (arg.length == 0) continue;
396
 
        if (arg[0] == '/')
397
 
            path = arg;
398
 
        else
399
 
        {
400
 
            if (path.length > 0 && path[path.length-1] != '/')
401
 
                path += '/';
402
 
            path += arg;
403
 
        }
404
 
    }
405
 
    return path;
406
 
}
407
 
 
408
 
 
409
 
/** Builds a multipart_formdata string from an args object. Similar to
410
 
 * make_query_string, but it returns data of type "multipart/form-data"
411
 
 * instead of "application/x-www-form-urlencoded". This is good for
412
 
 * encoding large strings such as text objects from the editor.
413
 
 * Should be written with a Content-Type of
414
 
 * "multipart/form-data, boundary=<boundary>".
415
 
 * All fields are sent with a Content-Type of text/plain.
416
 
 * \param args Args object as described in parse_url.
417
 
 * \param boundary Random "magic" string which DOES NOT appear in any of
418
 
 *  the argument values. This should match the "boundary=" value written to
419
 
 *  the Content-Type header.
420
 
 * \return String in multipart/form-data format.
421
 
 */
422
 
function make_multipart_formdata(args, boundary)
423
 
{
424
 
    var data = "";
425
 
    var arg_val;
426
 
    /* Mutates data */
427
 
    var extend_data = function(arg_key, arg_val)
428
 
    {
429
 
        /* FIXME: Encoding not supported here (should not matter if we
430
 
         * only use ASCII names */
431
 
        data += "--" + boundary + "\n"
432
 
            + "Content-Disposition: form-data; name=\"" + arg_key
433
 
            + "\"\n\n"
434
 
            + arg_val + "\n";
435
 
    }
436
 
 
437
 
    for (var arg_key in args)
438
 
    {
439
 
        arg_val = args[arg_key];
440
 
        if (arg_val instanceof Array)
441
 
            for (var i=0; i<arg_val.length; i++)
442
 
            {
443
 
                extend_data(arg_key, arg_val[i]);
444
 
            }
445
 
        else
446
 
            extend_data(arg_key, arg_val);
447
 
    }
448
 
    /* End boundary */
449
 
    data += "--" + boundary + "--\n";
450
 
 
451
 
    return data;
452
 
}
453
 
 
454
 
/** Converts a list of directories into a path name, with a slash at the end.
455
 
 * \param pathlist List of strings.
456
 
 * \return String.
457
 
 */
458
 
function pathlist_to_path(pathlist)
459
 
{
460
 
    ret = path_join.apply(null, pathlist);
461
 
    if (ret[ret.length-1] != '/')
462
 
        ret += '/';
463
 
    return ret;
464
 
}
465
 
 
466
 
/** Given a path relative to the IVLE root, gives a path relative to
467
 
 * the site root.
468
 
 */
469
 
function make_path(path)
470
 
{
471
 
    return path_join(root_dir, path);
472
 
}
473
 
 
474
 
/** Shorthand for make_path(path_join(app, ...))
475
 
 * Creates an absolute path for a given path within a given app.
476
 
 */
477
 
function app_path(app /*,...*/)
478
 
{
479
 
    return make_path(path_join.apply(null, arguments));
480
 
}
481
 
 
482
 
/** Given a path, gets the "basename" (the last path segment).
483
 
 */
484
 
function path_basename(path)
485
 
{
486
 
    segments = path.split("/");
487
 
    if (segments[segments.length-1].length == 0)
488
 
        return segments[segments.length-2];
489
 
    else
490
 
        return segments[segments.length-1];
491
 
}
492
 
 
493
 
/** Given a string str, determines whether it ends with substr */
494
 
function endswith(str, substring)
495
 
{
496
 
    if (str.length < substring.length) return false;
497
 
    return str.substr(str.length - substring.length) == substring;
498
 
}
499
 
 
500
 
/** Equivalent to Python's repr.
501
 
 * Gets the JavaScript string representation.
502
 
 * Actually just calls JSON.stringify.
503
 
 */
504
 
function repr(str)
505
 
{
506
 
    return JSON.stringify(str);
507
 
}
508
 
 
509
 
/** Removes all occurences of a value from an array.
510
 
 */
511
 
Array.prototype.removeall = function(val)
512
 
{
513
 
    var i, j;
514
 
    var arr = this;
515
 
    j = 0;
516
 
    for (i=0; i<arr.length; i++)
517
 
    {
518
 
        arr[j] = arr[i];
519
 
        if (arr[i] != val) j++;
520
 
    }
521
 
    arr.splice(j, i-j);
522
 
}
523
 
 
524
 
/** Makes an XMLHttpRequest call to the server. Waits (synchronously) for a
525
 
 * response, and returns an XMLHttpRequest object containing the completed
526
 
 * response.
527
 
 *
528
 
 * \param app IVLE app to call (such as "fileservice").
529
 
 * \param path URL path to make the request to, within the application.
530
 
 * \param args Argument object, as described in parse_url and friends.
531
 
 * \param method String; "GET" or "POST"
532
 
 * \param content_type String, optional. Only applies if method is "POST".
533
 
 *      May be "application/x-www-form-urlencoded" or "multipart/form-data".
534
 
 *      Defaults to "application/x-www-form-urlencoded".
535
 
 * \return An XMLHttpRequest object containing the completed response.
536
 
 */
537
 
function ajax_call(app, path, args, method, content_type)
538
 
{
539
 
    if (content_type != "multipart/form-data")
540
 
        content_type = "application/x-www-form-urlencoded";
541
 
    path = app_path(app, path);
542
 
    var url;
543
 
    /* A random string, for multipart/form-data
544
 
     * (This is not checked against anywhere else, it is solely defined and
545
 
     * used within this function) */
546
 
    var boundary = "48234n334nu7n4n2ynonjn234t683jyh80j";
547
 
    var xhr = new XMLHttpRequest();
548
 
    if (method == "GET")
549
 
    {
550
 
        /* GET sends the args in the URL */
551
 
        url = build_url({"path": path, "args": args});
552
 
        /* open's 3rd argument = false -> SYNCHRONOUS (wait for response)
553
 
         * (No need for a callback function) */
554
 
        xhr.open(method, url, false);
555
 
        xhr.send(null);
556
 
    }
557
 
    else
558
 
    {
559
 
        /* POST sends the args in application/x-www-form-urlencoded */
560
 
        url = encodeURI(path);
561
 
        xhr.open(method, url, false);
562
 
        var message;
563
 
        if (content_type == "multipart/form-data")
564
 
        {
565
 
            xhr.setRequestHeader("Content-Type",
566
 
                "multipart/form-data, boundary=" + boundary);
567
 
            message = make_multipart_formdata(args, boundary);
568
 
        }
569
 
        else
570
 
        {
571
 
            xhr.setRequestHeader("Content-Type", content_type);
572
 
            message = make_query_string(args);
573
 
        }
574
 
        xhr.send(message);
575
 
    }
576
 
    return xhr;
577
 
}
578