paulmataruso/zulip-desktop
1
0
Fork 0
mirror of https://github.com/zulip/zulip-desktop.git synced 2025-11-01 20:43:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix linting errors.

Browse Source
This commit is contained in:
Zhongyi Tong
2017-07-03 02:01:49 +08:00
parent 45523f41aa
commit 2fcc5d9649
8 changed files with 80 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/renderer/js/pages/preference/general-section.js
View File

@@ -1,17 +1,18 @@
'use strict';
const {ipcRenderer} = require('electron');
const BaseComponent = require(__dirname + '/../../components/base.js');
const ConfigUtil = require(__dirname + '/../../utils/config-util.js');
class GeneralSection extends BaseComponent{
class GeneralSection extends BaseComponent {
constructor(props) {
super();
this.props = props;
}
template() {
return `
template() {
return `
<div class="settings-pane" id="server-settings-pane">
<div class="title">Tray Options</div>
<div id="tray-option-settings" class="settings-card">
@@ -21,8 +22,8 @@ class GeneralSection extends BaseComponent{
</div>
</div>
</div>
`;
}
`;
}
trayOptionTemplate(trayOption) {
if (trayOption) {
@@ -41,29 +42,29 @@ class GeneralSection extends BaseComponent{
}
init() {
this.props.$root.innerHTML = this.template();
this.props.$root.innerHTML = this.template();
this.initTrayOption();
}
initTrayOption() {
this.$trayOptionSettings = document.querySelector('#tray-option-settings .setting-control');
this.$trayOptionSettings.innerHTML = '';
const trayOption = ConfigUtil.getConfigItem('trayIcon', true);
const $trayOption = this.generateNodeFromTemplate(this.trayOptionTemplate(trayOption));
this.$trayOptionSettings.appendChild($trayOption);
$trayOption.addEventListener('click', event=> {
$trayOption.addEventListener('click', () => {
const newValue = !ConfigUtil.getConfigItem('trayIcon');
ConfigUtil.setConfigItem('trayIcon', newValue);
ipcRenderer.send('forward', 'toggletray');
this.initTrayOption();
})
});
}
handleServerInfoChange(index) {
handleServerInfoChange() {
ipcRenderer.send('reload-main');
}
}
module.exports = GeneralSection;
module.exports = GeneralSection;

12
app/renderer/js/pages/preference/nav.js
View File

@@ -15,7 +15,7 @@ class PreferenceNav extends BaseComponent {
template() {
let navItemsTemplate = '';
for (let navItem of this.navItems) {
for (const navItem of this.navItems) {
navItemsTemplate += `<div class="nav" id="nav-${navItem}">${navItem}</div>`;
}
@@ -35,16 +35,16 @@ class PreferenceNav extends BaseComponent {
}
registerListeners() {
for (let navItem of this.navItems) {
for (const navItem of this.navItems) {
const $item = document.getElementById(`nav-${navItem}`);
$item.addEventListener('click', event => {
$item.addEventListener('click', () => {
this.props.onItemSelected(navItem);
});
}
}
select(navItemToSelect) {
for (let navItem of this.navItems) {
for (const navItem of this.navItems) {
if (navItem === navItemToSelect) {
this.activate(navItem);
} else {
@@ -53,12 +53,12 @@ class PreferenceNav extends BaseComponent {
}
}
activate(navItem) {
activate(navItem) {
const $item = document.getElementById(`nav-${navItem}`);
$item.classList.add('active');
}
deactivate(navItem) {
deactivate(navItem) {
const $item = document.getElementById(`nav-${navItem}`);
$item.classList.remove('active');
}

27
app/renderer/js/pages/preference/new-server-form.js
View File

@@ -1,20 +1,17 @@
'use strict';
const {ipcRenderer} = require('electron');
const BaseComponent = require(__dirname + '/../../components/base.js');
const DomainUtil = require(__dirname + '/../../utils/domain-util.js');
const Nav = require(__dirname + '/nav.js');
class NewServerForm extends BaseComponent{
class NewServerForm extends BaseComponent {
constructor(props) {
super();
super();
this.props = props;
}
template() {
return `
<div class="server-info" style="border: solid 1px #4CAF50;">
template() {
return `
<div class="server-info" style="border: solid 1px #4CAF50;">
<div class="server-info-left">
<img class="server-info-icon" src="${__dirname + '../../../../img/icon.png'}"/>
</div>
@@ -40,8 +37,8 @@ class NewServerForm extends BaseComponent{
</div>
</div>
</div>
`;
}
`;
}
init() {
this.initForm();
@@ -50,14 +47,14 @@ class NewServerForm extends BaseComponent{
initForm() {
this.$newServerForm = this.generateNodeFromTemplate(this.template());
this.$saveServerButton = this.$newServerForm.getElementsByClassName('server-save-action')[0];
this.props.$root.innerHTML = '';
this.$saveServerButton = this.$newServerForm.getElementsByClassName('server-save-action')[0];
this.props.$root.innerHTML = '';
this.props.$root.appendChild(this.$newServerForm);
this.$newServerAlias = this.$newServerForm.querySelectorAll('input.server-info-value')[0];
this.$newServerUrl = this.$newServerForm.querySelectorAll('input.server-info-value')[1];
this.$newServerIcon = this.$newServerForm.querySelectorAll('input.server-info-value')[2];
}
}
initActions() {
this.$saveServerButton.addEventListener('click', () => {
@@ -69,7 +66,7 @@ class NewServerForm extends BaseComponent{
};
DomainUtil.addDomain(server);
this.props.onChange(this.props.index);
this.props.onChange(this.props.index);
}, errorMessage => {
alert(errorMessage);
});
@@ -77,4 +74,4 @@ class NewServerForm extends BaseComponent{
}
}
module.exports = NewServerForm;
module.exports = NewServerForm;

9
app/renderer/js/pages/preference/preference.js
View File

@@ -1,15 +1,15 @@
'use strict';
const {ipcRenderer} = require('electron');
const BaseComponent = require(__dirname + '/js/components/base.js');
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');
class PreferenceView {
class PreferenceView extends BaseComponent {
constructor() {
super();
this.$sidebarContainer = document.getElementById('sidebar');
this.$settingsContainer = document.getElementById('settings-container');
}
@@ -37,8 +37,9 @@ class PreferenceView {
});
break;
}
default: break;
}
this.section.init();
this.section.init();
}
}

27
app/renderer/js/pages/preference/server-info-form.js
View File

@@ -1,20 +1,17 @@
'use strict';
const {ipcRenderer} = require('electron');
const BaseComponent = require(__dirname + '/../../components/base.js');
const DomainUtil = require(__dirname + '/../../utils/domain-util.js');
const Nav = require(__dirname + '/nav.js');
class ServerInfoForm extends BaseComponent{
class ServerInfoForm extends BaseComponent {
constructor(props) {
super();
super();
this.props = props;
}
template() {
return `
<div class="settings-card">
template() {
return `
<div class="settings-card">
<div class="server-info-left">
<img class="server-info-icon" src="${this.props.server.icon}"/>
</div>
@@ -40,8 +37,8 @@ class ServerInfoForm extends BaseComponent{
</div>
</div>
</div>
`;
}
`;
}
init() {
this.initForm();
@@ -50,16 +47,16 @@ class ServerInfoForm extends BaseComponent{
initForm() {
this.$serverInfoForm = this.generateNodeFromTemplate(this.template());
this.$deleteServerButton = this.$serverInfoForm.getElementsByClassName('server-delete-action')[0];
this.props.$root.appendChild(this.$serverInfoForm);
}
this.$deleteServerButton = this.$serverInfoForm.getElementsByClassName('server-delete-action')[0];
this.props.$root.appendChild(this.$serverInfoForm);
}
initActions() {
this.$deleteServerButton.addEventListener('click', () => {
DomainUtil.removeDomain(this.props.index);
this.props.onChange(this.props.index);
this.props.onChange(this.props.index);
});
}
}
module.exports = ServerInfoForm;
module.exports = ServerInfoForm;

42
app/renderer/js/pages/preference/servers-section.js
View File

@@ -1,34 +1,34 @@
'use strict';
const {ipcRenderer} = require('electron');
const BaseComponent = require(__dirname + '/../../components/base.js');
const BaseComponent = require(__dirname + '/../../components/base.js');
const DomainUtil = require(__dirname + '/../../utils/domain-util.js');
const Nav = require(__dirname + '/nav.js');
const ServerInfoForm = require(__dirname + '/server-info-form.js');
const NewServerForm = require(__dirname + '/new-server-form.js');
class ServersSection {
class ServersSection extends BaseComponent {
constructor(props) {
super();
this.props = props;
}
template() {
return `
<div class="settings-pane" id="server-settings-pane">
<div class="title">Manage Servers</div>
<div class="actions-container">
<div class="action green" id="new-server-action">
<i class="material-icons">add_box</i>
<span>New Server</span>
</div>
template() {
return `
<div class="settings-pane" id="server-settings-pane">
<div class="title">Manage Servers</div>
<div class="actions-container">
<div class="action green" id="new-server-action">
<i class="material-icons">add_box</i>
<span>New Server</span>
</div>
</div>
<div id="new-server-container" class="hidden"></div>
<div class="sub-title">Existing Servers</div>
<div id="server-info-container"></div>
</div>
`;
}
<div id="new-server-container" class="hidden"></div>
<div class="sub-title">Existing Servers</div>
<div id="server-info-container"></div>
</div>
`;
}
init() {
this.initServers();
@@ -43,7 +43,7 @@ class ServersSection {
this.$serverInfoContainer = document.getElementById('server-info-container');
this.$newServerContainer = document.getElementById('new-server-container');
this.$newServerButton = document.getElementById('new-server-action');
this.$serverInfoContainer.innerHTML = servers.length ? '' : 'Add your first server to get started!';
this.initNewServerForm();
@@ -73,9 +73,9 @@ class ServersSection {
});
}
handleServerInfoChange(index) {
handleServerInfoChange() {
ipcRenderer.send('reload-main');
}
}
module.exports = ServersSection;
module.exports = ServersSection;

16
app/renderer/js/tray.js
View File

@@ -47,7 +47,8 @@ const config = {
const renderCanvas = function (arg) {
config.unreadCount = arg;
return new Promise((resolve, reject) => {
return new Promise(resolve => {
const SIZE = config.size * config.pixelRatio;
const PADDING = SIZE * 0.05;
const CENTER = SIZE / 2;
@@ -161,7 +162,9 @@ const createTray = function () {
};
ipcRenderer.on('destroytray', event => {
if (!window.tray) return;
if (!window.tray) {
return;
}
window.tray.destroy();
if (window.tray.isDestroyed()) {
@@ -174,7 +177,9 @@ ipcRenderer.on('destroytray', event => {
});
ipcRenderer.on('tray', (event, arg) => {
if (!window.tray) return;
if (!window.tray) {
return;
}
if (arg === 0) {
unread = arg;
@@ -191,7 +196,6 @@ ipcRenderer.on('tray', (event, arg) => {
});
function toggleTray() {
console.log(window.tray);
if (window.tray) {
window.tray.destroy();
if (window.tray.isDestroyed()) {
@@ -202,7 +206,7 @@ function toggleTray() {
createTray();
renderNativeImage(unread).then(image => {
window.tray.setImage(image);
window.tray.setToolTip(arg + ' unread messages');
window.tray.setToolTip(unread + ' unread messages');
});
ConfigUtil.setConfigItem('trayIcon', true);
}
@@ -212,4 +216,4 @@ ipcRenderer.on('toggletray', toggleTray);
if (ConfigUtil.getConfigItem('trayIcon', true)) {
createTray();
}
}

4
app/renderer/js/utils/config-util.js
View File

@@ -17,8 +17,8 @@ class ConfigUtil {
return instance;
}
getConfigItem(key, defaultValue=null) {
let value = this.db.getData('/')[key];
getConfigItem(key, defaultValue = null) {
const value = this.db.getData('/')[key];
if (value === undefined) {
this.setConfigItem(key, value);
return defaultValue;