mirror of
https://github.com/zulip/zulip-desktop.git
synced 2025-11-04 05:53:21 +00:00
6c120269eb
Changes - * New setting nav item for connected organizations. * All new page for adding a new server. * Minor UI changes in setting page. * Update default height, width of the main window. * Fix webview showing outline. * Hide Server nav item in setting page. Fixes #340.
107 lines
2.6 KiB
JavaScript
107 lines
2.6 KiB
JavaScript
'use strict';
|
|
|
|
const BaseComponent = require(__dirname + '/js/components/base.js');
|
|
const { ipcRenderer } = require('electron');
|
|
|
|
const Nav = require(__dirname + '/js/pages/preference/nav.js');
|
|
const ServersSection = require(__dirname + '/js/pages/preference/servers-section.js');
|
|
const GeneralSection = require(__dirname + '/js/pages/preference/general-section.js');
|
|
const NetworkSection = require(__dirname + '/js/pages/preference/network-section.js');
|
|
const ConnectedOrgSection = require(__dirname + '/js/pages/preference/connected-org-section.js');
|
|
const ShortcutsSection = require(__dirname + '/js/pages/preference/shortcuts-section.js');
|
|
|
|
class PreferenceView extends BaseComponent {
|
|
constructor() {
|
|
super();
|
|
|
|
this.$sidebarContainer = document.getElementById('sidebar');
|
|
this.$settingsContainer = document.getElementById('settings-container');
|
|
}
|
|
|
|
init() {
|
|
this.nav = new Nav({
|
|
$root: this.$sidebarContainer,
|
|
onItemSelected: this.handleNavigation.bind(this)
|
|
});
|
|
|
|
this.setDefaultView();
|
|
this.registerIpcs();
|
|
}
|
|
|
|
setDefaultView() {
|
|
let nav = 'General';
|
|
const hasTag = window.location.hash;
|
|
if (hasTag) {
|
|
nav = hasTag.substring(1);
|
|
}
|
|
this.handleNavigation(nav);
|
|
}
|
|
|
|
handleNavigation(navItem) {
|
|
this.nav.select(navItem);
|
|
switch (navItem) {
|
|
case 'AddServer': {
|
|
this.section = new ServersSection({
|
|
$root: this.$settingsContainer
|
|
});
|
|
break;
|
|
}
|
|
case 'General': {
|
|
this.section = new GeneralSection({
|
|
$root: this.$settingsContainer
|
|
});
|
|
break;
|
|
}
|
|
case 'Organizations': {
|
|
this.section = new ConnectedOrgSection({
|
|
$root: this.$settingsContainer
|
|
});
|
|
break;
|
|
}
|
|
case 'Network': {
|
|
this.section = new NetworkSection({
|
|
$root: this.$settingsContainer
|
|
});
|
|
break;
|
|
}
|
|
case 'Shortcuts': {
|
|
this.section = new ShortcutsSection({
|
|
$root: this.$settingsContainer
|
|
});
|
|
break;
|
|
}
|
|
default: break;
|
|
}
|
|
this.section.init();
|
|
window.location.hash = `#${navItem}`;
|
|
}
|
|
|
|
// Handle toggling and reflect changes in preference page
|
|
handleToggle(elementName, state) {
|
|
const inputSelector = `#${elementName} .action .switch input`;
|
|
const input = document.querySelector(inputSelector);
|
|
if (input) {
|
|
input.checked = state;
|
|
}
|
|
}
|
|
|
|
registerIpcs() {
|
|
ipcRenderer.on('switch-settings-nav', (event, navItem) => {
|
|
this.handleNavigation(navItem);
|
|
});
|
|
|
|
ipcRenderer.on('toggle-sidebar', (event, state) => {
|
|
this.handleToggle('sidebar-option', state);
|
|
});
|
|
|
|
ipcRenderer.on('toggletray', (event, state) => {
|
|
this.handleToggle('tray-option', state);
|
|
});
|
|
}
|
|
}
|
|
|
|
window.onload = () => {
|
|
const preferenceView = new PreferenceView();
|
|
preferenceView.init();
|
|
};
|