← Back to branch summary

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

« back to all changes in this revision

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

  • Committer: dilshan_a
  • Date: 2008-01-25 02:35:29 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:302
Updated test framework so that student's code is passed in as a string.

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/browser/browser.js
22
22
 
23
23
/* Url names for apps */
24
24
this_app = "files";
 
25
edit_app = "edit";
25
26
service_app = "fileservice";
 
27
serve_app = "serve";
 
28
download_app = "download";
26
29
 
27
30
/* Mapping MIME types onto handlers.
28
31
 * "text" : When navigating to a text file, the text editor is opened.
57
60
 
58
61
/* Mapping SVN status to icons, just the file's basename */
59
62
svn_icons = {
60
 
    "unversioned": "unversioned.png",
 
63
    "unversioned": null,
61
64
    "normal": "normal.png",
 
65
    "added": "added.png",
 
66
    "missing": "missing.png",
 
67
    "deleted": "deleted.png",
62
68
    "modified": "modified.png",
63
69
};
64
70
 
65
 
default_svn_icon = "normal.png";
 
71
/* Mapping SVN status to "nice" strings */
 
72
svn_nice = {
 
73
    "unversioned": "Temporary file",
 
74
    "normal": "Permanent file",
 
75
    "added": "Temporary file (scheduled to be added)",
 
76
    "missing": "Permanent file (missing)",
 
77
    "deleted": "Permanent file (scheduled for deletion)",
 
78
    "replaced": "Permanent file (replaced)",
 
79
    "modified": "Permanent file (modified)",
 
80
    "merged": "Permanent file (merged)",
 
81
    "conflicted": "Permanent file (conflicted)",
 
82
};
 
83
 
 
84
default_svn_icon = null;
 
85
default_svn_nice = "Unknown status";
66
86
 
67
87
svn_icons_path = "media/images/svn";
68
88
 
 
89
published_icon = "media/images/interface/published.png";
 
90
 
69
91
/* List of MIME types considered "executable" by the system.
70
92
 * Executable files offer a "run" link, implying that the "serve"
71
93
 * application can interpret them.
74
96
    "text/x-python",
75
97
];
76
98
 
 
99
 
 
100
/* Global variables */
 
101
 
 
102
current_path = "";
 
103
 
77
104
/** Calls the server using Ajax, performing an action on the server side.
78
105
 * Receives the response from the server and performs a refresh of the page
79
106
 * contents, updating it to display the returned data (such as a directory
114
141
 * Called "navigate", can also be used for a simple refresh.
115
142
 * Always makes a GET request.
116
143
 * No return value.
 
144
 * \param editmode Optional boolean. If true, then the user navigated here
 
145
 * with an "edit" URL so we should favour using the editor.
117
146
 */
118
 
function navigate(path)
 
147
function navigate(path, editmode)
119
148
{
120
149
    /* Call the server and request the listing. This mutates the server. */
121
150
    response = ajax_call(service_app, path, null, "GET");
122
151
    /* Now read the response and set up the page accordingly */
123
 
    handle_response(path, response);
 
152
    handle_response(path, response, editmode);
 
153
}
 
154
 
 
155
/** Determines the "handler type" from a MIME type.
 
156
 * The handler type is a string, either "text", "image", "audio" or "binary".
 
157
 */
 
158
function get_handler_type(content_type)
 
159
{
 
160
    if (!content_type)
 
161
        return null;
 
162
    if (content_type in type_handlers)
 
163
        return type_handlers[content_type];
 
164
    else
 
165
    {   /* Based on the first part of the MIME type */
 
166
        var handler_type = content_type.split('/')[0];
 
167
        if (handler_type != "text" && handler_type != "image" &&
 
168
            handler_type != "audio")
 
169
            handler_type = "binary";
 
170
        return handler_type;
 
171
    }
124
172
}
125
173
 
126
174
/** Given an HTTP response object, cleans up and rebuilds the contents of the
133
181
 * things) be used to update the URL in the location bar.
134
182
 * \param response XMLHttpRequest object returned by the server. Should
135
183
 * contain all the response data.
 
184
 * \param editmode Optional boolean. If true, then the user navigated here
 
185
 * with an "edit" URL so we should favour using the editor.
136
186
 */
137
 
function handle_response(path, response)
 
187
function handle_response(path, response, editmode)
138
188
{
139
189
    /* TODO: Set location bar to "path" */
 
190
    current_path = path;
140
191
 
141
192
    /* Clear away the existing page contents */
142
193
    clearpage();
155
206
    }
156
207
 
