zulip-desktop/app/renderer/js/components/server-tab.js

'use strict';

const Tab = require(__dirname + '/../components/tab.js');
const SystemUtil = require(__dirname + '/../utils/system-util.js');

const {ipcRenderer} = require('electron');

class ServerTab extends Tab {
	template() {
		return `<div class="tab">
					<div class="server-tab-badge"></div>
					<div class="server-tab" style="background-image: url('${this.props.icon}');"></div>
					<div class="server-tab-shortcut">${this.generateShortcutText()}</div>
				</div>`;
	}

	init() {
		super.init();

		this.$badge = this.$el.getElementsByClassName('server-tab-badge')[0];
	}

	updateBadge(count) {
		if (count > 0) {
			const formattedCount = count > 999 ? '1K+' : count;

			this.$badge.innerHTML = formattedCount;
			this.$badge.classList.add('active');
		} else {
			this.$badge.classList.remove('active');
		}
	}

	generateShortcutText() {
		// Only provide shortcuts for server [0..10]
		if (this.props.index >= 10) {
			return '';
		}

		const shownIndex = this.props.index + 1;

		let cmdKey = '';

		if (SystemUtil.getOS() === 'Mac') {
			cmdKey = '⌘';
		} else {
			cmdKey = 'Ctrl';
		}

		ipcRenderer.send('register-server-tab-shortcut', shownIndex);

		return `${cmdKey} ${shownIndex}`;
	}
}

module.exports = ServerTab;