70 lines
2.2 KiB
TypeScript
70 lines
2.2 KiB
TypeScript
import { openBtnMenu, ripple } from "../components/misc";
|
|
//import {stackBlurImage} from '../lib/StackBlur';
|
|
import Page from "./page";
|
|
|
|
let onFirstMount = () => import('../lib/appManagers/appImManager').then(() => {//import('../lib/services').then(services => {
|
|
/* fetch('assets/img/camomile.jpg')
|
|
.then(res => res.blob())
|
|
.then(blob => {
|
|
let img = new Image();
|
|
let url = URL.createObjectURL(blob);
|
|
img.src = url;
|
|
img.onload = () => {
|
|
let id = 'chat-background-canvas';
|
|
var canvas = document.getElementById(id) as HTMLCanvasElement;
|
|
//URL.revokeObjectURL(url);
|
|
|
|
let elements = ['.chat-container'].map(selector => {
|
|
return document.querySelector(selector) as HTMLDivElement;
|
|
});
|
|
|
|
stackBlurImage(img, id, 15, 0);
|
|
|
|
canvas.toBlob(blob => {
|
|
//let dataUrl = canvas.toDataURL('image/jpeg', 1);
|
|
let dataUrl = URL.createObjectURL(blob);
|
|
|
|
elements.forEach(el => {
|
|
el.style.backgroundImage = 'url(' + dataUrl + ')';
|
|
});
|
|
}, 'image/jpeg', 1);
|
|
};
|
|
}); */
|
|
|
|
/* toggleEmoticons.onclick = (e) => {
|
|
if(!emoticonsDropdown) {
|
|
emoticonsDropdown = initEmoticonsDropdown(pageEl, appImManager,
|
|
appMessagesManager, messageInput, toggleEmoticons);
|
|
} else {
|
|
emoticonsDropdown.classList.toggle('active');
|
|
}
|
|
|
|
toggleEmoticons.classList.toggle('active');
|
|
}; */
|
|
|
|
import('../lib/services');
|
|
|
|
(Array.from(document.getElementsByClassName('rp')) as HTMLElement[]).forEach(el => ripple(el));
|
|
|
|
Array.from(document.getElementsByClassName('btn-menu-toggle')).forEach((el) => {
|
|
el.addEventListener('click', (e) => {
|
|
//console.log('click pageIm');
|
|
if(!el.classList.contains('btn-menu-toggle')) return false;
|
|
|
|
//window.removeEventListener('mousemove', onMouseMove);
|
|
let openedMenu = el.querySelector('.btn-menu') as HTMLDivElement;
|
|
e.cancelBubble = true;
|
|
|
|
if(el.classList.contains('menu-open')) {
|
|
el.classList.remove('menu-open');
|
|
openedMenu.classList.remove('active');
|
|
} else {
|
|
openBtnMenu(openedMenu);
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
const page = new Page('page-chats', false, onFirstMount);
|
|
export default page;
|