hpip 0.2.0

Host These Things Please - a modern async HTTP file server
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

"use strict";

function delete_onclick(ev) {
  ev.preventDefault();

  let link = ev.target;
  let line = link.parentElement.parentElement;
  make_request("DELETE", get_href_for_line(line), link);
}


function rename_onclick(ev) {
  ev.preventDefault();

  let link = ev.target;
  let line = link.parentElement.parentElement;
  let filename_cell = get_filename_cell_for_line(line);
  let original_name = filename_cell.innerText;

  let submit_callback = function() {
    rename(original_name, new_name_input.value, link);
  };
  let new_name_input = make_filename_input(filename_cell, original_name, submit_callback);

  make_confirm_icon(link, submit_callback);
}

function make_confirm_icon(element, callback) {
  element.classList.add("confirm_icon");
  element.innerText = "Confirm";
  element.onclick = function(ev) {
    ev.preventDefault();
    ev.stopImmediatePropagation();
    callback();
  };
}


function rename(fname_from, fname_to, status_out) {
  let root_url = window.location.origin + window.location.pathname;
  if(!root_url.endsWith("/"))
    root_url += "/";

  if(fname_from.endsWith("/"))
    fname_from = fname_from.substr(0, fname_from.length - 1);
  if(fname_to.endsWith("/"))
    fname_to   = fname_to.substr(0, fname_to.length - 1);

  if(fname_from == fname_to)  // 403 Forbidden nominally
    window.location.reload();
  else
    make_request("MOVE", root_url + encodeURI(fname_from), status_out, function(request) {
      request.setRequestHeader("Destination", root_url + encodeURI(fname_to));
    });
}


function make_filename_input(input_container, initial, callback) {
  input_container.innerHTML = "<input type=\"text\"></input>";
  let input_elem = input_container.children[0];
  input_elem.value = initial.endsWith('/') ? initial.slice(0, -1) : initial;

  input_elem.addEventListener("keypress", function(ev) {
    if(ev.keyCode === 13) {  // Enter
      ev.preventDefault();
      callback();
    }
  });
  input_container.addEventListener("click", function(ev) {
    ev.preventDefault();
  });

  input_elem.focus();
  return input_elem;
}

function create_new_directory(fname, status_out) {
  let req_url = window.location.origin + window.location.pathname;
  if(!req_url.endsWith("/"))
    req_url += "/";
  req_url += encodeURI(fname);

  make_request("MKCOL", req_url, status_out);
}

let make_request_error = false;
function make_request(verb, url, status_out, request_modifier) {
  let request = new XMLHttpRequest();
  request.addEventListener("loadend", function() {
    if(request.status >= 200 && request.status < 300)
      window.location.reload();
    else {
      status_out.innerHTML = request.status + " " + request.statusText + (request.response ? " — " : "") + request.response;
      status_out.classList.add("has-log");
      make_request_error = true;
    }
  });
  request.open(verb, url);
  if(request_modifier)
    request_modifier(request);
  request.send();
}