Eduard Kuzmenko
3 years ago
34 changed files with 564 additions and 158 deletions
@ -0,0 +1,235 @@
@@ -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 @@
@@ -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 @@
@@ -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 @@
@@ -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 @@
@@ -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 @@
@@ -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 @@
@@ -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