Improvements :)
Former-commit-id: c1c1881302a241fdc7140e6aabeb9b49977bd7c6 [formerly 84bb454c2f34baffd9dfa91645b8aff149e52620] [formerly 29e258c7a16db1ca8a3fde7c5e4e3cffc47899a6 [formerly 84ddad027fed623021092d56872ff138bc5ea416]] Former-commit-id: 0018a51df5bc801b783a3ffe17d9f33c504ce094 [formerly 0072c425cd4754e38f30007ab9f5272ea4b40370] Former-commit-id: d298f006e58ef9e4987def4bc354818062b30fcd
This commit is contained in:
@@ -125,95 +125,6 @@ function logoutEvent (event) {
|
||||
}
|
||||
}
|
||||
|
||||
function getHash (event, hash) {
|
||||
event.preventDefault()
|
||||
|
||||
let request = new window.XMLHttpRequest()
|
||||
let link
|
||||
|
||||
if (selectedItems.length) {
|
||||
link = document.getElementById(selectedItems[0]).dataset.url
|
||||
} else {
|
||||
link = window.location.pathname
|
||||
}
|
||||
|
||||
request.open('GET', `${link}?checksum=${hash}`, true)
|
||||
|
||||
request.onload = () => {
|
||||
if (request.status >= 300) {
|
||||
console.log(request.statusText)
|
||||
return
|
||||
}
|
||||
event.target.parentElement.innerHTML = request.responseText
|
||||
}
|
||||
request.onerror = (e) => console.log(e)
|
||||
request.send()
|
||||
}
|
||||
|
||||
function infoEvent (event) {
|
||||
event.preventDefault()
|
||||
if (event.currentTarget.classList.contains('disabled')) {
|
||||
return
|
||||
}
|
||||
|
||||
let dir = false
|
||||
let link
|
||||
|
||||
if (selectedItems.length) {
|
||||
link = document.getElementById(selectedItems[0]).dataset.url
|
||||
dir = document.getElementById(selectedItems[0]).dataset.dir
|
||||
} else {
|
||||
if (document.getElementById('listing') !== null) {
|
||||
dir = true
|
||||
}
|
||||
|
||||
link = window.location.pathname
|
||||
}
|
||||
|
||||
buttons.setLoading('info', false)
|
||||
|
||||
webdav.propfind(link)
|
||||
.then((text) => {
|
||||
let parser = new window.DOMParser()
|
||||
let xml = parser.parseFromString(text, 'text/xml')
|
||||
let clone = document.importNode(templates.info.content, true)
|
||||
|
||||
let value = xml.getElementsByTagName('displayname')
|
||||
if (value.length > 0) {
|
||||
clone.getElementById('display_name').innerHTML = value[0].innerHTML
|
||||
} else {
|
||||
clone.getElementById('display_name').innerHTML = xml.getElementsByTagName('D:displayname')[0].innerHTML
|
||||
}
|
||||
|
||||
value = xml.getElementsByTagName('getcontentlength')
|
||||
if (value.length > 0) {
|
||||
clone.getElementById('content_length').innerHTML = value[0].innerHTML
|
||||
} else {
|
||||
clone.getElementById('content_length').innerHTML = xml.getElementsByTagName('D:getcontentlength')[0].innerHTML
|
||||
}
|
||||
|
||||
value = xml.getElementsByTagName('getlastmodified')
|
||||
if (value.length > 0) {
|
||||
clone.getElementById('last_modified').innerHTML = value[0].innerHTML
|
||||
} else {
|
||||
clone.getElementById('last_modified').innerHTML = xml.getElementsByTagName('D:getlastmodified')[0].innerHTML
|
||||
}
|
||||
|
||||
if (dir === true || dir === 'true') {
|
||||
clone.querySelector('.file-only').style.display = 'none'
|
||||
}
|
||||
|
||||
document.querySelector('body').appendChild(clone)
|
||||
document.querySelector('.overlay').classList.add('active')
|
||||
document.querySelector('.prompt').classList.add('active')
|
||||
buttons.setDone('info', true)
|
||||
})
|
||||
.catch(e => {
|
||||
buttons.setDone('info', false)
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
|
||||
function deleteOnSingleFile () {
|
||||
closePrompt()
|
||||
buttons.setLoading('delete')
|
||||
@@ -279,36 +190,6 @@ function deleteEvent (event) {
|
||||
return false
|
||||
}
|
||||
|
||||
function closeHelp (event) {
|
||||
event.preventDefault()
|
||||
|
||||
document.querySelector('.help').classList.remove('active')
|
||||
document.querySelector('.overlay').classList.remove('active')
|
||||
}
|
||||
|
||||
function openHelp (event) {
|
||||
closePrompt(event)
|
||||
|
||||
document.querySelector('.help').classList.add('active')
|
||||
document.querySelector('.overlay').classList.add('active')
|
||||
}
|
||||
|
||||
window.addEventListener('keydown', (event) => {
|
||||
if (event.keyCode === 27) {
|
||||
if (document.querySelector('.help.active')) {
|
||||
closeHelp(event)
|
||||
}
|
||||
}
|
||||
|
||||
if (event.keyCode === 46) {
|
||||
deleteEvent(event)
|
||||
}
|
||||
|
||||
if (event.keyCode === 112) {
|
||||
event.preventDefault()
|
||||
openHelp(event)
|
||||
}
|
||||
})
|
||||
|
||||
/* * * * * * * * * * * * * * * *
|
||||
* *
|
||||
|
||||
@@ -159,29 +159,6 @@ listing.addDoubleTapEvent = function () {
|
||||
})
|
||||
}
|
||||
|
||||
// Keydown events
|
||||
window.addEventListener('keydown', (event) => {
|
||||
if (event.keyCode == 27) {
|
||||
listing.unselectAll()
|
||||
|
||||
if (document.querySelectorAll('.prompt').length) {
|
||||
closePrompt(event)
|
||||
}
|
||||
}
|
||||
|
||||
if (event.keyCode == 113) {
|
||||
listing.rename()
|
||||
}
|
||||
|
||||
if (event.ctrlKey || event.metaKey) {
|
||||
switch (String.fromCharCode(event.which).toLowerCase()) {
|
||||
case 's':
|
||||
event.preventDefault()
|
||||
window.location = '?download=true'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
listing.selectMoveFolder = function (event) {
|
||||
if (event.target.getAttribute('aria-selected') === 'true') {
|
||||
event.target.setAttribute('aria-selected', false)
|
||||
|
||||
@@ -11,26 +11,6 @@
|
||||
</form>
|
||||
</template>
|
||||
|
||||
<template id="info-template">
|
||||
<div class="prompt">
|
||||
<h3>File Information</h3>
|
||||
<p><strong>Display Name:</strong> <span id="display_name"></span></p>
|
||||
<p><strong>Size:</strong> <span id="content_length"></span> Bytes</p>
|
||||
<p><strong>Last Modified:</strong> <span id="last_modified"></span></p>
|
||||
|
||||
<section class="file-only">
|
||||
<p><strong>MD5:</strong> <code id="md5"><a href="#" onclick="getHash(event, 'md5')">show</a></code></p>
|
||||
<p><strong>SHA1:</strong> <code id="sha1"><a href="#" onclick="getHash(event, 'sha1')">show</a></code></p>
|
||||
<p><strong>SHA256:</strong> <code id="sha256"><a href="#" onclick="getHash(event, 'sha256')">show</a></code></p>
|
||||
<p><strong>SHA512:</strong> <code id="sha512"><a href="#" onclick="getHash(event, 'sha512')">show</a></code></p>
|
||||
</section>
|
||||
|
||||
<div>
|
||||
<button type="submit" onclick="closePrompt(event);" class="ok">OK</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template id="message-template">
|
||||
<div class="prompt">
|
||||
<h3></h3>
|
||||
@@ -60,28 +40,5 @@
|
||||
</form>
|
||||
</template>
|
||||
|
||||
<div class="help">
|
||||
<h3>Help</h3>
|
||||
|
||||
<ul>
|
||||
<li><strong>F1</strong> - this information</li>
|
||||
<li><strong>F2</strong> - rename file</li>
|
||||
<li><strong>DEL</strong> - delete selected items</li>
|
||||
<li><strong>ESC</strong> - clear selection and/or close the prompt</li>
|
||||
<li><strong>CTRL + S</strong> - save a file or download the directory where you are</li>
|
||||
<li><strong>CTRL + Click</strong> - select multiple files or directories</li>
|
||||
<li><strong>Double click</strong> - open a file or directory</li>
|
||||
<li><strong>Click</strong> - select file or directory</li>
|
||||
</ul>
|
||||
|
||||
<p>Not available yet</p>
|
||||
|
||||
<ul>
|
||||
<li><strong>Alt + Click</strong> - select a group of files</li>
|
||||
</ul>
|
||||
|
||||
<div>
|
||||
<button type="submit" onclick="closeHelp(event);" class="ok">OK</button>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user