From cd67e05946e141185a9f6a67511d87e853369294 Mon Sep 17 00:00:00 2001
From: Stefan Yohansson <stefan@evolux.net.br>
Date: Fri, 2 Oct 2015 09:52:48 -0300
Subject: [PATCH] FS-8263 #resolve [verto_communicator] floor and presenter
 badges

---
 html5/verto/verto_communicator/src/css/verto.css      |  8 ++++++--
 html5/verto/verto_communicator/src/partials/chat.html | 11 ++++++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/html5/verto/verto_communicator/src/css/verto.css b/html5/verto/verto_communicator/src/css/verto.css
index 5df89dabd3..1bb445118c 100644
--- a/html5/verto/verto_communicator/src/css/verto.css
+++ b/html5/verto/verto_communicator/src/css/verto.css
@@ -892,10 +892,14 @@ body .modal-body .btn-group .btn.active {
   width: 160px;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin-top: 5px;
   white-space: nowrap;
 }
 
+.members-badges {
+  font-size: 10px;
+  text-transform: uppercase;
+}
+
 .chat-members .chat-member-item {
   padding: 8px 16px;
   height: 56px;
@@ -927,7 +931,7 @@ body .modal-body .btn-group .btn.active {
   margin: 0;
   font-size: 16px;
   display: inline-block;
-  line-height: 18px;
+  line-height: 14px;
 }
 
 .chat-members .chat-members-status i {
diff --git a/html5/verto/verto_communicator/src/partials/chat.html b/html5/verto/verto_communicator/src/partials/chat.html
index 3168e9d34a..a717c5d534 100644
--- a/html5/verto/verto_communicator/src/partials/chat.html
+++ b/html5/verto/verto_communicator/src/partials/chat.html
@@ -22,7 +22,16 @@
         <img gravatar-size="40" gravatar-src-once="member.email" class="img-circle" ng-class="{'chat-member-talking': member.status.audio.talking, 'chat-member-muted': member.status.audio.muted}" />
       </span>
       <!-- FIXME(italo): Put this whole block in a flex box to avoid defining fixed width.-->
-      <h4 class="chat-members-name"><div class="members-name">{{ member.name }}</div> <small class="ellipsis">({{ member.number }})</small></h4>
+      <h4 class="chat-members-name">
+        <div class="members-name">{{ member.name }}</div> 
+	<small class="ellipsis">({{ member.number }})</small>
+	
+	<div class="members-badges">
+	  <div ng-if="member.status.video.floor" class="label" ng-class="{'label-danger': member.status.video.floorLocked, 'label-info': !member.status.video.floorLocked}">Floor</div>
+          <div ng-if="member.status.video.reservationID == 'presenter'" class="label label-warning">Presenter</div>
+	</div>
+      </h4>
+      
       <div class="pull-right action-buttons chat-members-action" ng-show="verto.data.confRole == 'moderator'">
         <div class="btn-group">
           <button type="button" class="btn btn-xs dropdown-toggle" data-toggle="dropdown">