не найден пользователь с данным логином
" + ); + } + }); + } else { + document + .querySelector('#ava-chat') + ?.insertAdjacentHTML( + 'afterend', + "все поля должны быть заполнены
" + ); + } + }, + }, + }), + events: { + click: (event: Event) => { + console.log('click on modal', event.target); + if (event.target === document.querySelector('.modal')) { + document.querySelector('.modal')?.classList.remove('active'); + } + }, + }, + }); + } + + render() { + return this.compile(linkModal, {}); + } +} diff --git a/src/components/button/button.pug b/src/components/button/button.pug new file mode 100644 index 0000000..859f908 --- /dev/null +++ b/src/components/button/button.pug @@ -0,0 +1 @@ +button(class=className type="button") #{btnText} \ No newline at end of file diff --git a/src/components/button/button.ts b/src/components/button/button.ts new file mode 100644 index 0000000..84a8021 --- /dev/null +++ b/src/components/button/button.ts @@ -0,0 +1,21 @@ +import buttonTemplate from './button.pug'; +import { Block } from '../../utils/core/Block'; + +type ButtonProps = { + className: string; + btnText: string; + events?: Record