r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Chat context menu fixes

Browse Source
This commit is contained in:
Eduard Kuzmenko 2020-11-12 23:09:55 +02:00
parent 837a3374e2
commit e5f8bd010c
3 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/chat/contextMenu.ts
View File

@ -41,8 +41,19 @@ export default class ChatContextMenu {
}
if(e instanceof MouseEvent) e.cancelBubble = true;
const msgID = +bubble.dataset.mid;
if(!msgID) return;
let mid = +bubble.dataset.mid;
if(!mid) return;
// * если открыть контекстное меню для альбома не по бабблу, и последний элемент не выбран, чтобы показать остальные пункты
if(appImManager.chatSelection.isSelecting && !bubbleContainer) {
const mids = appMessagesManager.getMidsByMid(mid);
if(mids.length > 1) {
const selectedMid = appImManager.chatSelection.selectedMids.has(mid) ? mid : mids.find(mid => appImManager.chatSelection.selectedMids.has(mid));
if(selectedMid) {
mid = selectedMid;
}
}
}
this.peerID = $rootScope.selectedPeerID;
//this.msgID = msgID;
@ -53,18 +64,19 @@ export default class ChatContextMenu {
if(albumItem) {
this.msgID = +albumItem.dataset.mid;
} else {
this.msgID = msgID;
this.msgID = mid;
}
this.buttons.forEach(button => {
let good: boolean;
if((appImManager.chatSelection.isSelecting && !button.withSelection) || (button.withSelection && !appImManager.chatSelection.isSelecting)) {
//if((appImManager.chatSelection.isSelecting && !button.withSelection) || (button.withSelection && !appImManager.chatSelection.isSelecting)) {
if(appImManager.chatSelection.isSelecting && !button.withSelection) {
good = false;
} else {
good = bubbleContainer || isTouchSupported ?
button.verify() :
button.notDirect && button.notDirect() && button.verify();
button.notDirect && button.verify() && button.notDirect();
}
button.element.classList.toggle('hide', !good);
@ -126,8 +138,8 @@ export default class ChatContextMenu {
icon: 'copy',
text: 'Copy selected',
onClick: this.onCopyClick,
verify: () => !![...appImManager.chatSelection.selectedMids].find(mid => !!appMessagesManager.getMessage(mid).message),
notDirect: () => !![...appImManager.chatSelection.selectedMids].find(mid => !!appMessagesManager.getMessage(mid).message),
verify: () => appImManager.chatSelection.selectedMids.has(this.msgID) && !![...appImManager.chatSelection.selectedMids].find(mid => !!appMessagesManager.getMessage(mid).message),
notDirect: () => true,
withSelection: true
}, {
icon: 'pin',
@ -171,8 +183,8 @@ export default class ChatContextMenu {
icon: 'forward',
text: 'Forward selected',
onClick: this.onForwardClick,
verify: () => !appImManager.chatSelection.selectionForwardBtn.hasAttribute('disabled') && appImManager.chatSelection.selectedMids.has(this.msgID),
notDirect: () => appImManager.chatSelection.selectedMids.has(this.msgID),
verify: () => appImManager.chatSelection.selectedMids.has(this.msgID) && !appImManager.chatSelection.selectionForwardBtn.hasAttribute('disabled'),
notDirect: () => true,
withSelection: true
}, {
icon: 'select',
@ -189,7 +201,7 @@ export default class ChatContextMenu {
text: 'Clear selection',
onClick: this.onClearSelectionClick,
verify: () => appImManager.chatSelection.selectedMids.has(this.msgID),
notDirect: () => appImManager.chatSelection.selectedMids.has(this.msgID),
notDirect: () => true,
withSelection: true
}, {
icon: 'delete danger',
@ -200,8 +212,8 @@ export default class ChatContextMenu {
icon: 'delete danger',
text: 'Delete selected',
onClick: this.onDeleteClick,
verify: () => !appImManager.chatSelection.selectionDeleteBtn.hasAttribute('disabled') && appImManager.chatSelection.selectedMids.has(this.msgID),
notDirect: () => appImManager.chatSelection.selectedMids.has(this.msgID),
verify: () => appImManager.chatSelection.selectedMids.has(this.msgID) && !appImManager.chatSelection.selectionDeleteBtn.hasAttribute('disabled'),
notDirect: () => true,
withSelection: true
}];

1
src/components/chat/selection.ts
View File

@ -8,7 +8,6 @@ import CheckboxField from "../checkbox";
import PopupDeleteMessages from "../popupDeleteMessages";
import PopupForward from "../popupForward";
import { toast } from "../toast";
import BubbleGroups from "../bubbleGroups";
const SetTransition = (element: HTMLElement, className: string, forwards: boolean, duration: number, onTransitionEnd?: () => void) => {
const timeout = element.dataset.timeout;

2
src/scss/style.scss
View File

@ -835,7 +835,7 @@ img.emoji {
}
}
.chats-container #chats-container .scrollable #dialogs .rp avatar-element {
#folders-container .rp avatar-element {
font-size: 20px;
&:before {