mirror of
https://github.com/rejetto/hfs2.git
synced 2025-12-19 10:03:56 +01:00
small usability improv
This commit is contained in:
parent
b44270c214
commit
cdfdc11d8d
29
default.tpl
29
default.tpl
@ -203,7 +203,9 @@ $(function(){
|
|||||||
[upload panel]
|
[upload panel]
|
||||||
<div id="upload-panel" class="additional-panel closeable" style="display:none">
|
<div id="upload-panel" class="additional-panel closeable" style="display:none">
|
||||||
<div id="upload-counters">
|
<div id="upload-counters">
|
||||||
{.!Uploaded.}: <span id="upload-ok">0</span> - {.!Failed.}: <span id="upload-ko">0</span> - {.!Queued.}: <span id="upload-q">0</span>
|
{.!Uploaded.}: <span id="upload-ok">0</span>
|
||||||
|
<span style="display:none"> - {.!Failed.}: <span id="upload-ko">0</span></span>
|
||||||
|
- {.!Queued.}: <span id="upload-q">0</span>
|
||||||
</div>
|
</div>
|
||||||
<div id="upload-results"></div>
|
<div id="upload-results"></div>
|
||||||
<div id="upload-progress">
|
<div id="upload-progress">
|
||||||
@ -775,9 +777,8 @@ function getSelectedItems() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function getSelectedItemsName() {
|
function getSelectedItemsName() {
|
||||||
return getSelectedItems().get().map(function(x) {
|
return getSelectedItems().get().map(x=>
|
||||||
return getItemName(x)
|
getItemName(x))
|
||||||
})
|
|
||||||
}//getSelectedItemsName
|
}//getSelectedItemsName
|
||||||
|
|
||||||
function deleteFiles(files) {
|
function deleteFiles(files) {
|
||||||
@ -837,9 +838,7 @@ function selectionMask() {
|
|||||||
re = new RegExp(s, "i");
|
re = new RegExp(s, "i");
|
||||||
}
|
}
|
||||||
$("#files .selector")
|
$("#files .selector")
|
||||||
.filter(function(i, e) {
|
.filter((i, e)=> invert ^ re.test(getItemName(e)))
|
||||||
return invert ^ re.test(getItemName(e));
|
|
||||||
})
|
|
||||||
.prop('checked',true);
|
.prop('checked',true);
|
||||||
selectionChanged()
|
selectionChanged()
|
||||||
});
|
});
|
||||||
@ -1009,9 +1008,8 @@ function sendFiles(files, done) {
|
|||||||
try {
|
try {
|
||||||
data = JSON.parse(data)
|
data = JSON.parse(data)
|
||||||
data.forEach(function(r) {
|
data.forEach(function(r) {
|
||||||
$('#upload-'+(r.err ? 'ko' : 'ok')).text(function(i, s) {
|
$('#upload-'+(r.err ? 'ko' : 'ok')).text((i, s)=> +s +1)
|
||||||
return Number(s) + 1
|
.parent().show() // only for 'ko'
|
||||||
})
|
|
||||||
$(r.err ? '<span title="'+r.err+'"><i class="fa fa-ban"></i> '+ r.name+'</span>'
|
$(r.err ? '<span title="'+r.err+'"><i class="fa fa-ban"></i> '+ r.name+'</span>'
|
||||||
: '<a title="{.!Size.}: '+r.size+'
{.!Speed.}: '+r.speed+'B/s" href="'+r.url+'"><i class="fa fa-'+(r.err ? 'ban' : 'check-circled')+'"></i> '+r.name+'</a>')
|
: '<a title="{.!Size.}: '+r.size+'
{.!Speed.}: '+r.speed+'B/s" href="'+r.url+'"><i class="fa fa-'+(r.err ? 'ban' : 'check-circled')+'"></i> '+r.name+'</a>')
|
||||||
.appendTo('#upload-results');
|
.appendTo('#upload-results');
|
||||||
@ -1137,19 +1135,17 @@ $(function(){
|
|||||||
$('<div class="buttons">').html([
|
$('<div class="buttons">').html([
|
||||||
it.closest('.can-delete').length > 0
|
it.closest('.can-delete').length > 0
|
||||||
&& $('<button><i class="fa fa-trash"></i> {.!Delete.}</button>')
|
&& $('<button><i class="fa fa-trash"></i> {.!Delete.}</button>')
|
||||||
.click(function() { deleteFiles([name]) }),
|
.click(()=> deleteFiles([name]) ),
|
||||||
it.closest('.can-rename').length > 0
|
it.closest('.can-rename').length > 0
|
||||||
&& $('<button><i class="fa fa-edit"></i> {.!Rename.}</button>').click(renameItem),
|
&& $('<button><i class="fa fa-edit"></i> {.!Rename.}</button>').click(renameItem),
|
||||||
it.closest('.can-comment').length > 0
|
it.closest('.can-comment').length > 0
|
||||||
&& $('<button><i class="fa fa-quote-left"></i> {.!Comment.}</button>').click(setComment),
|
&& $('<button><i class="fa fa-quote-left"></i> {.!Comment.}</button>').click(setComment),
|
||||||
it.closest('.can-move').length > 0
|
it.closest('.can-move').length > 0
|
||||||
&& $('<button><i class="fa fa-truck"></i> {.!Move.}</button>')
|
&& $('<button><i class="fa fa-truck"></i> {.!Move.}</button>')
|
||||||
.click(function(){ moveFiles([name]) })
|
.click(()=> moveFiles([name]) )
|
||||||
])
|
])
|
||||||
]).addClass('item-menu-dialog')
|
]).addClass('item-menu-dialog')
|
||||||
|
|
||||||
//{.if|{.and|{.!option.move.}|{.can move.}.}| <button id='moveBtn' onclick='moveFiles()'>{.!Move.}</button> .}
|
|
||||||
|
|
||||||
function setComment() {
|
function setComment() {
|
||||||
var value = it.find('.comment-text').text() || '';
|
var value = it.find('.comment-text').text() || '';
|
||||||
ask(this.innerHTML, { type: 'textarea', value: value }, function(s){
|
ask(this.innerHTML, { type: 'textarea', value: value }, function(s){
|
||||||
@ -1159,9 +1155,8 @@ $(function(){
|
|||||||
}//setComment
|
}//setComment
|
||||||
|
|
||||||
function renameItem() {
|
function renameItem() {
|
||||||
ask(this.innerHTML+ ' '+name, { type: 'text', value: name }, function(to){
|
ask(this.innerHTML+ ' '+name, { type: 'text', value: name }, to=>
|
||||||
ajax("rename", { from: name, to: to });
|
ajax("rename", { from: name, to: to }))
|
||||||
})
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user