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.
37 lines
1.1 KiB
37 lines
1.1 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 PopupAvatar from "./popups/avatar"; |
|
|
|
export default class AvatarEdit { |
|
public container: HTMLElement; |
|
private canvas: HTMLCanvasElement; |
|
private icon: HTMLSpanElement; |
|
|
|
constructor(onChange: (uploadAvatar: () => CancellablePromise<InputFile>) => void) { |
|
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); |
|
|
|
this.container.addEventListener('click', () => { |
|
new PopupAvatar().open(this.canvas, onChange); |
|
}); |
|
} |
|
|
|
public clear() { |
|
const ctx = this.canvas.getContext('2d'); |
|
ctx.clearRect(0, 0, this.canvas.width, this.canvas.height); |
|
} |
|
}
|
|
|