paulmataruso/zulip-desktop
1
0
Fork 0
mirror of https://github.com/zulip/zulip-desktop.git synced 2025-11-04 14:03:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

typescript: Migrate nav.js to typescript.

Browse Source
This commit is contained in:
vsvipul
2019-06-23 03:20:33 +05:30
committed by Akash Nimare
parent a8109c5106
commit 8c52b563bf
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/renderer/js/pages/preference/nav.js → app/renderer/js/pages/preference/nav.ts
View File

@@ -1,19 +1,20 @@
'use strict';
const BaseComponent = require(__dirname + '/../../components/base.js');
import BaseComponent = require('../../components/base');
class PreferenceNav extends BaseComponent {
constructor(props) {
// TODO: TypeScript - Here props should be object type
props: any;
navItems: string[];
$el: Element;
constructor(props: any) {
super();
this.props = props;
this.navItems = ['General', 'Network', 'AddServer', 'Organizations', 'Shortcuts'];
this.init();
}
template() {
template(): string {
let navItemsTemplate = '';
for (const navItem of this.navItems) {
navItemsTemplate += `<div class="nav" id="nav-${navItem}">${navItem}</div>`;
@@ -27,23 +28,22 @@ class PreferenceNav extends BaseComponent {
`;
}
init() {
init(): void {
this.$el = this.generateNodeFromTemplate(this.template());
this.props.$root.appendChild(this.$el);
this.props.$root.append(this.$el);
this.registerListeners();
}
registerListeners() {
registerListeners(): void {
for (const navItem of this.navItems) {
const $item = document.getElementById(`nav-${navItem}`);
const $item = document.querySelector(`#nav-${navItem}`);
$item.addEventListener('click', () => {
this.props.onItemSelected(navItem);
});
}
}
select(navItemToSelect) {
select(navItemToSelect: string): void {
for (const navItem of this.navItems) {
if (navItem === navItemToSelect) {
this.activate(navItem);
@@ -53,15 +53,15 @@ class PreferenceNav extends BaseComponent {
}
}
activate(navItem) {
const $item = document.getElementById(`nav-${navItem}`);
activate(navItem: string): void {
const $item = document.querySelector(`#nav-${navItem}`);
$item.classList.add('active');
}
deactivate(navItem) {
const $item = document.getElementById(`nav-${navItem}`);
deactivate(navItem: string): void {
const $item = document.querySelector(`#nav-${navItem}`);
$item.classList.remove('active');
}
}
module.exports = PreferenceNav;
export = PreferenceNav;