b94dba3d9b
Fix bluring keyboard on Android Fix reading messages when page was blured Fix instant reading messages if there only one page of them Split dom functions
49 lines
2.0 KiB
TypeScript
49 lines
2.0 KiB
TypeScript
/*
|
|
* https://github.com/morethanwords/tweb
|
|
* Copyright (C) 2019-2021 Eduard Kuzmenko
|
|
* https://github.com/morethanwords/tweb/blob/master/LICENSE
|
|
*/
|
|
|
|
import { cancelEvent } from "../helpers/dom/cancelEvent";
|
|
import { AttachClickOptions, CLICK_EVENT_NAME } from "../helpers/dom/clickEvent";
|
|
import ListenerSetter from "../helpers/listenerSetter";
|
|
import ButtonIcon from "./buttonIcon";
|
|
import ButtonMenu, { ButtonMenuItemOptions } from "./buttonMenu";
|
|
import { closeBtnMenu, openBtnMenu } from "./misc";
|
|
|
|
const ButtonMenuToggle = (options: Partial<{noRipple: true, onlyMobile: true, listenerSetter: ListenerSetter, asDiv: boolean}> = {}, direction: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right', buttons: ButtonMenuItemOptions[], onOpen?: (e: Event) => void) => {
|
|
options.asDiv = true;
|
|
const button = ButtonIcon('more btn-menu-toggle', options);
|
|
|
|
const btnMenu = ButtonMenu(buttons, options.listenerSetter);
|
|
btnMenu.classList.add(direction);
|
|
ButtonMenuToggleHandler(button, onOpen, options);
|
|
button.append(btnMenu);
|
|
return button;
|
|
};
|
|
|
|
// TODO: refactor for attachClickEvent, because if move finger after touchstart, it will start anyway
|
|
const ButtonMenuToggleHandler = (el: HTMLElement, onOpen?: (e: Event) => void, options?: AttachClickOptions) => {
|
|
const add = options?.listenerSetter ? options.listenerSetter.add.bind(options.listenerSetter, el) : el.addEventListener.bind(el);
|
|
|
|
//console.trace('ButtonMenuToggleHandler attach', el, onOpen, options);
|
|
add(CLICK_EVENT_NAME, (e: Event) => {
|
|
//console.log('ButtonMenuToggleHandler click', e);
|
|
if(!el.classList.contains('btn-menu-toggle')) return false;
|
|
|
|
//window.removeEventListener('mousemove', onMouseMove);
|
|
const openedMenu = el.querySelector('.btn-menu') as HTMLDivElement;
|
|
cancelEvent(e);
|
|
|
|
if(el.classList.contains('menu-open')) {
|
|
closeBtnMenu();
|
|
} else {
|
|
onOpen && onOpen(e);
|
|
openBtnMenu(openedMenu);
|
|
}
|
|
});
|
|
};
|
|
|
|
export { ButtonMenuToggleHandler };
|
|
export default ButtonMenuToggle;
|