self-hosted/dufs
self-hosted/dufs
1
0
Fork 0
mirror of https://github.com/sigoden/dufs synced 2024-10-06 16:00:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: cannot upload (#32)

Browse source 
empty folder got js error

close: #31
This commit is contained in:
sigoden 2022-06-11 08:51:17 +08:00 committed by GitHub
parent e9383d71ed
commit a84c3b353d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/index.css
View file

@ -98,8 +98,8 @@ body {
} }
.empty-folder { .empty-folder {
display: block;
padding-top: 1rem; padding-top: 1rem;
font-style: italic;
} }
.uploaders-table th, .uploaders-table th,

1
assets/index.html
View file

@ -31,6 +31,7 @@
</form> </form>
</div> </div>
<div class="main"> <div class="main">
<div class="empty-folder hidden"></div>
<table class="uploaders-table hidden"> <table class="uploaders-table hidden">
<thead> <thead>
<tr> <tr>

25
assets/index.js
View file

@ -17,7 +17,19 @@ const dirEmptyNote = params.q ? 'No results' : DATA.dir_exists ? 'Empty folder'
/** /**
* @type Element * @type Element
*/ */
let $pathsTable, $pathsTableBody, $uploadersTable; let $pathsTable;
/**
* @type Element
*/
let $pathsTableBody;
/**
* @type Element
*/
let $uploadersTable;
/**
* @type Element
*/
let $emptyFolder;
/** /**
* @type string * @type string
*/ */
@ -59,8 +71,8 @@ class Uploader {
<td class="cell-status" id="uploadStatus${idx}"></td> <td class="cell-status" id="uploadStatus${idx}"></td>
</tr>`); </tr>`);
$uploadersTable.classList.remove("hidden"); $uploadersTable.classList.remove("hidden");
$emptyFolder.classList.add("hidden");
this.$uploadStatus = document.getElementById(`uploadStatus${idx}`); this.$uploadStatus = document.getElementById(`uploadStatus${idx}`);
document.querySelector('.main i.empty-folder').remove();
const ajax = new XMLHttpRequest(); const ajax = new XMLHttpRequest();
ajax.upload.addEventListener("progress", e => this.progress(e), false); ajax.upload.addEventListener("progress", e => this.progress(e), false);
@ -187,8 +199,8 @@ async function deletePath(index) {
DATA.paths[index] = null; DATA.paths[index] = null;
if (!DATA.paths.find(v => !!v)) { if (!DATA.paths.find(v => !!v)) {
$pathsTable.classList.add("hidden"); $pathsTable.classList.add("hidden");
document.querySelector('.main').insertAdjacentHTML("afterbegin", '<i class="empty-folder"></i>'); $emptyFolder.textContent = dirEmptyNote;
document.querySelector('.main .empty-folder').textContent = dirEmptyNote; $emptyFolder.classList.remove("hidden");
} }
} else { } else {
throw new Error(await res.text()) throw new Error(await res.text())
@ -283,6 +295,7 @@ function ready() {
$pathsTable = document.querySelector(".paths-table") $pathsTable = document.querySelector(".paths-table")
$pathsTableBody = document.querySelector(".paths-table tbody"); $pathsTableBody = document.querySelector(".paths-table tbody");
$uploadersTable = document.querySelector(".uploaders-table"); $uploadersTable = document.querySelector(".uploaders-table");
$emptyFolder = document.querySelector(".empty-folder");
if (params.q) { if (params.q) {
document.getElementById('search').value = params.q; document.getElementById('search').value = params.q;
@ -298,8 +311,8 @@ function ready() {
addPath(DATA.paths[i], i); addPath(DATA.paths[i], i);
} }
if (len == 0) { if (len == 0) {
document.querySelector('.main').insertAdjacentHTML("afterbegin", '<i class="empty-folder"></i>'); $emptyFolder.textContent = dirEmptyNote;
document.querySelector('.main .empty-folder').textContent = dirEmptyNote; $emptyFolder.classList.remove("hidden");
} }
} }
if (DATA.allow_upload) { if (DATA.allow_upload) {