Convert flextab coffee to JS

packages/rocketchat-ui-flextab/flex-tab/flexTabBar.coffee

@@ -1,30 +0,0 @@
-Template.flexTabBar.helpers
-	active: ->
-		return 'active' if @template is Template.instance().tabBar.getTemplate() and Template.instance().tabBar.getState() is 'opened'
-	buttons: ->
-		return RocketChat.TabBar.getButtons()
-	title: ->
-		return t(@i18nTitle) or @title
-	visible: ->
-		if @groups.indexOf(Template.instance().tabBar.currentGroup()) is -1
-			return 'hidden'
-	opened: ->
-		return Template.instance().tabBar.getState()
-	template: ->
-		return Template.instance().tabBar.getTemplate()
-	flexData: ->
-		return Object.assign (Template.currentData().data || {}), {
-			tabBar: Template.instance().tabBar
-		}
-
-Template.flexTabBar.events
-	'click .tab-button': (e, instance) ->
-		e.preventDefault()
-
-		if instance.tabBar.getState() is 'opened' and instance.tabBar.getTemplate() is @template
-			instance.tabBar.close()
-		else
-			instance.tabBar.open(@)
-
-Template.flexTabBar.onCreated ->
-	@tabBar = Template.currentData().tabBar

packages/rocketchat-ui-flextab/flex-tab/flexTabBar.js

@@ -0,0 +1,50 @@
+Template.flexTabBar.helpers({
+	active() {
+		if (this.template === Template.instance().tabBar.getTemplate() && Template.instance().tabBar.getState() === 'opened') {
+			return 'active';
+		}
+	},
+
+	buttons() {
+		return RocketChat.TabBar.getButtons();
+	},
+
+	title() {
+		return t(this.i18nTitle) || this.title;
+	},
+
+	visible() {
+		if (this.groups.indexOf(Template.instance().tabBar.currentGroup()) === -1) {
+			return 'hidden';
+		}
+	},
+
+	opened() {
+		return Template.instance().tabBar.getState();
+	},
+
+	template() {
+		return Template.instance().tabBar.getTemplate();
+	},
+
+	flexData() {
+		return Object.assign(Template.currentData().data || {}, {
+			tabBar: Template.instance().tabBar
+		});
+	}
+});
+
+Template.flexTabBar.events({
+	'click .tab-button': function(e, instance) {
+		e.preventDefault();
+		if (instance.tabBar.getState() === 'opened' && instance.tabBar.getTemplate() === this.template) {
+			return instance.tabBar.close();
+		} else {
+			return instance.tabBar.open(this);
+		}
+	}
+});
+
+Template.flexTabBar.onCreated(function() {
+	this.tabBar = Template.currentData().tabBar;
+});

packages/rocketchat-ui-flextab/package.js

@@ -27,7 +27,7 @@ Package.onUse(function(api) {
 	api.addFiles('flex-tab/tabs/userEdit.html', 'client');
 	api.addFiles('flex-tab/tabs/userInfo.html', 'client');
 
-	api.addFiles('flex-tab/flexTabBar.coffee', 'client');
+	api.addFiles('flex-tab/flexTabBar.js', 'client');
 	api.addFiles('flex-tab/tabs/membersList.coffee', 'client');
 	api.addFiles('flex-tab/tabs/messageSearch.coffee', 'client');
 	api.addFiles('flex-tab/tabs/uploadedFilesList.coffee', 'client');