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

typescript: Migrate functional-tab.js to typescript.

Browse Source
This commit is contained in:
vsvipul
2019-06-21 04:00:11 +05:30
committed by Akash Nimare
parent 744d056e26
commit 312dc1daaf
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/renderer/js/components/functional-tab.js → app/renderer/js/components/functional-tab.ts
View File

@@ -1,9 +1,10 @@
'use strict';
const Tab = require(__dirname + '/../components/tab.js');
import Tab = require('./tab');
class FunctionalTab extends Tab {
template() {
$closeButton: Element;
template(): string {
return `<div class="tab functional-tab" data-tab-id="${this.props.tabIndex}">
<div class="server-tab-badge close-button">
<i class="material-icons">close</i>
@@ -14,16 +15,16 @@ class FunctionalTab extends Tab {
</div>`;
}
init() {
init(): void {
this.$el = this.generateNodeFromTemplate(this.template());
if (this.props.name !== 'Settings') {
this.props.$root.appendChild(this.$el);
this.$closeButton = this.$el.getElementsByClassName('server-tab-badge')[0];
this.props.$root.append(this.$el);
this.$closeButton = this.$el.querySelectorAll('.server-tab-badge')[0];
this.registerListeners();
}
}
registerListeners() {
registerListeners(): void {
super.registerListeners();
this.$el.addEventListener('mouseover', () => {
@@ -34,11 +35,11 @@ class FunctionalTab extends Tab {
this.$closeButton.classList.remove('active');
});
this.$closeButton.addEventListener('click', e => {
this.$closeButton.addEventListener('click', (e: Event) => {
this.props.onDestroy();
e.stopPropagation();
});
}
}
module.exports = FunctionalTab;
export = FunctionalTab;