luzifer/past3
1
0
Fork 0
mirror of https://github.com/Luzifer/past3.git synced 2024-11-09 08:20:02 +00:00
Code Issues Releases Wiki Activity

Some small UX improvements

Browse source 
Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2018-09-24 23:52:27 +02:00
parent 74290c0647
commit c31b86d22a
Signed by: luzifer
GPG key ID: DC2729FDD34BE99E
1 changed files with 24 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
app.js
View file

@ -28,6 +28,8 @@ function deleteFile(filename) {
Bucket: window.past3_config.bucket,
Key: getFilePrefix() + filename,
}, fileActionCallback)
window.localStorage.removeItem(filename)
}
// error displays the error in the frontend
@ -71,6 +73,20 @@ function getAWSCredentials(googleIDToken) {
})
}
// getCurrentFileListEntry returns the element of the currently loaded file list entry
function getCurrentFileListEntry() {
let filename = $('#filename').val()
let resp = null
$(".file-list-item").each((idx, e) => {
if ($(e).data('file') === filename) {
resp = $(e)
}
})
return resp
}
// getFile retrieves an object from the bucket and loads it into the editor
function getFile(filename) {
let s3 = new AWS.S3()
@ -144,6 +160,9 @@ function init() {
text: btoa(cm.getValue()),
}))
}
let cf = getCurrentFileListEntry()
if (cf) cf.find('i').removeClass('fa-file').addClass('fa-file-upload')
})
// Set up bindings
@ -173,11 +192,8 @@ function init() {
getFile(filename)
$('.file-list-item').removeClass('active')
$(".file-list-item").each(() => {
if ($(this).data('file') == filename) {
$(this).addClass('active')
}
})
let cf = getCurrentFileListEntry()
if (cf) cf.addClass('active')
}
})
@ -253,7 +269,9 @@ function loadFileList(err, data) {
let fileIcon = 'file-alt'
if (window.localStorage.getItem(key) !== null) {
fileIcon = 'file-signature'
fileIcon = 'file-upload'
} else if (obj.Size === 0) {
fileIcon = 'file'
}
let li = $(`<a href='#${key}' class='list-group-item file-list-item'><span class='badge'></span> <i class="fas fa-fw fa-${fileIcon}"></i> ${key}</a>`)