Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-06 16:07:03 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

cleanup and speedup Selector

Browse source
This commit is contained in:
the-djmaze 2022-09-09 22:20:40 +02:00
parent 0c87bbac21
commit e5e4675c1b
1 changed files with 28 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

82
dev/Common/Selector.js
View file

@ -260,7 +260,7 @@ export class Selector {
* @returns {boolean} * @returns {boolean}
*/ */
autoSelect() { autoSelect() {
return !!(this.oCallbacks.AutoSelect || (()=>1))() && this.focusedItem(); return (this.oCallbacks.AutoSelect || (()=>1))() && this.focusedItem();
} }
/** /**
@ -268,7 +268,7 @@ export class Selector {
* @returns {string} * @returns {string}
*/ */
getItemUid(item) { getItemUid(item) {
return ((item && this.oCallbacks.ItemGetUid?.(item)) || '').toString(); return (item && this.oCallbacks.ItemGetUid?.(item)?.toString()) || '';
} }
/** /**
@ -350,16 +350,15 @@ export class Selector {
scrollToFocused() { scrollToFocused() {
const scrollable = this.oContentScrollable; const scrollable = this.oContentScrollable;
if (scrollable) { if (scrollable) {
let block, focused = scrollable.querySelector(this.sItemFocusedSelector); let focused = scrollable.querySelector(this.sItemFocusedSelector);
if (focused) { if (focused) {
const fRect = focused.getBoundingClientRect(), const fRect = focused.getBoundingClientRect(),
sRect = scrollable.getBoundingClientRect(); sRect = scrollable.getBoundingClientRect();
if (fRect.top < sRect.top) { if (fRect.top < sRect.top) {
block = 'start'; focused.scrollIntoView(true);
} else if (fRect.bottom > sRect.bottom) { } else if (fRect.bottom > sRect.bottom) {
block = 'end'; focused.scrollIntoView(false);
} }
block && focused.scrollIntoView(block === 'start');
} else { } else {
scrollable.scrollTop = 0; scrollable.scrollTop = 0;
} }
@ -373,45 +372,6 @@ export class Selector {
this.oContentScrollable && (this.oContentScrollable.scrollTop = 0); this.oContentScrollable && (this.oContentScrollable.scrollTop = 0);
} }
eventClickFunction(item, event) {
let index = 0,
length = 0,
changeRange = false,
isInRange = false,
list = [],
checked = false,
listItem = null,
lineUid = '';
const uid = this.getItemUid(item);
if (event?.shiftKey) {
if (uid && this.sLastUid && uid !== this.sLastUid) {
list = this.list();
checked = item.checked();
for (index = 0, length = list.length; index < length; index++) {
listItem = list[index];
lineUid = this.getItemUid(listItem);
changeRange = false;
if (lineUid === this.sLastUid || lineUid === uid) {
changeRange = true;
}
if (changeRange) {
isInRange = !isInRange;
}
if (isInRange || changeRange) {
listItem.checked(checked);
}
}
}
}
this.sLastUid = uid;
}
/** /**
* @param {Object} item * @param {Object} item
* @param {Object=} event * @param {Object=} event
@ -420,17 +380,33 @@ export class Selector {
if (item) { if (item) {
let click = true; let click = true;
if (event) { if (event) {
if (event.shiftKey && !(event.ctrlKey || event.metaKey) && !event.altKey) { if (event.shiftKey && !event.ctrlKey && !event.metaKey && !event.altKey) {
click = false; click = false;
if (!this.sLastUid) { this.sLastUid || (this.sLastUid = this.getItemUid(item));
this.sLastUid = this.getItemUid(item);
}
item.checked(!item.checked()); item.checked(!item.checked());
this.eventClickFunction(item, event);
const uid = this.getItemUid(item);
if (uid && this.sLastUid && uid !== this.sLastUid) {
let changeRange = false,
isInRange = false,
checked = item.checked(),
lineUid = '';
this.list().forEach(listItem => {
lineUid = this.getItemUid(listItem);
changeRange = (lineUid === this.sLastUid || lineUid === uid);
if (isInRange || changeRange) {
if (changeRange) {
isInRange = !isInRange;
}
listItem.checked(checked);
}
});
}
this.sLastUid = uid;
this.focusedItem(item); this.focusedItem(item);
} else if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey) { } else if (!event.shiftKey && (event.ctrlKey || event.metaKey) && !event.altKey) {
click = false; click = false;
this.focusedItem(item); this.focusedItem(item);
@ -442,9 +418,7 @@ export class Selector {
} }
} }
if (click) { click && this.selectMessageItem(item);
this.selectMessageItem(item);
}
} }
} }