FS-8289 #resolve [verto_communicator] make mute/unmute audio/video clickable

html5/verto/verto_communicator/src/css/verto.css

@@ -16,6 +16,10 @@ body {
   display: inline-block;
 }
 
+.clickable {
+  cursor: pointer;
+}
+
 .inline-block {
   display: inline-block;
 }

html5/verto/verto_communicator/src/partials/chat.html

@@ -103,8 +103,8 @@
       </div>
 
       <span class="chat-members-status pull-right">
-        <i class="in-use" ng-class="{'mdi-av-mic': !member.status.audio.muted, 'mdi-av-mic-off': member.status.audio.muted, 'mic_talking': member.status.audio.talking}"></i>
-        <i ng-class="{'mdi-av-videocam': !member.status.video.muted, 'mdi-av-videocam-off': member.status.video.muted, 'in-use': (member.status.video && !member.status.video.muted), 'disabled': !member.status.video}"></i>
+        <i ng-click="confMuteMic(member.id)" class="in-use" ng-class="{'clickable': verto.data.confRole == 'moderator', 'mdi-av-mic': !member.status.audio.muted, 'mdi-av-mic-off': member.status.audio.muted, 'mic_talking': member.status.audio.talking}"></i>
+        <i ng-click="confMuteVideo(member.id)" ng-class="{'clickable': verto.data.confRole == 'moderator', 'mdi-av-videocam': !member.status.video.muted, 'mdi-av-videocam-off': member.status.video.muted, 'in-use': (member.status.video && !member.status.video.muted), 'disabled': !member.status.video}"></i>
       </span>
     </div>
   </div>

html5/verto/verto_communicator/src/vertoControllers/controllers/ChatController.js

@@ -146,13 +146,17 @@
       };
 
       $scope.confMuteMic = function(memberID) {
+        if(verto.data.confRole == 'moderator') {
           console.log('$scope.confMuteMic');
           verto.data.conf.muteMic(memberID);
+        }
       };
 
       $scope.confMuteVideo = function(memberID) {
+        if(verto.data.confRole == 'moderator') {
           console.log('$scope.confMuteVideo');
           verto.data.conf.muteVideo(memberID);
+        }
       };
 
       $scope.confPresenter = function(memberID) {