mirror of
https://github.com/element-hq/synapse
synced 2024-08-18 23:50:52 +00:00
Give basic feedback on the state of VoIP calls in the UI.
This commit is contained in:
parent
26766c22eb
commit
490f142d73
3 changed files with 6 additions and 3 deletions
|
@ -36,7 +36,7 @@ var forAllTracksOnStream = function(s, f) {
|
||||||
}
|
}
|
||||||
|
|
||||||
angular.module('MatrixCall', [])
|
angular.module('MatrixCall', [])
|
||||||
.factory('MatrixCall', ['matrixService', 'matrixPhoneService', function MatrixCallFactory(matrixService, matrixPhoneService) {
|
.factory('MatrixCall', ['matrixService', 'matrixPhoneService', '$rootScope', function MatrixCallFactory(matrixService, matrixPhoneService, $rootScope) {
|
||||||
var MatrixCall = function(room_id) {
|
var MatrixCall = function(room_id) {
|
||||||
this.room_id = room_id;
|
this.room_id = room_id;
|
||||||
this.call_id = "c" + new Date().getTime();
|
this.call_id = "c" + new Date().getTime();
|
||||||
|
@ -208,6 +208,7 @@ angular.module('MatrixCall', [])
|
||||||
// ideally we'd consider the call to be connected when we get media but chrome doesn't implement nay of the 'onstarted' events yet
|
// ideally we'd consider the call to be connected when we get media but chrome doesn't implement nay of the 'onstarted' events yet
|
||||||
if (this.peerConn.iceConnectionState == 'completed' || this.peerConn.iceConnectionState == 'connected') {
|
if (this.peerConn.iceConnectionState == 'completed' || this.peerConn.iceConnectionState == 'connected') {
|
||||||
this.state = 'connected';
|
this.state = 'connected';
|
||||||
|
$rootScope.$apply();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -471,7 +471,5 @@ angular.module('RoomController', ['ngSanitize', 'mFileInput'])
|
||||||
}
|
}
|
||||||
|
|
||||||
$scope.onCallHangup = function() {
|
$scope.onCallHangup = function() {
|
||||||
$scope.feedback = "Call ended";
|
|
||||||
$scope.currentCall = undefined;
|
|
||||||
}
|
}
|
||||||
}]);
|
}]);
|
||||||
|
|
|
@ -105,6 +105,10 @@
|
||||||
<button ng-click="hangupCall()">Reject</button>
|
<button ng-click="hangupCall()">Reject</button>
|
||||||
</div>
|
</div>
|
||||||
<button ng-click="hangupCall()" ng-show="currentCall && currentCall.state != 'ringing'">Hang up</button>
|
<button ng-click="hangupCall()" ng-show="currentCall && currentCall.state != 'ringing'">Hang up</button>
|
||||||
|
<span ng-show="currentCall.state == 'invite_sent'">Calling...</span>
|
||||||
|
<span ng-show="currentCall.state == 'connecting'">Call Connecting...</span>
|
||||||
|
<span ng-show="currentCall.state == 'connected'">Call Connected</span>
|
||||||
|
<span ng-show="currentCall.state == 'ended'">Call Ended</span>
|
||||||
<span style="display: none; ">{{ currentCall.state }}</span>
|
<span style="display: none; ">{{ currentCall.state }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue