make breakout room renderer update with role change

bigbluebutton-client/src/org/bigbluebutton/modules/users/views/RoomActionsRenderer.mxml

@@ -6,7 +6,8 @@
          horizontalScrollPolicy="off"
          creationComplete="onCreationCompleteHandler(event)">
   <fx:Declarations>
-    <mate:Listener type="{BreakoutRoomsReadyEvent.BREAKOUT_ROOMS_READY_EVENT}" method="handleBreakoutRoomsReadyEvent" />	
+    <mate:Listener type="{BreakoutRoomsReadyEvent.BREAKOUT_ROOMS_READY_EVENT}" method="handleBreakoutRoomsReadyEvent" />
+    <mate:Listener type="{ChangeMyRole.CHANGE_MY_ROLE_EVENT}" method="handleChangeMyRoleEvent" />
   </fx:Declarations>
   <fx:Script>
     <![CDATA[
@@ -19,6 +20,7 @@
       import org.bigbluebutton.core.model.LiveMeeting;
       import org.bigbluebutton.main.events.BreakoutRoomEvent;
       import org.bigbluebutton.main.model.users.BreakoutRoom;
+      import org.bigbluebutton.main.model.users.events.ChangeMyRole;
       import org.bigbluebutton.util.i18n.ResourceUtil;
       
       private var globalDispatch:Dispatcher = new Dispatcher();
@@ -40,6 +42,10 @@
         breakoutRoomsReady = LiveMeeting.inst().breakoutRooms.breakoutRoomsReady;
       }
       
+      private function handleChangeMyRoleEvent(event:ChangeMyRole):void {
+        moderator = UsersUtil.amIModerator();
+      }
+      
       private function dataChangeHandler(event:FlexEvent):void {
         if (BreakoutRoom(data).listenStatus == BreakoutRoom.SELF) {
           listenBtn.setStyle("icon", getStyle("iconTransferred"));