Eduard Kuzmenko
3 years ago
34 changed files with 564 additions and 158 deletions
@ -0,0 +1,235 @@ |
|||||||
|
import { randomLong } from "../helpers/random"; |
||||||
|
import { InputPrivacyKey, InputPrivacyRule } from "../layer"; |
||||||
|
import appPrivacyManager, { PrivacyType } from "../lib/appManagers/appPrivacyManager"; |
||||||
|
import appUsersManager from "../lib/appManagers/appUsersManager"; |
||||||
|
import RadioField from "./radioField"; |
||||||
|
import Row, { RadioFormFromRows } from "./row"; |
||||||
|
import Scrollable from "./scrollable"; |
||||||
|
import { SettingSection, generateSection } from "./sidebarLeft"; |
||||||
|
import AppAddMembersTab from "./sidebarLeft/tabs/addMembers"; |
||||||
|
import { SliderSuperTabEventable } from "./sliderTab"; |
||||||
|
|
||||||
|
export default class PrivacySection { |
||||||
|
public radioRows: Map<PrivacyType, Row>; |
||||||
|
public radioSection: SettingSection; |
||||||
|
public exceptions: Map<keyof PrivacySection['peerIds'], { |
||||||
|
title: string, |
||||||
|
key: keyof PrivacySection['peerIds'], |
||||||
|
row: Row, |
||||||
|
icon: string, |
||||||
|
subtitle: string, |
||||||
|
clickable: true |
||||||
|
}>; |
||||||
|
public peerIds: { |
||||||
|
disallow?: number[], |
||||||
|
allow?: number[] |
||||||
|
}; |
||||||
|
public type: PrivacyType; |
||||||
|
|
||||||
|
constructor(public options: { |
||||||
|
tab: SliderSuperTabEventable, |
||||||
|
title: string, |
||||||
|
inputKey: InputPrivacyKey['_'], |
||||||
|
captions?: [string, string, string], |
||||||
|
appendTo?: Scrollable, |
||||||
|
noExceptions?: boolean, |
||||||
|
onRadioChange?: (value: number) => any, |
||||||
|
skipTypes?: PrivacyType[], |
||||||
|
exceptionTexts?: [string, string] |
||||||
|
}) { |
||||||
|
if(options.captions) { |
||||||
|
options.captions.reverse(); |
||||||
|
} |
||||||
|
|
||||||
|
this.radioSection = new SettingSection({name: options.title, caption: ' '}); |
||||||
|
|
||||||
|
this.radioRows = new Map(); |
||||||
|
|
||||||
|
let r = [{ |
||||||
|
type: PrivacyType.Everybody, |
||||||
|
text: 'Everybody' |
||||||
|
}, { |
||||||
|
type: PrivacyType.Contacts, |
||||||
|
text: 'My Contacts' |
||||||
|
}, { |
||||||
|
type: PrivacyType.Nobody, |
||||||
|
text: 'Nobody' |
||||||
|
}]; |
||||||
|
|
||||||
|
if(options.skipTypes) { |
||||||
|
r = r.filter(r => !options.skipTypes.includes(r.type)); |
||||||
|
} |
||||||
|
|
||||||
|
const random = randomLong(); |
||||||
|
r.forEach(({type, text}) => { |
||||||
|
this.radioRows.set(type, new Row({radioField: RadioField(text, random, '' + type)})); |
||||||
|
}); |
||||||
|
|
||||||
|
const form = RadioFormFromRows([...this.radioRows.values()], this.onRadioChange); |
||||||
|
|
||||||
|
this.radioSection.content.append(form); |
||||||
|
if(options.appendTo) { |
||||||
|
options.appendTo.append(this.radioSection.container); |
||||||
|
} |
||||||
|
|
||||||
|
if(!options.noExceptions) { |
||||||
|
const container = generateSection(options.appendTo, 'Exceptions', 'You can add users or entire groups as exceptions that will override settings above.'); |
||||||
|
|
||||||
|
this.exceptions = new Map([[ |
||||||
|
'disallow', |
||||||
|
{ |
||||||
|
title: options.exceptionTexts[0], |
||||||
|
key: 'disallow', |
||||||
|
row: null, |
||||||
|
icon: 'deleteuser', |
||||||
|
subtitle: 'Add Users', |
||||||
|
clickable: true |
||||||
|
} |
||||||
|
], [ |
||||||
|
'allow', |
||||||
|
{ |
||||||
|
title: options.exceptionTexts[1], |
||||||
|
key: 'allow', |
||||||
|
row: null, |
||||||
|
icon: 'adduser', |
||||||
|
subtitle: 'Add Users', |
||||||
|
clickable: true |
||||||
|
} |
||||||
|
]]); |
||||||
|
|
||||||
|
this.exceptions.forEach((exception) => { |
||||||
|
exception.row = new Row(exception); |
||||||
|
|
||||||
|
exception.row.container.addEventListener('click', () => { |
||||||
|
promise.then(() => { |
||||||
|
const _peerIds = this.peerIds[exception.key]; |
||||||
|
new AppAddMembersTab(options.tab.slider).open({ |
||||||
|
type: 'privacy', |
||||||
|
skippable: true, |
||||||
|
title: exception.title, |
||||||
|
placeholder: 'Add Users or Groups...', |
||||||
|
takeOut: (newPeerIds) => { |
||||||
|
_peerIds.length = 0; |
||||||
|
_peerIds.push(...newPeerIds); |
||||||
|
exception.row.subtitle.innerHTML = this.generateStr(this.splitPeersByType(newPeerIds)); |
||||||
|
}, |
||||||
|
selectedPeerIds: _peerIds |
||||||
|
}); |
||||||
|
}); |
||||||
|
}); |
||||||
|
|
||||||
|
container.append(exception.row.container); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
setTimeout(() => { |
||||||
|
this.setRadio(PrivacyType.Contacts); |
||||||
|
}, 0); |
||||||
|
|
||||||
|
const promise = appPrivacyManager.getPrivacy(options.inputKey).then(rules => { |
||||||
|
const details = appPrivacyManager.getPrivacyRulesDetails(rules); |
||||||
|
this.setRadio(details.type); |
||||||
|
|
||||||
|
if(this.exceptions) { |
||||||
|
this.peerIds = {}; |
||||||
|
(['allow', 'disallow'] as ('allow' | 'disallow')[]).forEach(k => { |
||||||
|
const arr = []; |
||||||
|
const from = k === 'allow' ? details.allowPeers : details.disallowPeers; |
||||||
|
arr.push(...from.users); |
||||||
|
arr.push(...from.chats.map(id => -id)); |
||||||
|
this.peerIds[k] = arr; |
||||||
|
this.exceptions.get(k).row.subtitle.innerHTML = this.generateStr(from); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
options.tab.eventListener.addListener('destroy', () => { |
||||||
|
const rules: InputPrivacyRule[] = []; |
||||||
|
|
||||||
|
switch(this.type) { |
||||||
|
case PrivacyType.Everybody: |
||||||
|
rules.push({_: 'inputPrivacyValueAllowAll'}); |
||||||
|
break; |
||||||
|
case PrivacyType.Contacts: |
||||||
|
rules.push({_: 'inputPrivacyValueAllowContacts'}); |
||||||
|
break; |
||||||
|
case PrivacyType.Nobody: |
||||||
|
rules.push({_: 'inputPrivacyValueDisallowAll'}); |
||||||
|
break; |
||||||
|
} |
||||||
|
|
||||||
|
if(this.exceptions) { |
||||||
|
([ |
||||||
|
['allow', 'inputPrivacyValueAllowChatParticipants', 'inputPrivacyValueAllowUsers'], |
||||||
|
['disallow', 'inputPrivacyValueDisallowChatParticipants', 'inputPrivacyValueDisallowUsers'] |
||||||
|
] as Array<[ |
||||||
|
'allow' | 'disallow', |
||||||
|
'inputPrivacyValueAllowChatParticipants' | 'inputPrivacyValueDisallowChatParticipants', |
||||||
|
'inputPrivacyValueAllowUsers' | 'inputPrivacyValueDisallowUsers' |
||||||
|
]>).forEach(([k, chatKey, usersKey], idx) => { |
||||||
|
if(this.exceptions.get(k).row.container.classList.contains('hide')) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
const _peerIds: number[] = this.peerIds[k]; |
||||||
|
|
||||||
|
if(_peerIds) { |
||||||
|
const splitted = this.splitPeersByType(_peerIds); |
||||||
|
if(splitted.chats.length) { |
||||||
|
rules.push({_: chatKey, chats: splitted.chats.map(peerId => -peerId)}); |
||||||
|
} |
||||||
|
|
||||||
|
if(splitted.users.length) { |
||||||
|
rules.push({_: usersKey, users: splitted.users.map(id => appUsersManager.getUserInput(id))}); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
appPrivacyManager.setPrivacy(options.inputKey, rules); |
||||||
|
}, true); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
private onRadioChange = (value: string | PrivacySection['type']) => { |
||||||
|
value = +value as PrivacySection['type']; |
||||||
|
this.type = value; |
||||||
|
|
||||||
|
const caption = this.options.captions[this.type]; |
||||||
|
const captionElement = this.radioSection.caption; |
||||||
|
captionElement.innerHTML = caption; |
||||||
|
captionElement.classList.toggle('hide', !caption); |
||||||
|
|
||||||
|
if(this.exceptions) { |
||||||
|
this.exceptions.get('allow').row.container.classList.toggle('hide', this.type === PrivacyType.Everybody); |
||||||
|
this.exceptions.get('disallow').row.container.classList.toggle('hide', this.type === PrivacyType.Nobody); |
||||||
|
} |
||||||
|
|
||||||
|
this.options.onRadioChange && this.options.onRadioChange(value); |
||||||
|
}; |
||||||
|
|
||||||
|
public setRadio(type: PrivacySection['type']) { |
||||||
|
const row = this.radioRows.get(type); |
||||||
|
this.onRadioChange(type); |
||||||
|
row.radioField.input.checked = true; |
||||||
|
} |
||||||
|
|
||||||
|
private splitPeersByType(peerIds: number[]) { |
||||||
|
const peers = {users: [] as number[], chats: [] as number[]}; |
||||||
|
peerIds.forEach(peerId => { |
||||||
|
peers[peerId < 0 ? 'chats' : 'users'].push(peerId < 0 ? -peerId : peerId); |
||||||
|
}); |
||||||
|
|
||||||
|
return peers; |
||||||
|
} |
||||||
|
|
||||||
|
private generateStr(peers: {users: number[], chats: number[]}) { |
||||||
|
if(!peers.users.length && !peers.chats.length) { |
||||||
|
return 'Add Users'; |
||||||
|
} |
||||||
|
|
||||||
|
return [ |
||||||
|
peers.users.length ? peers.users.length + ' ' + (peers.users.length === 1 ? 'user' : 'users') : '', |
||||||
|
peers.chats.length ? peers.chats.length + ' ' + (peers.chats.length === 1 ? 'chat' : 'chats') : '' |
||||||
|
].filter(Boolean).join(', '); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,19 @@ |
|||||||
|
import { SliderSuperTabEventable } from "../../../sliderTab"; |
||||||
|
import PrivacySection from "../../../privacySection"; |
||||||
|
|
||||||
|
export default class AppPrivacyAddToGroupsTab extends SliderSuperTabEventable { |
||||||
|
protected init() { |
||||||
|
this.container.classList.add('privacy-tab', 'privacy-add-to-groups'); |
||||||
|
this.title.innerHTML = 'Groups and Channels'; |
||||||
|
|
||||||
|
const caption = 'You can restrict who can add you to groups and channels with granular precision.'; |
||||||
|
new PrivacySection({ |
||||||
|
tab: this, |
||||||
|
title: 'Who can add me to group chats?', |
||||||
|
inputKey: 'inputPrivacyKeyForwards', |
||||||
|
captions: [caption, caption, caption], |
||||||
|
exceptionTexts: ['Never Allow', 'Always Allow'], |
||||||
|
appendTo: this.scrollable |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,31 @@ |
|||||||
|
import { SliderSuperTabEventable } from "../../../sliderTab"; |
||||||
|
import PrivacySection from "../../../privacySection"; |
||||||
|
|
||||||
|
export default class AppPrivacyCallsTab extends SliderSuperTabEventable { |
||||||
|
protected init() { |
||||||
|
this.container.classList.add('privacy-tab', 'privacy-calls'); |
||||||
|
this.title.innerHTML = 'Calls'; |
||||||
|
|
||||||
|
const caption = 'You can restrict who can call you with granular precision.'; |
||||||
|
new PrivacySection({ |
||||||
|
tab: this, |
||||||
|
title: 'Who can call me?', |
||||||
|
inputKey: 'inputPrivacyKeyPhoneCall', |
||||||
|
captions: [caption, caption, caption], |
||||||
|
exceptionTexts: ['Never Allow', 'Always Allow'], |
||||||
|
appendTo: this.scrollable |
||||||
|
}); |
||||||
|
|
||||||
|
{ |
||||||
|
const caption = 'Disabling peer-to-peer will relay all calls through Telegram servers to avoid revealing your IP address, but will slightly decrease audio quality.'; |
||||||
|
new PrivacySection({ |
||||||
|
tab: this, |
||||||
|
title: 'Peer to peer?', |
||||||
|
inputKey: 'inputPrivacyKeyPhoneP2P', |
||||||
|
captions: [caption, caption, caption], |
||||||
|
exceptionTexts: ['Never Allow', 'Always Allow'], |
||||||
|
appendTo: this.scrollable |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,19 @@ |
|||||||
|
import { SliderSuperTabEventable } from "../../../sliderTab"; |
||||||
|
import PrivacySection from "../../../privacySection"; |
||||||
|
|
||||||
|
export default class AppPrivacyForwardMessagesTab extends SliderSuperTabEventable { |
||||||
|
protected init() { |
||||||
|
this.container.classList.add('privacy-tab', 'privacy-forward-messages'); |
||||||
|
this.title.innerHTML = 'Forward Messages'; |
||||||
|
|
||||||
|
const caption = 'You can restrict who can add a link to your account when forwarding your messages.'; |
||||||
|
new PrivacySection({ |
||||||
|
tab: this, |
||||||
|
title: 'Who can add a link to my account when forwarding my messages?', |
||||||
|
inputKey: 'inputPrivacyKeyForwards', |
||||||
|
captions: [caption, caption, caption], |
||||||
|
exceptionTexts: ['Never Allow', 'Always Allow'], |
||||||
|
appendTo: this.scrollable |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,19 @@ |
|||||||
|
import { SliderSuperTabEventable } from "../../../sliderTab"; |
||||||
|
import PrivacySection from "../../../privacySection"; |
||||||
|
|
||||||
|
export default class AppPrivacyLastSeenTab extends SliderSuperTabEventable { |
||||||
|
protected init() { |
||||||
|
this.container.classList.add('privacy-tab', 'privacy-last-seen'); |
||||||
|
this.title.innerHTML = 'Last Seen & Online'; |
||||||
|
|
||||||
|
const caption = 'You won\'t see Last Seen and online statuses for people with whom you don\'t share yours.<br>Approximate last seen will be shown instead (recently, within a week, within a month).'; |
||||||
|
new PrivacySection({ |
||||||
|
tab: this, |
||||||
|
title: 'Who can see your Last Seen time?', |
||||||
|
inputKey: 'inputPrivacyKeyStatusTimestamp', |
||||||
|
captions: [caption, caption, caption], |
||||||
|
exceptionTexts: ['Never Share With', 'Always Share With'], |
||||||
|
appendTo: this.scrollable |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,21 @@ |
|||||||
|
import { SliderSuperTabEventable } from "../../../sliderTab"; |
||||||
|
import PrivacySection from "../../../privacySection"; |
||||||
|
import { PrivacyType } from "../../../../lib/appManagers/appPrivacyManager"; |
||||||
|
|
||||||
|
export default class AppPrivacyProfilePhotoTab extends SliderSuperTabEventable { |
||||||
|
protected init() { |
||||||
|
this.container.classList.add('privacy-tab', 'privacy-profile-photo'); |
||||||
|
this.title.innerHTML = 'Profile Photo'; |
||||||
|
|
||||||
|
const caption = 'You can restrict who can see your profile photo with granular precision.'; |
||||||
|
new PrivacySection({ |
||||||
|
tab: this, |
||||||
|
title: 'Who can see your profile photo?', |
||||||
|
inputKey: 'inputPrivacyKeyChatInvite', |
||||||
|
captions: [caption, caption, caption], |
||||||
|
exceptionTexts: ['Never Share With', 'Always Share With'], |
||||||
|
appendTo: this.scrollable, |
||||||
|
skipTypes: [PrivacyType.Nobody] |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,37 @@ |
|||||||
|
export default function applyMixins(derivedCtor: any, constructors: any[]) { |
||||||
|
const callbacks: Array<(...args: any[]) => any> = []; |
||||||
|
|
||||||
|
constructors.forEach((baseCtor) => { |
||||||
|
Object.getOwnPropertyNames(baseCtor.prototype).forEach((name) => { |
||||||
|
const value: PropertyDescriptor = Object.getOwnPropertyDescriptor(baseCtor.prototype, name) || Object.create(null); |
||||||
|
if(name === '_constructor') { |
||||||
|
callbacks.push(value.value); |
||||||
|
return; |
||||||
|
} else if(name === 'constructor') { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
Object.defineProperty( |
||||||
|
derivedCtor.prototype, |
||||||
|
name, |
||||||
|
value |
||||||
|
); |
||||||
|
}); |
||||||
|
}); |
||||||
|
|
||||||
|
if(callbacks.length) { |
||||||
|
function c(...args: any[]): any { |
||||||
|
callbacks.forEach((cb, idx) => { |
||||||
|
// @ts-ignore
|
||||||
|
cb.apply(this, args[idx] || []); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
Object.defineProperty(derivedCtor.prototype, 'superConstructor', { |
||||||
|
configurable: true, |
||||||
|
enumerable: true, |
||||||
|
value: c, |
||||||
|
writable: true |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue