77 lines
2.1 KiB
JavaScript
77 lines
2.1 KiB
JavaScript
function renderFileButton(apiURL, id, title, subtitle) {
|
|
let btn = document.createElement("a")
|
|
btn.classList = "file_button"
|
|
btn.href = "/u/"+id
|
|
btn.target = "_blank"
|
|
let thumbnail = document.createElement("img")
|
|
thumbnail.src = apiURL+"/file/"+id+"/thumbnail?width=80&height=80"
|
|
thumbnail.alt = title
|
|
let titleSpan = document.createElement("span")
|
|
titleSpan.classList = "file_button_title"
|
|
titleSpan.innerText = title
|
|
let br = document.createElement("br")
|
|
let subtitleSpan = document.createElement("span")
|
|
subtitleSpan.classList = "file_button_subtitle"
|
|
subtitleSpan.innerText = subtitle
|
|
|
|
btn.appendChild(thumbnail)
|
|
btn.appendChild(titleSpan)
|
|
btn.appendChild(br)
|
|
btn.appendChild(subtitleSpan)
|
|
return btn
|
|
}
|
|
|
|
function getCookie(name) {
|
|
var result = new RegExp('(?:^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie)
|
|
return result ? result[1] : null
|
|
}
|
|
|
|
// Get the uploads from localstorage
|
|
let uploadsStr = localStorage.getItem("uploaded_files")
|
|
if (uploadsStr === null) { uploadsStr = "" }
|
|
|
|
let uploads = Array()
|
|
if (uploadsStr != "") {
|
|
// Strip the trailing comma
|
|
uploads = uploadsStr.slice(0, -1).split(",")
|
|
}
|
|
|
|
// Get the uploads from a cookie
|
|
uploadsStr = getCookie("pduploads")
|
|
if (uploadsStr === null) { uploadsStr = "" }
|
|
|
|
if (uploadsStr != "") {
|
|
uploadsStr = uploadsStr.slice(0, -1) // Strip the trailing dot
|
|
uploads.push(uploadsStr.split(".").reverse())
|
|
}
|
|
|
|
// Render all the items
|
|
function getHistoryItem() {
|
|
let item = uploads.shift()
|
|
if (item === undefined || item === "") { return }
|
|
|
|
fetch(
|
|
apiEndpoint+"/file/"+item+"/info"
|
|
).then(resp => {
|
|
if (!resp.ok) {
|
|
return Promise.reject()
|
|
}
|
|
return resp.json()
|
|
}).then(resp => {
|
|
document.getElementById("uploaded_files").appendChild(
|
|
renderFileButton(
|
|
apiEndpoint,
|
|
resp.id,
|
|
resp.name,
|
|
printDate(new Date(resp.date_upload), true, true, true),
|
|
)
|
|
)
|
|
getHistoryItem()
|
|
}).catch(err => {
|
|
console.log("Fetch failed: "+err)
|
|
getHistoryItem()
|
|
})
|
|
}
|
|
|
|
getHistoryItem()
|