64 lines
1.8 KiB
TypeScript
64 lines
1.8 KiB
TypeScript
/*
|
|
* https://github.com/morethanwords/tweb
|
|
* Copyright (C) 2019-2021 Eduard Kuzmenko
|
|
* https://github.com/morethanwords/tweb/blob/master/LICENSE
|
|
*/
|
|
|
|
import { InputFile } from "../layer";
|
|
import AvatarEdit from "./avatarEdit";
|
|
import AvatarElement from "./avatar";
|
|
import InputField from "./inputField";
|
|
import ListenerSetter from "../helpers/listenerSetter";
|
|
import { safeAssign } from "../helpers/object";
|
|
import ButtonCorner from "./buttonCorner";
|
|
|
|
export default class EditPeer {
|
|
public nextBtn: HTMLButtonElement;
|
|
|
|
public uploadAvatar: () => Promise<InputFile>;
|
|
public avatarEdit: AvatarEdit;
|
|
public avatarElem: AvatarElement;
|
|
|
|
private inputFields: InputField[];
|
|
private listenerSetter: ListenerSetter;
|
|
|
|
private peerId: number;
|
|
|
|
constructor(options: {
|
|
peerId: number,
|
|
inputFields: EditPeer['inputFields'],
|
|
listenerSetter: ListenerSetter,
|
|
doNotEditAvatar?: boolean,
|
|
}) {
|
|
safeAssign(this, options);
|
|
|
|
this.nextBtn = ButtonCorner({icon: 'check'});
|
|
|
|
this.avatarElem = document.createElement('avatar-element') as AvatarElement;
|
|
this.avatarElem.classList.add('avatar-placeholder', 'avatar-120');
|
|
this.avatarElem.setAttribute('peer', '' + this.peerId);
|
|
|
|
if(!options.doNotEditAvatar) {
|
|
this.avatarEdit = new AvatarEdit((_upload) => {
|
|
this.uploadAvatar = _upload;
|
|
this.handleChange();
|
|
this.avatarElem.remove();
|
|
});
|
|
|
|
this.avatarEdit.container.append(this.avatarElem);
|
|
}
|
|
|
|
this.inputFields.forEach(inputField => {
|
|
this.listenerSetter.add(inputField.input)('input', this.handleChange);
|
|
});
|
|
}
|
|
|
|
public isChanged = () => {
|
|
return !!this.uploadAvatar || !!this.inputFields.find(inputField => inputField.isValid());
|
|
};
|
|
|
|
public handleChange = () => {
|
|
this.nextBtn.classList.toggle('is-visible', this.isChanged());
|
|
};
|
|
}
|