simplify messagelist dragOverArea

This commit is contained in:
the-djmaze 2022-09-27 16:57:29 +02:00
parent c64ec1b2d8
commit b047f6ca9a
2 changed files with 8 additions and 10 deletions

View file

@ -87,9 +87,6 @@ export class MailMessageList extends AbstractViewRight {
moreDropdownTrigger: false,
sortDropdownTrigger: false,
dragOverArea: null,
dragOverBodyArea: null,
focusSearch: false
});
@ -575,9 +572,10 @@ export class MailMessageList extends AbstractViewRight {
}
onBuild(dom) {
const eqs = (ev, s) => ev.target.closestWithin(s, dom);
const b_content = dom.querySelector('.b-content'),
eqs = (ev, s) => ev.target.closestWithin(s, dom);
this.selector.init(dom.querySelector('.b-content'), Scope.MessageList);
this.selector.init(b_content, Scope.MessageList);
addEventsListeners(dom, {
click: event => {
@ -606,7 +604,7 @@ export class MailMessageList extends AbstractViewRight {
// initUploaderForAppend
if (Settings.app('allowAppendMessage') && this.dragOverArea()) {
if (Settings.app('allowAppendMessage')) {
const oJua = new Jua({
action: serverRequest('Append'),
name: 'AppendFile',
@ -614,8 +612,8 @@ export class MailMessageList extends AbstractViewRight {
hidden: {
Folder: () => FolderUserStore.currentFolderFullName()
},
dragAndDropElement: this.dragOverArea(),
dragAndDropBodyElement: this.dragOverBodyArea()
dragAndDropElement: dom.querySelector('.listDragOver'),
dragAndDropBodyElement: b_content
});
this.dragOver.subscribe(value => value && this.selector.scrollToTop());

View file

@ -106,11 +106,11 @@
</div>
<a class="btn buttonMoreSearch" data-bind="click: advancedSearchClick"></a>
</div>
<div class="b-content" data-bind="initDom: dragOverBodyArea">
<div class="b-content">
<div class="listThreadUidDesc" data-bind="visible: messageList.threadUid(), click: cancelThreadUid"
data-icon="⬅" data-i18n="MESSAGE_LIST/BACK_TO_MESSAGE_LIST"></div>
<div class="listSearchDesc" data-bind="visible: messageListSearchDesc(), text: messageListSearchDesc"></div>
<div class="listDragOver" data-bind="css: {'viewAppendArea': dragOver() && !messageList.error() && !popupVisibility(), 'dragOverEnter': dragOverEnter }, initDom: dragOverArea"
<div class="listDragOver" data-bind="css: {'viewAppendArea': dragOver() && !messageList.error() && !popupVisibility(), 'dragOverEnter': dragOverEnter }"
data-icon="⬇" data-i18n="MESSAGE_LIST/PUT_MESSAGE_HERE"></div>
<div class="listClear" data-bind="visible: clearListIsVisible()">
<a href="#" class="g-ui-link" data-i18n="MESSAGE_LIST/BUTTON_EMPTY_FOLDER" data-bind="click: clear"></a>