wang chenyu
4 years ago
committed by
GitHub
28 changed files with 627 additions and 448 deletions
@ -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 @@ |
|||||||
|
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