157
208
    /* Check if this is a directory listing or file contents */
158
 
    if (response.getResponseHeader("X-IVLE-Return") == "Dir")
 
209
    var isdir = response.getResponseHeader("X-IVLE-Return") == "Dir";
 
210
    if (!editmode && isdir)
159
211
    {
160
212
        var listing = response.responseText;
161
213
        /* The listing SHOULD be valid JSON text. Parse it into an object. */
174
226
    {
175
227
        /* Treat this as an ordinary file. Get the file type. */
176
228
        var content_type = response.getResponseHeader("Content-Type");
177
 
        var handler_type;
178
 
        if (content_type in type_handlers)
179
 
            handler_type = type_handlers[content_type];
180
 
        else
181
 
        {   /* Based on the first part of the MIME type */
182
 
            handler_type = content_type.split('/')[0];
183
 
            if (handler_type != "text" && handler_type != "image" &&
184
 
                handler_type != "audio")
185
 
                handler_type = "binary";
186
 
        }
 
229
        var handler_type = get_handler_type(content_type);
 
230
        /* If we're in "edit mode", always treat this file as text */
 
231
        would_be_handler_type = handler_type;
 
232
        if (editmode) handler_type = "text";
187
233
        /* handler_type should now be set to either
188
234
         * "text", "image", "audio" or "binary". */
189
235
        switch (handler_type)
190
236
        {
191
237
        case "text":
192
 
            handle_text(path, response.responseText);
 
238
            if (isdir)
 
239
            {
 
240
                handle_text(path_join(path, "untitled"), "",
 
241
                    would_be_handler_type);
 
242
            }
 
243
            else
 
244
            {
 
245
                handle_text(path, response.responseText,
 
246
                    would_be_handler_type);
 
247
            }
193
248
            break;
194
249
        case "image":
195
250
            /* TODO: Custom image handler */
212
267
 */
213
268
function clearpage()
214
269
{
215
 
    /* Note: For now clear just enough to repopulate with a dir listing.
216
 
     * Later, will have to clear more to make way for other handlers.
217
 
     * Possibly have a "full clear" for all handlers, and special
218
 
     * less-violent clearers for each handler if the same handler is going to
219
 
     * be used that was used last time. */
 
270
    dom_removechildren(document.getElementById("path"));
 
271
    dom_removechildren(document.getElementById("filesbody"));
 
272
}
 
273
 
 
274
/** Deletes all "dynamic" content on the page necessary to navigate from
 
275
 * one directory listing to another (does not clear as much as clearpage
 
276
 * does).
 
277
 * This is the equivalent of calling clearpage() then
 
278
 * setup_for_dir_listing(), assuming the page is already on a dir listing.
 
279
 */
 
280
function clearpage_dir()
 
281
{
220
282
    dom_removechildren(document.getElementById("path"));
221
283
    dom_removechildren(document.getElementById("files"));
222
284
    dom_removechildren(document.getElementById("sidepanel"));
223
285
}
224
286
 
 
287
/** Sets the mode to either "file browser" or "text editor" mode.
 
288
 * This modifies the window icon, and selected tab.
 
289
 * \param editmode If True, editor mode. Else, file browser mode.
 
290
 */
 
291
function setmode(editmode)
 
292
{
 
293
    /* Find the DOM elements for the file browser and editor tabs */
 
294
    var tabs = document.getElementById("apptabs");
 
295
    var tab_files = null;
 
296
    var tab_edit = null;
 
297
    var a;
 
298
    var href;
 
299
    for (var i=0; i<tabs.childNodes.length; i++)
 
300
    {
 
301
        /* Find the href of the link within */
 
302
        if (!tabs.childNodes[i].getElementsByTagName) continue;
 
303
        a = tabs.childNodes[i].getElementsByTagName("a");
 
304
        if (a.length == 0) continue;
 
305
        href = a[0].getAttribute("href");
 
306
        if (href == null) continue;
 
307
        if (endswith(href, this_app))
 
308
            tab_files = tabs.childNodes[i];
 
309
        else if (endswith(href, edit_app))
 
310
            tab_edit = tabs.childNodes[i];
 
311
    }
 
312
 
 
313
    if (editmode)
 
314
    {
 
315
        tab_files.removeAttribute("class");
 
316
        tab_edit.setAttribute("class", "thisapp");
 
317
    }
 
318
    else
 
319
    {
 
320
        tab_edit.removeAttribute("class");
 
321
        tab_files.setAttribute("class", "thisapp");
 
322
    }
 
323
}
 
324
 
225
325
/*** HANDLERS for different types of responses (such as dir listing, file,
226
326
 * etc). */
227
327
 
228
328
function handle_error(message)
229
329
{
230
 
    /* TODO: Find a better place to put this message. */
231
 
    var files = document.getElementById("files");
232
 
    var tr = document.createElement("tr");
233
 
    var td = document.createElement("td");
234
 
    tr.appendChild(td);
235
 
    var td = document.createElement("td");
236
 
    tr.appendChild(td);
237
 
    var td = document.createElement("td");
238
 
    tr.appendChild(td);
239
 
    var txt_elem = dom_make_text_elem("td", "Error: "
 
330
    setmode(false);
 
331
    var files = document.getElementById("filesbody");
 
332
    var txt_elem = dom_make_text_elem("div", "Error: "
240
333
        + message.toString() + ".")
241
 
    txt_elem.setAttribute("class", "error");
242
 
    tr.appendChild(txt_elem);
243
 
    var td = document.createElement("td");
244
 
    tr.appendChild(td);
245
 
    var td = document.createElement("td");
246
 
    tr.appendChild(td);
247
 
    files.appendChild(tr);
 
334
    txt_elem.setAttribute("class", "padding error");
 
335
    files.appendChild(txt_elem);
248
336
}
249
337
 
250
338
/** Presents a path list (address bar inside the page) for clicking.
254
342
    var dom_path = document.getElementById("path");
255
343
    var href_path = make_path(this_app);
256
344
    var nav_path = "";
 
345
    var dir;
257
346
 
 
347
    /* Also set the document title */
 
348
    document.title = path_basename(path) + " - IVLE";
258
349
    /* Create all of the paths */
259
 
    for each (dir in path.split("/"))
 
350
    var pathlist = path.split("/");
 
351
    for (var i=0; i<pathlist.length; i++)
260
352
    {
 
353
        dir = pathlist[i];
261
354
        if (dir == "") continue;
262
355
        /* Make an 'a' element */
263
356
        href_path = path_join(href_path, dir);
264
357
        nav_path = path_join(nav_path, dir);
265
358
        var link = dom_make_link_elem("a", dir, "Navigate to " + nav_path,
266
 
                href_path, "navigate(" + href_path + ")");
 
359
                href_path/*, "navigate(" + repr(href_path) + ")"*/);
267
360
        dom_path.appendChild(link);
268
361
        dom_path.appendChild(document.createTextNode("/"));
269
362
    }
 
363
    dom_path.removeChild(dom_path.lastChild);
270
364
}
271
365
 
272
366
/** Given a mime type, returns the path to the icon.
291
385
/** Given an svnstatus, returns the path to the icon.
292
386
 * \param type String, svn status.
293
387
 * \return Path to the icon. Has applied make_path, so it is relative to site
294
 
 * root.
 
388
 * root. May return null to indicate no SVN icon.
295
389
 */
296
390
function svnstatus_to_icon(svnstatus)
297
391
{
300
394
        filename = svn_icons[svnstatus];
301
395
    else
302
396
        filename = default_svn_icon;
 
397
    if (filename == null) return null;
303
398
    return make_path(path_join(svn_icons_path, filename));
304
399
}
305
400
 
306
 
/** Presents the directory listing.
307
 
 */
308
 
function handle_dir_listing(path, listing)
309
 
{
310
 
    var row_toggle = 1;
311
 
    /* Nav through the top-level of the JSON to the actual listing object. */
312
 
    var listing = listing.listing;
313
 
 
314
 
    /* Get "." out, it's special */
315
 
    var thisdir = listing["."];
316
 
    delete listing["."];
317
 
    /* Is this dir under svn? */
318
 
    var under_subversion = "svnstatus" in thisdir;
319
 
 
320
 
    var files = document.getElementById("files");
321
 
    var file;
322
 
    var row;
323
 
    var td;
324
 
    var checkbox;
325
 
 
326
 
    /* Create all of the files */
327
 
    for (var filename in listing)
328
 
    {
329
 
        file = listing[filename];
330
 
        /* Make a 'tr' element */
331
 
        row = document.createElement("tr");
332
 
        /* Column 1: Selection checkbox */
333
 
        row.setAttribute("class", "row" + row_toggle.toString())
334
 
        row_toggle = row_toggle == 1 ? 2 : 1;
335
 
        td = document.createElement("td");
336
 
        checkbox = document.createElement("input");
337
 
        checkbox.setAttribute("type", "checkbox");
338
 
        checkbox.setAttribute("title", "Select this file");
339
 
        td.appendChild(checkbox);
340
 
        row.appendChild(td);
341
 
        if (file.isdir)
342
 
        {
343
 
            /* Column 2: Filetype and subversion icons. */
344
 
            td = document.createElement("td");
345
 
            td.setAttribute("class", "thincol");
346
 
            td.appendChild(dom_make_img(mime_type_to_icon("text/directory"),
347
 
                22, 22, file.type));
348
 
            row.appendChild(td);
349
 
            td = document.createElement("td");
350
 
            td.setAttribute("class", "thincol");
351
 
            if (under_subversion)
352
 
                td.appendChild(dom_make_img(svnstatus_to_icon(file.svnstatus),
353
 
                    22, 22, file.svnstatus));
354
 
            row.appendChild(td);
355
 
            /* Column 3: Filename */
356
 
            row.appendChild(dom_make_link_elem("td", filename,
357
 
                "Navigate to " + path_join(path, filename),
358
 
                make_path(path_join(this_app, path, filename)),
359
 
                "navigate(" + path_join(path, filename) + ")"));
360
 
        }
361
 
        else
362
 
        {
363
 
            /* Column 2: Filetype and subversion icons. */
364
 
            td = document.createElement("td");
365
 
            td.setAttribute("class", "thincol");
366
 
            td.appendChild(dom_make_img(mime_type_to_icon(file.type),
367
 
                22, 22, file.type));
368
 
            row.appendChild(td);
369
 
            td = document.createElement("td");
370
 
            td.setAttribute("class", "thincol");
371
 
            if (under_subversion)
372
 
                td.appendChild(dom_make_img(svnstatus_to_icon(file.svnstatus),
373
 
                    22, 22, file.svnstatus));
374
 
            row.appendChild(td);
375
 
            /* Column 3: Filename */
376
 
            row.appendChild(dom_make_text_elem("td", filename));
377
 
        }
378
 
        /* Column 4: Size */
379
 
        row.appendChild(dom_make_text_elem("td", nice_filesize(file.size)));
380
 
        /* Column 4: Date */
381
 
        row.appendChild(dom_make_text_elem("td", file.mtime_short,
382
 
            file.mtime_nice));
383
 
        files.appendChild(row);
384
 
    }
385
 
 
386
 
}
387
 
 
388
 
/** Presents the text editor.
389
 
 */
390
 
function handle_text(path, text)
391
 
{
392
 
    /* TODO */
393
 
    alert(text);
 
401
/** Given an svnstatus, returns the "nice" string.
 
402
 */
 
403
function svnstatus_to_string(svnstatus)
 
404
{
 
405
    if (svnstatus in svn_nice)
 
406
        return svn_nice[svnstatus];
 
407
    else
 
408
        return default_svn_nice;
394
409
}
395
410
 
396
411
/** Displays a download link to the binary file.
397
412
 */
398
413
function handle_binary(path)
399
414
{
400
 
    /* TODO */
401
 
    alert(path);
 
415
    setmode(false);
 
416
    var files = document.getElementById("filesbody");
 
417
    var div = document.createElement("div");
 
418
    files.appendChild(div);
 
419
    div.setAttribute("class", "padding");
 
420
    var download_link = app_path(download_app, path);
 
421
    var par1 = dom_make_text_elem("p",
 
422
        "The file " + path + " is a binary file. To download this file, " +
 
423
        "click the following link:");
 
424
    var par2 = dom_make_link_elem("p",
 
425
        "Download " + path, "Download " + path, download_link);
 
426
    div.appendChild(par1);
 
427
    div.appendChild(par2);
402
428
}
403
429
 
404
430
/** Called when the page loads initially.
411
437
     */
412
438
    var path = parse_url(window.location.href).path;
413
439
    /* Strip out root_dir + "/files" from the front of the path */
414
 
    strip_chars = make_path(this_app).length + 1;
415
 
    path = path.substr(strip_chars);
 
440
    var strip = make_path(this_app);
 
441
    var editmode = false;
 
442
    if (path.substr(0, strip.length) == strip)
 
443
        path = path.substr(strip.length+1);
 
444
    else
 
445
    {
 
446
        /* See if this is an edit path */
 
447
        strip = make_path(edit_app);
 
448
        if (path.substr(0, strip.length) == strip)
 
449
        {
 
450
            path = path.substr(strip.length+1);
 
451
            editmode = true;
 
452
        }
 
453
    }
416
454
 
417
455
    if (path.length == 0)
418
456
    {
421
459
        path = username;
422
460
    }
423
461
 
424
 
    navigate(path);
 
462
    navigate(path, editmode);
425
463
}