new style add-clipboard-area for receiving drop events

add new class to menu item for clipboard which allows to easily
drop an item into the clipboard even if the clipboard itself
isn't visible
This commit is contained in:
Uwe Steinmann 2016-03-23 08:54:34 +01:00
parent 85636ab04a
commit 942de6cfee
2 changed files with 7 additions and 7 deletions

View File

@ -723,18 +723,18 @@ $(document).ready(function() {
});
/* Dropping item on alert below clipboard */
$(document).on('dragenter', '#main-clipboard div.alert', function (e) {
$(document).on('dragenter', '.add-clipboard-area', function (e) {
e.stopPropagation();
e.preventDefault();
$(this).css('border', '2px dashed #0B85A1');
});
$(document).on('dragleave', '#main-clipboard div.alert', function (e) {
$(document).on('dragleave', '.add-clipboard-area', function (e) {
$(this).css('border', '0px solid white');
});
$(document).on('dragover', '#main-clipboard div.alert', function (e) {
$(document).on('dragover', '.add-clipboard-area', function (e) {
e.preventDefault();
});
$(document).on('drop', '#main-clipboard div.alert', function (e) {
$(document).on('drop', '.add-clipboard-area', function (e) {
$(this).css('border', '0px dotted #0B85A1');
onAddClipboard(e);
});

View File

@ -208,8 +208,8 @@ $(document).ready(function () {
}
$content = '';
$content .= " <ul id=\"main-menu-clipboard\" class=\"nav pull-right\">\n";
$content .= " <li class=\"dropdown\">\n";
$content .= " <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">".getMLText('clipboard')." (".count($clipboard['folders'])."/".count($clipboard['docs']).") <i class=\"icon-caret-down\"></i></a>\n";
$content .= " <li class=\"dropdown add-clipboard-area\">\n";
$content .= " <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" class=\"add-clipboard-area\">".getMLText('clipboard')." (".count($clipboard['folders'])."/".count($clipboard['docs']).") <i class=\"icon-caret-down\"></i></a>\n";
$content .= " <ul class=\"dropdown-menu\" role=\"menu\">\n";
foreach($clipboard['folders'] as $folderid) {
if($folder = $this->params['dms']->getFolder($folderid))
@ -1423,7 +1423,7 @@ $(function() {
$content .= "</table>";
} else {
}
$content .= "<div class=\"alert\">".getMLText("drag_icon_here")."</div>";
$content .= "<div class=\"alert add-clipboard-area\">".getMLText("drag_icon_here")."</div>";
return $content;
} /* }}} */