Changes context-menu to pure delete function.

This commit is contained in:
Lars Jung 2012-08-11 13:25:27 +02:00
parent 91a9621648
commit 0b6b2b0f33
7 changed files with 158 additions and 94 deletions

View file

@ -1,84 +0,0 @@
modulejs.define('ext/context-menu', ['_', '$', 'core/settings', 'core/entry', 'core/event', 'core/resource'], function (_, $, allsettings, entry, event, resource) {
var defaults = {
enabled: false,
deleteBtn: false
},
settings = _.extend({}, defaults, allsettings['context-menu']),
template = '<div class="context-menu">' +
'<ul></ul>' +
'</div>',
// deleteTmp = '<li class="delete">delete</li>',
deleteTmp = '<li class="delete"><img src="' + resource.image('delete') + '" /> <span>delete</span></li>',
// deleteTmp = '<li class="delete"><img src="' + resource.image('delete') + '" /></li>',
createDeleteBtn = function (entry, $ul) {
var $del = $(deleteTmp).appendTo($ul);
$del.on('click', function (event) {
console.log('delete', entry.label);
$.ajax({
url: resource.api(),
data: {
action: 'delete',
href: entry.absHref
},
dataType: 'json',
success: function (json) {
}
});
});
},
createMenu = function (entry) {
var $html = $(template),
$ul = $html.find('ul');
$html.on('click', function (event) {
event.stopPropagation();
event.preventDefault();
});
createDeleteBtn(entry, $ul);
entry.$extended.find('a').append($html);
},
init = function () {
if (!settings.enabled) {
return;
}
event.sub('entry.mouseenter', function (entry) {
if (!entry.isFolder()) {
var ctx = entry.$extended.find('.context-menu');
if (ctx.length) {
ctx.show();
} else {
createMenu(entry);
}
}
});
event.sub('entry.mouseleave', function (entry) {
// entry.$extended.find('.context-menu').remove();
entry.$extended.find('.context-menu').hide();
});
};
init();
});

View file

@ -0,0 +1,107 @@
modulejs.define('ext/delete', ['_', '$', 'core/settings', 'core/entry', 'core/event', 'core/resource'], function (_, $, allsettings, entry, event, resource) {
var defaults = {
enabled: false
},
settings = _.extend({}, defaults, allsettings['delete']),
deleteBtnTemplate = '<li id="delete">' +
'<a href="#">' +
'<img src="' + resource.image('delete') + '" alt="delete" />' +
'<span class="l10n-delete">delete</span>' +
'</a>' +
'</li>',
authTemplate = '<div id="delete-auth">' +
'<input id="delete-auth-user" type="text" value="" placeholder="user" />' +
'<input id="delete-auth-password" type="text" value="" placeholder="password" />' +
'</div>',
selectedHrefsStr = '',
$delete, $img, $deleteAuth, $deleteUser, $deletePassword,
failed = function () {
$delete.addClass('failed');
setTimeout(function () {
$delete.removeClass('failed');
}, 1000);
},
handleResponse = function (json) {
$delete.removeClass('current');
$img.attr('src', resource.image('delete'));
if (!json || json.code) {
if (json && json.code === 401) {
$deleteAuth
.css({
left: $delete.offset().left,
top: $delete.offset().top + $delete.outerHeight()
})
.show();
$deleteUser.focus();
}
failed();
}
},
requestDeletion = function (hrefsStr) {
$delete.addClass('current');
$img.attr('src', resource.image('loading.gif', true));
$.ajax({
url: resource.api(),
data: {
action: 'delete',
hrefs: hrefsStr,
user: $deleteUser.val(),
password: $deletePassword.val()
},
dataType: 'json',
success: handleResponse
});
},
onSelection = function (entries) {
selectedHrefsStr = '';
if (entries.length) {
selectedHrefsStr = _.map(entries, function (entry) {
return entry.absHref;
}).join(':');
$delete.appendTo('#navbar').show();
} else {
$delete.hide();
$deleteAuth.hide();
}
},
init = function () {
if (!settings.enabled) {
return;
}
$delete = $(deleteBtnTemplate)
.find('a').on('click', function (event) {
event.preventDefault();
$deleteAuth.hide();
requestDeletion(selectedHrefsStr);
}).end()
.appendTo('#navbar');
$img = $delete.find('img');
$deleteAuth = $(authTemplate).appendTo('body');
$deleteUser = $deleteAuth.find('#delete-auth-user');
$deletePassword = $deleteAuth.find('#delete-auth-password');
event.sub('selection', onSelection);
};
init();
});