wang chenyu
4 years ago
committed by
GitHub
28 changed files with 627 additions and 448 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); |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,121 @@
@@ -0,0 +1,121 @@
|
||||
import SlicedArray, { Slice } from "../helpers/slicedArray"; |
||||
|
||||
test('Slicing returns new Slice', () => { |
||||
const sliced = new SlicedArray(); |
||||
const newSlice = sliced.slice.slice(); |
||||
expect(newSlice.isEnd).toBeDefined(); |
||||
}); |
||||
|
||||
describe('Inserting', () => { |
||||
const sliced = new SlicedArray(); |
||||
|
||||
// @ts-ignore
|
||||
const slices = sliced.slices; |
||||
|
||||
const arr = [100, 99, 98, 97, 96, 95]; |
||||
const distantArr = arr.slice(-2).map(v => v - 2); |
||||
const missingArr = [arr[arr.length - 1], arr[arr.length - 1] - 1, distantArr[0]]; |
||||
|
||||
const startValue = 90; |
||||
const values: number[] = []; |
||||
const valuesPerArray = 3; |
||||
const totalArrays = 10; |
||||
for(let i = 0, length = valuesPerArray * totalArrays; i < length; ++i) { |
||||
values.push(startValue - i); |
||||
} |
||||
const arrays: number[][] = []; |
||||
for(let i = 0; i < totalArrays; ++i) { |
||||
arrays.push(values.slice(valuesPerArray * i, valuesPerArray * (i + 1))); |
||||
} |
||||
|
||||
test('Insert & flatten', () => { |
||||
const idx = 2; |
||||
|
||||
sliced.insertSlice(arr.slice(0, idx + 1)); |
||||
sliced.insertSlice(arr.slice(idx)); |
||||
|
||||
expect([...sliced.first]).toEqual(arr); |
||||
}); |
||||
|
||||
test('Insert inner values', () => { |
||||
sliced.insertSlice(arr.slice(1, -1)); |
||||
|
||||
expect([...sliced.first]).toEqual(arr); |
||||
}); |
||||
|
||||
test('Insert distant slice', () => { |
||||
const length = slices.length; |
||||
sliced.insertSlice(distantArr); |
||||
|
||||
expect(slices.length).toEqual(length + 1); |
||||
}); |
||||
|
||||
test('Insert intersection & join them', () => { |
||||
const length = slices.length; |
||||
sliced.insertSlice(missingArr); |
||||
|
||||
expect(slices.length).toEqual(length - 1); |
||||
}); |
||||
|
||||
let returnedSlice: Slice; |
||||
test('Insert arrays with gap & join them', () => { |
||||
slices[0].length = 0; |
||||
|
||||
for(const arr of arrays) { |
||||
sliced.insertSlice(arr); |
||||
} |
||||
|
||||
expect(slices.length).toEqual(totalArrays); |
||||
|
||||
returnedSlice = sliced.insertSlice(values.slice(0, -valuesPerArray + 1)); |
||||
|
||||
expect(slices.length).toEqual(1); |
||||
}); |
||||
|
||||
test('Return inserted & flattened slice', () => { |
||||
expect(slices[0]).toEqual(returnedSlice); |
||||
}); |
||||
}); |
||||
|
||||
describe('Slicing', () => { |
||||
const sliced = new SlicedArray(); |
||||
|
||||
// @ts-ignore
|
||||
const slices = sliced.slices; |
||||
|
||||
const VALUES_LENGTH = 100; |
||||
const INCREMENTOR = 0xFFFF; |
||||
const values: number[] = []; |
||||
for(let i = 0; i < VALUES_LENGTH; ++i) { |
||||
values[i] = i + INCREMENTOR * i; |
||||
} |
||||
values.sort((a, b) => b - a); |
||||
sliced.insertSlice(values); |
||||
|
||||
const addOffset = 40; |
||||
const limit = 40; |
||||
|
||||
const r = (func: (idx: number) => void) => { |
||||
const max = VALUES_LENGTH * 3; |
||||
for(let i = 0; i < max; ++i) { |
||||
const idx = Math.random() * max | 0; |
||||
func(idx); |
||||
} |
||||
}; |
||||
|
||||
describe('Positive addOffset', () => { |
||||
test('From the start', () => { |
||||
const {slice} = sliced.sliceMe(0, addOffset, limit); |
||||
expect([...slice]).toEqual(values.slice(addOffset, addOffset + limit)); |
||||
}); |
||||
|
||||
test('From existing offsetId', () => { |
||||
r((idx) => { |
||||
const value = values[idx] || 1; |
||||
idx += 1; // because is it inclusive
|
||||
const {slice} = sliced.sliceMe(value, addOffset, limit); |
||||
expect([...slice]).toEqual(values.slice(idx + addOffset, idx + addOffset + limit)); |
||||
}); |
||||
}); |
||||
}); |
||||
}); |
||||
Loading…
Reference in new issue