front/upload_form.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

import { focused_window } from './window'
import { ExplorerWindow } from './explorer'


const upload_form:             HTMLFormElement  = document.getElementById("upload_form") as any;
const filename_input:          HTMLInputElement = document.getElementById("filename") as any;
const override_input:          HTMLInputElement = document.getElementById("override_input") as any;
const upload_parent_directory: HTMLInputElement = document.getElementById("upload_parent_directory") as any;
const the_file:                HTMLInputElement = document.getElementById("the_file") as any;

// If this is set to true, requests to uploads.php will be sent with the "override" flag
// which will override existing files with the same name
var override_file = false;
var override_file_filename = "";
var override_file_path = "";

export function show_upload_dialog() {
    override_file = false;
    the_file.click();
}

export function show_upload_dialog_replace_file(folder, filename) {
    override_file = true;
    override_file_path     = folder;
    override_file_filename = filename;
    the_file.click();
}


// This is called whenever the <input type="file">'s value changes
function on_file_added(_e) {
    if (the_file.files.length >= 1) {

        if (override_file) {
            filename_input.value          = override_file_filename;
            override_input.value          = "1";
            upload_parent_directory.value = override_file_path;
            console.log(filename_input.value, override_input.value, upload_parent_directory.value);
        } else {
            filename_input.value          = the_file.files[0].name;
            override_input.value          = "0";
            upload_parent_directory.value = focused_window.get_path();
        }

        // Send the form asynchronously through the fetch api
        fetch(upload_form.action, {
            method: upload_form.method,
            body: new FormData(upload_form)
        }).then((resp) => {
            if (resp.status == 200) {
                // TODO the focused window may have changed
                // Reload the directory so the user can see the newly uploaded file
                (focused_window as ExplorerWindow).openfile(true);
            } else {
                alert("Upload failed");
            }
        }, () => {
            alert("Upload failed")
        });
    }
    else {
        alert("No files selected");
    }
}

the_file.onchange = (e) => { on_file_added(e); };