mirror of
https://github.com/zulip/zulip-desktop.git
synced 2025-10-24 16:43:38 +00:00
103 lines
3.4 KiB
JavaScript
103 lines
3.4 KiB
JavaScript
'use strict';
|
|
|
|
const {ipcRenderer} = require('electron');
|
|
|
|
const BaseSection = require(__dirname + '/base-section.js');
|
|
const ConfigUtil = require(__dirname + '/../../utils/config-util.js');
|
|
|
|
class NetworkSection extends BaseSection {
|
|
constructor(props) {
|
|
super();
|
|
this.props = props;
|
|
}
|
|
|
|
template() {
|
|
return `
|
|
<div class="settings-pane">
|
|
<div class="title">Proxy</div>
|
|
<div id="appearance-option-settings" class="settings-card">
|
|
<div class="setting-row" id="use-proxy-option">
|
|
<div class="setting-description">Connect servers through a proxy</div>
|
|
<div class="setting-control"></div>
|
|
</div>
|
|
<div class="setting-block">
|
|
<div class="setting-row" id="proxy-pac-option">
|
|
<span class="setting-input-key">PAC script</span>
|
|
<input class="setting-input-value" placeholder="e.g. foobar.com/pacfile.js"/>
|
|
</div>
|
|
<div class="setting-row" id="proxy-rules-option">
|
|
<span class="setting-input-key">Proxy rules</span>
|
|
<input class="setting-input-value" placeholder="e.g. http=foopy:80;ftp=foopy2"/>
|
|
</div>
|
|
<div class="setting-row" id="proxy-bypass-option">
|
|
<span class="setting-input-key">Proxy bypass rules</span>
|
|
<input class="setting-input-value" placeholder="e.g. foobar.com"/>
|
|
</div>
|
|
<div class="setting-row">
|
|
<div class="action blue" id="proxy-save-action">
|
|
<i class="material-icons">check_box</i>
|
|
<span>Save</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
init() {
|
|
this.props.$root.innerHTML = this.template();
|
|
this.$proxyPAC = document.querySelector('#proxy-pac-option .setting-input-value');
|
|
this.$proxyRules = document.querySelector('#proxy-rules-option .setting-input-value');
|
|
this.$proxyBypass = document.querySelector('#proxy-bypass-option .setting-input-value');
|
|
this.$proxySaveAction = document.getElementById('proxy-save-action');
|
|
this.$settingBlock = this.props.$root.querySelector('.setting-block');
|
|
this.initProxyOption();
|
|
|
|
this.$proxyPAC.value = ConfigUtil.getConfigItem('proxyPAC', '');
|
|
this.$proxyRules.value = ConfigUtil.getConfigItem('proxyRules', '');
|
|
this.$proxyBypass.value = ConfigUtil.getConfigItem('proxyBypass', '');
|
|
|
|
this.$proxySaveAction.addEventListener('click', () => {
|
|
ConfigUtil.setConfigItem('proxyPAC', this.$proxyPAC.value);
|
|
ConfigUtil.setConfigItem('proxyRules', this.$proxyRules.value);
|
|
ConfigUtil.setConfigItem('proxyBypass', this.$proxyBypass.value);
|
|
|
|
ipcRenderer.send('forward-message', 'reload-proxy', true);
|
|
});
|
|
}
|
|
|
|
initProxyOption() {
|
|
const proxyEnabled = ConfigUtil.getConfigItem('useProxy', false);
|
|
this.toggleProxySettings(proxyEnabled);
|
|
this.updateProxyOption();
|
|
}
|
|
|
|
toggleProxySettings(option) {
|
|
if (option) {
|
|
this.$settingBlock.classList.remove('hidden');
|
|
} else {
|
|
this.$settingBlock.classList.add('hidden');
|
|
}
|
|
}
|
|
|
|
updateProxyOption() {
|
|
this.generateSettingOption({
|
|
$element: document.querySelector('#use-proxy-option .setting-control'),
|
|
value: ConfigUtil.getConfigItem('useProxy', false),
|
|
clickHandler: () => {
|
|
const newValue = !ConfigUtil.getConfigItem('useProxy');
|
|
ConfigUtil.setConfigItem('useProxy', newValue);
|
|
this.toggleProxySettings(newValue);
|
|
if (newValue === false) {
|
|
// Reload proxy if the proxy is turned off
|
|
ipcRenderer.send('forward-message', 'reload-proxy', false);
|
|
}
|
|
this.updateProxyOption();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
module.exports = NetworkSection;
|