40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
/*
|
|
* https://github.com/morethanwords/tweb
|
|
* Copyright (C) 2019-2021 Eduard Kuzmenko
|
|
* https://github.com/morethanwords/tweb/blob/master/LICENSE
|
|
*/
|
|
|
|
import type {CancellablePromise} from '../helpers/cancellablePromise';
|
|
import type {InputFile} from '../layer';
|
|
import {attachClickEvent} from '../helpers/dom/clickEvent';
|
|
import PopupElement from './popups';
|
|
import PopupAvatar from './popups/avatar';
|
|
|
|
export default class AvatarEdit {
|
|
public container: HTMLElement;
|
|
private canvas: HTMLCanvasElement;
|
|
private icon: HTMLSpanElement;
|
|
|
|
constructor(onChange: (uploadAvatar: () => CancellablePromise<InputFile>) => void, options?: ConstructorParameters<typeof PopupAvatar>[0]) {
|
|
this.container = document.createElement('div');
|
|
this.container.classList.add('avatar-edit');
|
|
|
|
this.canvas = document.createElement('canvas');
|
|
this.canvas.classList.add('avatar-edit-canvas');
|
|
|
|
this.icon = document.createElement('span');
|
|
this.icon.classList.add('tgico', 'tgico-cameraadd');
|
|
|
|
this.container.append(this.canvas, this.icon);
|
|
|
|
attachClickEvent(this.container, () => {
|
|
PopupElement.createPopup(PopupAvatar, options).open(this.canvas, onChange);
|
|
});
|
|
}
|
|
|
|
public clear() {
|
|
const ctx = this.canvas.getContext('2d');
|
|
ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
|
|
}
|
|
}
|