← Back to branch summary

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

« back to all changes in this revision

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

  • Committer: stevenbird
  • Date: 2008-02-04 04:22:44 UTC
  • Revision ID: svn-v3-trunk0:2b9c9e99-6f39-0410-b283-7f802c844ae2:trunk:400
first commit of homepage at ivle.sourceforge.net, including screenshots; just web-presence at this stage

Show diffs side-by-side

added added

removed removed

Lines of Context:
www/media/browser/editor.js
1
 
function disable_save_if_safe()
2
 
{
3
 
    /* If we are using CodePress, we can only safely disable the save button
4
 
     * (indicating that there are no changes to save) if the engine supports
5
 
     * change notification, so the button can be enabled again.
6
 
     *
7
 
     * Our non-CodePress mode just uses normal textarea events, so is always
8
 
     * fine.
9
 
     */
10
 
    if((!using_codepress) || editbox.editor.addChangeHandler)
11
 
    {
12
 
        var savebutton = document.getElementById("save_button");
13
 
        savebutton.disabled = true;
14
 
        window.onbeforeunload = null;
15
 
    }
16
 
}
17
 
 
18
 
function save_file(filename)
19
 
{
20
 
    if (using_codepress)
21
 
        data = editbox.getCode();
22
 
    else
23
 
        data = document.getElementById("editbox").value;
24
 
 
 
1
saved_status = null;
 
2
 
 
3
function save_file()
 
4
{
 
5
    filename = document.getElementById("save_filename").value;
 
6
    data = editAreaLoader.getValue("editbox");
25
7
    /* Do NOT refresh the page contents (causes problems for editarea and is
26
8
     * unnecessary). */
27
 
    if (current_file.svnstatus != "revision" ||
28
 
        confirm("You are currently viewing an older version of this file. " +
29
 
                "Saving will overwrite the current version. " +
30
 
                "Are you sure you want to continue?"))
31
 
    {
32
 
        do_action("putfile", filename,
33
 
                  {"path":".", "data":data, "overwrite":"true"},
34
 
                  "multipart/form-data");
35
 
        disable_save_if_safe();
36
 
    }
37
 
}
38
 
 
39
 
function save_file_as(default_filename)
40
 
{
41
 
    filename = prompt("Path to save to:", default_filename);
42
 
    if (!filename) return;
43
 
 
44
 
    /* The filename will be path_joined with the app name, so needs to not
45
 
     * be absolute, lest it clobber the app name. */
46
 
    if (filename.charAt(0) == "/") filename = filename.substring(1);
47
 
    ajax_call(save_file_as_callback, "fileservice", filename, {}, "POST");
48
 
}
49
 
 
50
 
function save_file_as_callback(response)
51
 
{
52
 
    if (response.status == 404 || confirm("Are you sure you want to overwrite " + filename + "?"))
53
 
        save_file(filename);
54
 
}
55
 
 
56
 
/* Return a warning to be used in window.onbeforeunload. */
57
 
function confirm_beforeunload() {
58
 
    return 'If you continue, any unsaved changes to the current file will be lost.';
 
9
    do_action("putfile", filename, {"path":".", "data":data}, null, true);
 
10
    saved_status.data = "Saved.";
59
11
}
60
12
 
61
13
function edit_text()
62
14
{
63
 
    var savebutton = document.getElementById("save_button");
64
 
    savebutton.disabled = false;
65
 
    window.onbeforeunload = confirm_beforeunload;
 
15
    saved_status.data = "Not saved.";
66
16
}
67
17
 
68
 
/** Presents the "editor heading" inserting it into a given element at
69
 
 *  the front. Note that the save widget is handled by the Python.
 
18
/** Presents the "editor heading" (the part with the save box)
 
19
 * inserting it into a given element at the front.
70
20
 */
71
21
function present_editorhead(elem, path, handler_type)
72
22
{
73
 
    var div = document.getElementById("actions2");
 
23
    var div = document.createElement("div");
 
24
    /* Insert as the head element */
 
25
    elem.insertBefore(div, elem.firstChild)
 
26
    div.setAttribute("id", "editorhead");
 
27
 
 
28
    /* Set up minimal interface */
 
29
    var p = dom_make_text_elem("p", "Path: ");
 
30
    var pathname = document.createElement("input");
 
31
    pathname.setAttribute("type", "text");
 
32
    pathname.setAttribute("size", "30");
 
33
    pathname.setAttribute("id", "save_filename");
 
34
    pathname.setAttribute("value", path);
 
35
    p.appendChild(pathname);
 
36
    var savebutton = document.createElement("input");
 
37
    savebutton.setAttribute("type", "button");
 
38
    savebutton.setAttribute("value", "Save");
 
39
    savebutton.setAttribute("onclick", "save_file()");
 
40
    p.appendChild(savebutton);
 
41
    var t = document.createTextNode(" ");
 
42
    p.appendChild(t);
 
43
    saved_status = document.createTextNode("Saved.");
 
44
    //p.appendChild(saved_status);
 
45
    div.appendChild(p);
74
46
 
75
47
    /* Print a warning message if this is not actually a text file.
76
48
     */
84
56
    }
85
57
}
86
58
 
