Only show voice call button if there are exactly 2 members in the room. Also hide the somewhat user unfriendly call state.

webclient/room/room-controller.js

@@ -89,6 +89,10 @@ angular.module('RoomController', ['ngSanitize', 'mFileInput'])
         $scope.currentCall = call;
     });
 
+    $scope.memberCount = function() {
+        return Object.keys($scope.members).length;
+    };
+    
     $scope.paginateMore = function() {
         if ($scope.state.can_paginate) {
             // console.log("Paginating more.");

webclient/room/room.html

@@ -98,14 +98,14 @@
                         <button ng-click="inviteUser(userIDToInvite)">Invite</button>
                 </span>
                 <button ng-click="leaveRoom()">Leave</button>
-                <button ng-click="startVoiceCall()" ng-show="currentCall == undefined">Voice Call</button>
+                <button ng-click="startVoiceCall()" ng-show="currentCall == undefined && memberCount() == 2">Voice Call</button>
                 <div ng-show="currentCall.state == 'ringing'">
                 Incoming call from {{ currentCall.user_id }}
                 <button ng-click="answerCall()">Answer</button>
                 <button ng-click="hangupCall()">Reject</button>
                 </div>
                 <button ng-click="hangupCall()" ng-show="currentCall && currentCall.state != 'ringing'">Hang up</button>
-                {{ currentCall.state }}
+                <span style="display: none; ">{{ currentCall.state }}</span>
             </div>
         
             {{ feedback }}