Better dropdown menu setup, more options

Still rough
This commit is contained in:
Dane Everitt 2016-10-01 15:40:38 -04:00
parent d812e1a23c
commit 6098f31f9a
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
5 changed files with 50 additions and 29 deletions

View file

@ -29,30 +29,55 @@ class FileActions {
this.rightClick();
}
makeMenu() {
$(document).find('#fileOptionMenu').remove();
return $('<ul id="fileOptionMenu" class="dropdown-menu" role="menu" style="display:none" > \
<li data-action="move"><a tabindex="-1" href="#"><i class="fa fa-arrow-right"></i> Move</a></li> \
<li data-action="rename"><a tabindex="-1" href="#"><i class="fa fa-pencil-square-o"></i> Rename</a></li> \
<li data-action="compress" class="hidden"><a tabindex="-1" href="#"><i class="fa fa-file-archive-o"></i> Compress</a></li> \
<li data-action="decompress" class="hidden"><a tabindex="-1" href="#"><i class="fa fa-expand"></i> Decompress</a></li> \
<li class="divider"></li> \
<li data-action="download" class="hidden"><a tabindex="-1" href="#"><i class="fa fa-download"></i> Download</a></li> \
<li data-action="delete"><a tabindex="-1" href="#"><i class="fa fa-trash-o"></i> Delete</a></li> \
</ul>');
}
rightClick() {
$('#file_listing > tbody').on('contextmenu', event => {
event.preventDefault();
const parent = $(event.target).parent();
$('#fileOptionMenu').appendTo('body');
$('#fileOptionMenu').data('invokedOn', $(event.target)).show().css({
const parent = $(event.target).parent();
const menu = this.makeMenu();
if (parent.data('type') === 'disabled') return;
event.preventDefault();
menu.appendTo('body');
menu.data('invokedOn', $(event.target)).show().css({
position: 'absolute',
left: event.pageX,
top: event.pageY,
});
if (parent.data('type') === 'file') {
menu.find('li[data-action="download"]').removeClass('hidden');
}
if (_.without(['application/zip', 'application/gzip', 'application/x-gzip'], parent.data('mime')).length < 3) {
menu.find('li[data-action="decompress"]').removeClass('hidden');
}
// Handle Events
var Context = new ContextMenuActions(parent);
$('#fileOptionMenu li[data-action="move"]').unbind().on('click', e => {
menu.find('li[data-action="move"]').unbind().on('click', e => {
Context.move();
});
$('#fileOptionMenu li[data-action="rename"]').unbind().on('click', e => {
menu.find('li[data-action="rename"]').unbind().on('click', e => {
Context.rename();
});
$(window).click(() => {
$('#fileOptionMenu').hide();
$(window).on('click', () => {
menu.remove();
});
});
}

View file

@ -28,7 +28,7 @@ class FileManager {
$('[data-toggle="tooltip"]').tooltip();
}
list(path) {
list(path, isError) {
if (_.isUndefined(path)) {
path = this.decodeHash();
}
@ -54,7 +54,7 @@ class FileManager {
title: 'File Error',
text: 'An error occured while attempting to process this request. Please try again.',
});
this.list('/');
if (!isError) this.list('/', true);
console.log(jqXHR);
}).always(() => {
this.loader(false);