Eduard Kuzmenko
3 years ago
4 changed files with 141 additions and 268 deletions
@ -1,199 +0,0 @@
@@ -1,199 +0,0 @@
|
||||
/* |
||||
* https://github.com/morethanwords/tweb
|
||||
* Copyright (C) 2019-2021 Eduard Kuzmenko |
||||
* https://github.com/morethanwords/tweb/blob/master/LICENSE
|
||||
*/ |
||||
|
||||
import { SliderSuperTab } from "../../slider" |
||||
import InputField from "../../inputField"; |
||||
import EditPeer from "../../editPeer"; |
||||
import { SettingSection } from "../../sidebarLeft"; |
||||
import Row from "../../row"; |
||||
import CheckboxField from "../../checkboxField"; |
||||
import Button from "../../button"; |
||||
import appChatsManager from "../../../lib/appManagers/appChatsManager"; |
||||
import appProfileManager from "../../../lib/appManagers/appProfileManager"; |
||||
import { attachClickEvent, toggleDisability } from "../../../helpers/dom"; |
||||
import PopupPeer from "../../popups/peer"; |
||||
import { addCancelButton } from "../../popups"; |
||||
import { i18n } from "../../../lib/langPack"; |
||||
import { numberThousandSplitter } from "../../../helpers/number"; |
||||
|
||||
export default class AppEditChannelTab extends SliderSuperTab { |
||||
private nameInputField: InputField; |
||||
private descriptionInputField: InputField; |
||||
private editPeer: EditPeer; |
||||
public peerId: number; |
||||
|
||||
protected async init() { |
||||
this.container.classList.add('edit-peer-container', 'edit-channel-container'); |
||||
this.setTitle('Edit'); |
||||
|
||||
const chatFull = await appProfileManager.getChannelFull(-this.peerId, true); |
||||
|
||||
{ |
||||
const section = new SettingSection({noDelimiter: true}); |
||||
|
||||
if(appChatsManager.hasRights(-this.peerId, 'change_info')) { |
||||
const inputFields: InputField[] = []; |
||||
|
||||
const inputWrapper = document.createElement('div'); |
||||
inputWrapper.classList.add('input-wrapper'); |
||||
|
||||
this.nameInputField = new InputField({ |
||||
label: 'Channel.ChannelNameHolder', |
||||
name: 'channel-name', |
||||
maxLength: 255 |
||||
}); |
||||
this.descriptionInputField = new InputField({ |
||||
label: 'DescriptionPlaceholder', |
||||
name: 'channel-description', |
||||
maxLength: 255 |
||||
}); |
||||
|
||||
this.nameInputField.setOriginalValue(appChatsManager.getChat(-this.peerId).title); |
||||
|
||||
this.descriptionInputField.setOriginalValue(chatFull.about); |
||||
|
||||
inputWrapper.append(this.nameInputField.container, this.descriptionInputField.container); |
||||
|
||||
inputFields.push(this.nameInputField, this.descriptionInputField); |
||||
|
||||
this.editPeer = new EditPeer({ |
||||
peerId: this.peerId, |
||||
inputFields, |
||||
listenerSetter: this.listenerSetter |
||||
}); |
||||
this.content.append(this.editPeer.nextBtn); |
||||
|
||||
section.content.append(this.editPeer.avatarEdit.container, inputWrapper); |
||||
|
||||
attachClickEvent(this.editPeer.nextBtn, () => { |
||||
this.editPeer.nextBtn.disabled = true; |
||||
|
||||
let promises: Promise<any>[] = []; |
||||
|
||||
const id = -this.peerId; |
||||
if(this.nameInputField.isValid()) { |
||||
promises.push(appChatsManager.editTitle(id, this.nameInputField.value)); |
||||
} |
||||
|
||||
if(this.descriptionInputField.isValid()) { |
||||
promises.push(appChatsManager.editAbout(id, this.descriptionInputField.value)); |
||||
} |
||||
|
||||
if(this.editPeer.uploadAvatar) { |
||||
promises.push(this.editPeer.uploadAvatar().then(inputFile => { |
||||
return appChatsManager.editPhoto(id, inputFile); |
||||
})); |
||||
} |
||||
|
||||
Promise.race(promises).finally(() => { |
||||
this.editPeer.nextBtn.removeAttribute('disabled'); |
||||
this.close(); |
||||
}); |
||||
}, {listenerSetter: this.listenerSetter}); |
||||
} |
||||
|
||||
/* if(appChatsManager.hasRights(-this.peerId, 'change_type')) { |
||||
const channelTypeRow = new Row({ |
||||
titleLangKey: 'ChannelType', |
||||
subtitleLangKey: 'TypePrivate', |
||||
clickable: true, |
||||
icon: 'lock' |
||||
}); |
||||
|
||||
section.content.append(channelTypeRow.container); |
||||
} |
||||
|
||||
if(appChatsManager.hasRights(-this.peerId, 'change_info')) { |
||||
const discussionRow = new Row({ |
||||
titleLangKey: 'PeerInfo.Discussion', |
||||
subtitleLangKey: 'PeerInfo.Discussion.Add', |
||||
clickable: true, |
||||
icon: 'message' |
||||
}); |
||||
|
||||
section.content.append(discussionRow.container); |
||||
} |
||||
|
||||
const administratorsRow = new Row({ |
||||
titleLangKey: 'PeerInfo.Administrators', |
||||
subtitle: '' + chatFull.admins_count, |
||||
icon: 'admin', |
||||
clickable: true |
||||
}); |
||||
|
||||
section.content.append(administratorsRow.container); |
||||
|
||||
if(appChatsManager.hasRights(-this.peerId, 'change_info')) { |
||||
const signMessagesCheckboxField = new CheckboxField({ |
||||
text: 'PeerInfo.SignMessages', |
||||
checked: false |
||||
}); |
||||
|
||||
section.content.append(signMessagesCheckboxField.label); |
||||
} */ |
||||
|
||||
this.scrollable.append(section.container); |
||||
} |
||||
|
||||
/* { |
||||
const section = new SettingSection({ |
||||
|
||||
}); |
||||
|
||||
const subscribersRow = new Row({ |
||||
titleLangKey: 'PeerInfo.Subscribers', |
||||
icon: 'newgroup', |
||||
clickable: true |
||||
}); |
||||
|
||||
subscribersRow.subtitle.append(i18n('Subscribers', [numberThousandSplitter(335356)])); |
||||
|
||||
section.content.append(subscribersRow.container); |
||||
|
||||
this.scrollable.append(section.container); |
||||
} */ |
||||
|
||||
if(appChatsManager.hasRights(-this.peerId, 'delete_chat')) { |
||||
const section = new SettingSection({ |
||||
|
||||
}); |
||||
|
||||
const btnDelete = Button('btn-primary btn-transparent danger', {icon: 'delete', text: 'PeerInfo.DeleteChannel'}); |
||||
|
||||
attachClickEvent(btnDelete, () => { |
||||
new PopupPeer('popup-delete-channel', { |
||||
peerId: this.peerId, |
||||
titleLangKey: 'ChannelDeleteMenu', |
||||
descriptionLangKey: 'AreYouSureDeleteAndExitChannel', |
||||
buttons: addCancelButton([{ |
||||
langKey: 'ChannelDeleteMenu', |
||||
callback: () => { |
||||
const toggle = toggleDisability([btnDelete], true); |
||||
|
||||
}, |
||||
isDanger: true |
||||
}, { |
||||
langKey: 'DeleteChannelForAll', |
||||
callback: () => { |
||||
const toggle = toggleDisability([btnDelete], true); |
||||
|
||||
appChatsManager.deleteChannel(-this.peerId).then(() => { |
||||
this.close(); |
||||
}, () => { |
||||
toggle(); |
||||
}); |
||||
}, |
||||
isDanger: true |
||||
}]) |
||||
}).show(); |
||||
}, {listenerSetter: this.listenerSetter}); |
||||
|
||||
section.content.append(btnDelete); |
||||
|
||||
this.scrollable.append(section.container); |
||||
} |
||||
} |
||||
} |
||||
Loading…
Reference in new issue