89fd90d669
* Supporting ETag http headers on static files * Supporting ETag http headers on static files * WebServer Example and Doku * new template for readme added. * example updated, som more TRACE output. * better TRACE formatting. * upload and trace enhancements * Create .skip.esp32h2 * Update libraries/WebServer/examples/WebServer/data/index.htm Co-authored-by: Lucas Saavedra Vaz <lucassvaz@yahoo.com.br> * files.htm trailing newLine --------- Co-authored-by: Jan Procházka <90197375+P-R-O-C-H-Y@users.noreply.github.com> Co-authored-by: Lucas Saavedra Vaz <lucassvaz@yahoo.com.br>
65 lines
1.8 KiB
HTML
65 lines
1.8 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title>Files</title>
|
|
<link Content-Type="text/css" href="/style.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Files on Server</h1>
|
|
|
|
<p>These files are available on the server to be opened or delete:</p>
|
|
<div id="list">
|
|
</div>
|
|
|
|
<script>
|
|
// load and display all files after page loading has finished
|
|
window.addEventListener("load", function () {
|
|
fetch('/api/list')
|
|
.then(function (result) { return result.json(); })
|
|
.then(function (e) {
|
|
var listObj = document.querySelector('#list');
|
|
e.forEach(function (f) {
|
|
var entry = document.createElement("div");
|
|
var nameObj = document.createElement("a");
|
|
nameObj.href = '/' + f.name;
|
|
nameObj.innerText = '/' + f.name;
|
|
entry.appendChild(nameObj)
|
|
|
|
entry.appendChild(document.createTextNode(' (' + f.size + ') '));
|
|
|
|
var timeObj = document.createElement("span");
|
|
timeObj.innerText = (new Date(f.time*1000)).toLocaleString();
|
|
entry.appendChild(timeObj)
|
|
entry.appendChild(document.createTextNode(" "));
|
|
|
|
var delObj = document.createElement("span");
|
|
delObj.className = 'deleteFile';
|
|
delObj.innerText = ' [delete]';
|
|
entry.appendChild(delObj)
|
|
|
|
listObj.appendChild(entry)
|
|
});
|
|
|
|
})
|
|
.catch(function (err) {
|
|
window.alert(err);
|
|
});
|
|
});
|
|
|
|
window.addEventListener("click", function (evt) {
|
|
var t = evt.target;
|
|
if (t.className === 'deleteFile') {
|
|
var fname = t.parentElement.innerText;
|
|
fname = fname.split(' ')[0];
|
|
if (window.confirm("Delete " + fname + " ?")) {
|
|
fetch(fname, { method: 'DELETE' });
|
|
document.location.reload(false);
|
|
}
|
|
};
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|