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

Save.

Browse Source
This commit is contained in:
Zhongyi Tong
2017-06-16 23:54:56 +08:00
parent f548a0ae53
commit f85bca9879
9 changed files with 107 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/renderer/js/components/tab.js
View File

@@ -3,28 +3,22 @@
const BaseComponent = require(__dirname + '/../components/base.js');
class Tab extends BaseComponent {
constructor(params) {
constructor(props) {
super();
const {url, icon, name, type, $root, onClick} = params;
this.url = url;
this.name = name;
this.icon = icon;
this.type = type;
this.$root = $root;
this.onClick = onClick;
this.props = props;
this.init();
}
template() {
if (this.type === Tab.SERVER_TAB) {
return `<div class="tab" domain="${this.url}">
if (this.props.type === Tab.SERVER_TAB) {
return `<div class="tab" domain="${this.props.url}">
<div class="server-tab-badge"></div>
<div class="server-tab" style="background-image: url(${this.icon});"></div>
<div class="server-tab" style="background-image: url(${this.props.icon});"></div>
</div>`;
} else {
return `<div class="tab" domain="${this.url}">
return `<div class="tab" domain="${this.props.url}">
<div class="server-tab-badge"></div>
<div class="server-tab settings-tab">
<i class="material-icons md-48">settings</i>
@@ -36,7 +30,7 @@ class Tab extends BaseComponent {
init() {
this.$el = this.generateNodeFromTemplate(this.template());
this.$badge = this.$el.getElementsByClassName('server-tab-badge')[0];
this.$root.appendChild(this.$el);
this.props.$root.appendChild(this.$el);
this.registerListeners();
}
@@ -53,7 +47,7 @@ class Tab extends BaseComponent {
}
registerListeners() {
this.$el.addEventListener('click', this.onClick);
this.$el.addEventListener('click', this.props.onClick);
}
activate() {