Telegram Web K with changes to work inside I2P
https://web.telegram.i2p/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.3 KiB
39 lines
1.3 KiB
/* |
|
* 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); |
|
} |
|
}
|
|
|