87
 
function highlighting_changed(select)
88
 
{
89
 
    editbox.edit(editbox.getCode(), select.value);
90
 
}
91
 
 
92
 
function initialise_codepress()
93
 
{
94
 
    editbox.addChangeHandler(edit_text);
95
 
    editbox.addSaveHandler(function() {document.getElementById("save_button").click()});
96
 
     
97
 
    /* We can only safely disable the save button on the first load.
98
 
     * Syntax highlighting changes will also get this function called.
99
 
     * We unfortunately need the change handler added each time.
100
 
     */
101
 
    if (!initialise_codepress.already)
102
 
    {
103
 
        disable_save_if_safe();
104
 
        initialise_codepress.already = true;
105
 
    }
106
 
}
107
 
 
108
59
/** Presents the text editor.
109
60
 */
110
61
function handle_text(path, text, handler_type)
112
63
    /* Create a textarea with the text in it
113
64
     * (The makings of a primitive editor).
114
65
     */
 
66
    setmode(true);
 
67
 
115
68
    var files = document.getElementById("filesbody");
116
69
    /* Put our UI at the top */
117
70
    present_editorhead(files, path, handler_type);
118
71
 
119
72
    var div = document.createElement("div");
120
 
    div.style.height = '100%';
121
73
    files.appendChild(div);
122
 
    var txt_elem = document.createElement("textarea");
123
 
    txt_elem.value = text.toString();
 
74
    var txt_elem = dom_make_text_elem("textarea",
 
75
        text.toString())
124
76
    div.appendChild(txt_elem);
125
77
    txt_elem.setAttribute("id", "editbox");
126
 
    language = language_from_mime(current_file.type);
127
 
 
128
 
    // Assume plaintext if no type can be determined.
129
 
    language = language ? language : "text";
130
 
    document.getElementById("highlighting_select").value = language;
131
 
 
132
 
    $(txt_elem).change(edit_text);
133
 
 
134
 
    /* This isn't ideal, as Opera seems to fire it even for non-textual keys.
135
 
     * But IE and WebKit don't, so this will behave properly in most browsers.
136
 
     * This makes me sad.
137
 
     */
138
 
    $(txt_elem).keypress(edit_text);
139
 
 
140
 
    txt_elem.style.width = "100%";
141
 
    txt_elem.style.height = "100%";
142
 
    window.onbeforeunload = confirm_beforeunload;
143
 
 
144
 
    /* XXX: Lord, please forgive me for browser sniffing.
145
 
            CodePress only works properly in real Gecko at the moment,
146
 
            so we must go to great and evil lengths to sniff it out.
147
 
            It's by no means a complete check, but it has to support
148
 
            more browsers than the previous situation.
149
 
            This should be killed ASAP when we fix/replace CodePress.
150
 
     */
151
 
    using_codepress = (navigator.userAgent.match('Gecko') &&
152
 
                       !navigator.userAgent.match('WebKit') &&
153
 
                       !navigator.userAgent.match('KHTML') &&
154
 
                       !navigator.userAgent.match('Presto'))
155
 
 
156
 
    if (using_codepress)
157
 
    {
158
 
        /* This is probably real Gecko. Try to fire up CodePress.
159
 
         * If it fails we'll have a horrible mess, so we'll hope.
160
 
         */
161
 
        txt_elem.className = "codepress autocomplete-off " + language;
162
 
        CodePress.run();
163
 
 
164
 
        /* And set a callback so we know that the editor iframe is loaded so
165
 
         * we can set a callback so we know when to enable the save button.
166
 
         * We also take this opportunity to disable the save button, if
167
 
         * the browser is likely to reenable it as needed. */
168
 
        editbox.onload = initialise_codepress;
169
 
    }
170
 
    else
171
 
    {
172
 
        /* Not using CodePress, so we can already disable the Save button. */
173
 
        disable_save_if_safe();
174
 
    }
175
 
}
176
 
 
177
 
function language_from_mime(mime)
178
 
{
179
 
    return {'text/x-python': 'python',
180
 
            'application/x-javascript': 'javascript',
181
 
            'application/javascript': 'javascript',
182
 
            'text/css': 'css',
183
 
            'text/plain': 'text',
184
 
            'text/html': 'html',
185
 
            'application/xml': 'html',
186
 
            'application/xhtml+xml': 'html'}[mime];
187
 
}
 
78
    txt_elem.setAttribute("onchange", "edit_text()");
 
79
    /* TODO: Make CSS height: 100% work */
 
80
    txt_elem.setAttribute("rows", "35");
 
81
 
 
82
    /* Load EditArea into the editbox */
 
83
    editAreaLoader.init({
 
84
        id : "editbox",
 
85
        syntax: "python",
 
86
        start_highlight: true,
 
87
        allow_toggle: false,
 
88
        allow_resize: false,
 
89
        replace_tab_by_spaces: 4,
 
90
    });
 
91
}
 
92