From 3d81ff0f401bec7ad03425e7e1f77a35cb2f0a77 Mon Sep 17 00:00:00 2001
From: Guilherme Gazzo <guilhermegazzo@gmail.com>
Date: Thu, 14 Jun 2018 18:43:43 -0300
Subject: [PATCH] [FIX] set-toolbar-items postMessage (#11109)

We had some refactors and this code was deleted...

<!-- INSTRUCTION: Link to a https://github.com/RocketChat/docs PR with added/updated documentation or an update to the missing/outdated documentation list, see https://rocket.chat/docs/contributing/documentation/  -->

<!-- INSTRUCTION: Tell us more about your PR with screen shots if you can -->
![image](https://user-images.githubusercontent.com/5263975/41310728-bae165e8-6e58-11e8-8c55-fdfdfecc46e3.png)
![image](https://user-images.githubusercontent.com/5263975/41310793-eb98a91c-6e58-11e8-90b5-905b8aee0148.png)
---
 .../client/imports/components/header.css      |  8 +++++++
 .../client/flexTabBar.html                    | 15 +++++++++++--
 .../client/flexTabBar.js                      |  4 ++++
 .../client/components/header/header.js        | 21 ++++++++++++-------
 .../client/lib/iframeCommands.js              |  4 ++--
 5 files changed, 41 insertions(+), 11 deletions(-)

diff --git a/packages/rocketchat-theme/client/imports/components/header.css b/packages/rocketchat-theme/client/imports/components/header.css
index b05a45e848c..00be50a788b 100644
--- a/packages/rocketchat-theme/client/imports/components/header.css
+++ b/packages/rocketchat-theme/client/imports/components/header.css
@@ -259,6 +259,14 @@
 		font-size: 12px;
 		font-weight: 600;
 	}
+	& + & {
+		border-left: 1px var(--color-gray) solid;
+
+		.rtl & {
+			border-left: 0;
+			border-right: 1px var(--color-gray) solid;
+		}
+	}
 }
 
 .tab-button-icon--star {
diff --git a/packages/rocketchat-ui-flextab/client/flexTabBar.html b/packages/rocketchat-ui-flextab/client/flexTabBar.html
index 40797a79532..4db9b5f805a 100644
--- a/packages/rocketchat-ui-flextab/client/flexTabBar.html
+++ b/packages/rocketchat-ui-flextab/client/flexTabBar.html
@@ -31,6 +31,17 @@
 </template>
 
 <template name="RoomsActionTab">
+	{{# with postButtons}}
+		<div class="rc-room-actions iframe-toolbar">
+			{{#each .}}
+			<div class="rc-room-actions__action tab-button {{active}} {{visible}} {{class}} js-iframe-action" data-id="{{id}}">
+				<button class="rc-tooltip rc-tooltip--down rc-room-actions__button" aria-label="{{title}}">
+					{{> icon block="tab-button-icon" icon=icon }}
+				</button>
+			</div>
+			{{/each}}
+		</div>
+	{{/with}}
 	<div class="rc-room-actions">
 		{{#each buttons}}
 		<div class="rc-room-actions__action tab-button {{active}} {{visible}} {{class}} js-action" data-id="{{id}}">
@@ -39,10 +50,10 @@
 			</button>
 		</div>
 		{{/each}}
-		{{# with moreButtons}}
+	 	{{# with moreButtons}}
 		<div class="rc-room-actions__action {{opened}}">
 			<button class="rc-tooltip rc-tooltip--down rc-room-actions__button js-more" aria-label="{{_ 'More'}}">
-			{{> icon block="tab-button-icon" icon="menu" }}
+				{{> icon block="tab-button-icon" icon="menu" }}
 			</button>
 		</div>
 		{{/with}}
diff --git a/packages/rocketchat-ui-flextab/client/flexTabBar.js b/packages/rocketchat-ui-flextab/client/flexTabBar.js
index 51d75d175ee..335c0b1ed87 100644
--- a/packages/rocketchat-ui-flextab/client/flexTabBar.js
+++ b/packages/rocketchat-ui-flextab/client/flexTabBar.js
@@ -201,6 +201,10 @@ Template.RoomsActionTab.onCreated(function() {
 
 Template.RoomsActionTab.helpers({
 	...commonHelpers,
+	postButtons() {
+		const toolbar = Session.get('toolbarButtons') || {};
+		return Object.keys(toolbar.buttons || []).map(key =>({ id: key, ...toolbar.buttons[key] }));
+	},
 	active() {
 		if (this.template === Template.instance().tabBar.getTemplate() && Template.instance().tabBar.getState() === 'opened') {
 			return 'active';
diff --git a/packages/rocketchat-ui/client/components/header/header.js b/packages/rocketchat-ui/client/components/header/header.js
index 3dd548f8ccd..8c75c98d0d3 100644
--- a/packages/rocketchat-ui/client/components/header/header.js
+++ b/packages/rocketchat-ui/client/components/header/header.js
@@ -104,25 +104,32 @@ Template.header.helpers({
 });
 
 Template.header.events({
-	'click .iframe-toolbar button'() {
+	'click .iframe-toolbar .js-iframe-action'(e) {
 		fireGlobalEvent('click-toolbar-button', { id: this.id });
+		e.currentTarget.querySelector('button').blur();
+		return false;
 	},
 
 	'click .rc-header__toggle-favorite'(event) {
 		event.stopPropagation();
 		event.preventDefault();
-		return Meteor.call('toggleFavorite', this._id, !$(event.currentTarget).hasClass('favorite-room'), function(err) {
-			if (err) {
-				return handleError(err);
-			}
-		});
+		return Meteor.call(
+			'toggleFavorite',
+			this._id,
+			!$(event.currentTarget).hasClass('favorite-room'),
+			err => err && handleError(err)
+		);
 	},
 
 	'click .edit-room-title'(event) {
 		event.preventDefault();
 		Session.set('editRoomTitle', true);
 		$('.rc-header').addClass('visible');
-		return Meteor.setTimeout(() => $('#room-title-field').focus().select(), 10);
+		return Meteor.setTimeout(() =>
+			$('#room-title-field')
+				.focus()
+				.select(),
+		10);
 	}
 });
 
diff --git a/packages/rocketchat-ui/client/lib/iframeCommands.js b/packages/rocketchat-ui/client/lib/iframeCommands.js
index cd270e1136a..4e9eab49815 100644
--- a/packages/rocketchat-ui/client/lib/iframeCommands.js
+++ b/packages/rocketchat-ui/client/lib/iframeCommands.js
@@ -54,9 +54,9 @@ const commands = {
 		});
 	},
 
-	'set-toolbar-button'({ id, icon, label }) {
+	'set-toolbar-button'({ id, icon, label: i18nTitle }) {
 		const toolbar = Session.get('toolbarButtons') || { buttons: {} };
-		toolbar.buttons[id] = { icon, label };
+		toolbar.buttons[id] = { icon, i18nTitle };
 		Session.set('toolbarButtons', toolbar);
 	},