2014-08-13 04:32:18 +02:00
|
|
|
/*
|
2014-09-03 18:29:13 +02:00
|
|
|
Copyright 2014 OpenMarket Ltd
|
2014-08-13 04:32:18 +02:00
|
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
you may not use this file except in compliance with the License.
|
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
See the License for the specific language governing permissions and
|
|
|
|
limitations under the License.
|
|
|
|
*/
|
|
|
|
|
2014-08-12 16:10:52 +02:00
|
|
|
/*
|
|
|
|
* Main controller
|
|
|
|
*/
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
2014-08-26 16:25:27 +02:00
|
|
|
angular.module('MatrixWebClientController', ['matrixService', 'mPresence', 'eventStreamService'])
|
2014-09-12 17:43:25 +02:00
|
|
|
.controller('MatrixWebClientController', ['$scope', '$location', '$rootScope', '$timeout', '$animate', 'matrixService', 'mPresence', 'eventStreamService', 'eventHandlerService', 'matrixPhoneService',
|
|
|
|
function($scope, $location, $rootScope, $timeout, $animate, matrixService, mPresence, eventStreamService, eventHandlerService, matrixPhoneService) {
|
2014-08-12 16:10:52 +02:00
|
|
|
|
|
|
|
// Check current URL to avoid to display the logout button on the login page
|
|
|
|
$scope.location = $location.path();
|
|
|
|
|
|
|
|
// Update the location state when the ng location changed
|
|
|
|
$rootScope.$on('$routeChangeSuccess', function (event, current, previous) {
|
|
|
|
$scope.location = $location.path();
|
|
|
|
});
|
2014-08-15 14:43:07 +02:00
|
|
|
|
2014-08-18 10:44:29 +02:00
|
|
|
if (matrixService.isUserLoggedIn()) {
|
2014-08-28 11:04:01 +02:00
|
|
|
eventStreamService.resume();
|
2014-08-26 16:25:27 +02:00
|
|
|
mPresence.start();
|
2014-08-15 15:06:48 +02:00
|
|
|
}
|
2014-09-01 17:43:14 +02:00
|
|
|
|
|
|
|
$scope.user_id;
|
|
|
|
var config = matrixService.config();
|
|
|
|
if (config) {
|
|
|
|
$scope.user_id = matrixService.config().user_id;
|
|
|
|
}
|
2014-08-31 01:40:42 +02:00
|
|
|
|
2014-08-27 10:25:27 +02:00
|
|
|
/**
|
|
|
|
* Open a given page.
|
|
|
|
* @param {String} url url of the page
|
|
|
|
*/
|
|
|
|
$scope.goToPage = function(url) {
|
2014-08-22 17:11:39 +02:00
|
|
|
$location.url(url);
|
|
|
|
};
|
|
|
|
|
2014-08-31 01:40:42 +02:00
|
|
|
// Open the given user profile page
|
|
|
|
$scope.goToUserPage = function(user_id) {
|
|
|
|
if (user_id === $scope.user_id) {
|
|
|
|
$location.url("/settings");
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
$location.url("/user/" + user_id);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2014-08-12 16:10:52 +02:00
|
|
|
// Logs the user out
|
|
|
|
$scope.logout = function() {
|
2014-08-26 16:25:27 +02:00
|
|
|
|
2014-08-15 14:43:07 +02:00
|
|
|
// kill the event stream
|
|
|
|
eventStreamService.stop();
|
2014-08-26 16:25:27 +02:00
|
|
|
|
|
|
|
// Do not update presence anymore
|
|
|
|
mPresence.stop();
|
|
|
|
|
2014-08-12 16:10:52 +02:00
|
|
|
// Clean permanent data
|
|
|
|
matrixService.setConfig({});
|
|
|
|
matrixService.saveConfig();
|
2014-09-12 17:43:25 +02:00
|
|
|
|
|
|
|
// Reset cached data
|
|
|
|
eventHandlerService.reset();
|
|
|
|
|
2014-08-12 16:10:52 +02:00
|
|
|
// And go to the login page
|
2014-08-22 11:43:54 +02:00
|
|
|
$location.url("login");
|
2014-08-14 14:59:33 +02:00
|
|
|
};
|
|
|
|
|
2014-08-15 14:43:07 +02:00
|
|
|
// Listen to the event indicating that the access token is no longer valid.
|
2014-08-14 14:59:33 +02:00
|
|
|
// In this case, the user needs to log in again.
|
|
|
|
$scope.$on("M_UNKNOWN_TOKEN", function() {
|
|
|
|
console.log("Invalid access token -> log user out");
|
|
|
|
$scope.logout();
|
|
|
|
});
|
2014-08-17 04:48:28 +02:00
|
|
|
|
2014-09-03 19:23:56 +02:00
|
|
|
$rootScope.updateHeader = function() {
|
2014-09-01 11:12:24 +02:00
|
|
|
$scope.user_id = matrixService.config().user_id;
|
|
|
|
};
|
2014-09-01 18:15:26 +02:00
|
|
|
|
2014-09-06 01:14:02 +02:00
|
|
|
$rootScope.$watch('currentCall', function(newVal, oldVal) {
|
|
|
|
if (!$rootScope.currentCall) return;
|
|
|
|
|
|
|
|
var roomMembers = angular.copy($rootScope.events.rooms[$rootScope.currentCall.room_id].members);
|
|
|
|
delete roomMembers[matrixService.config().user_id];
|
|
|
|
|
|
|
|
$rootScope.currentCall.user_id = Object.keys(roomMembers)[0];
|
2014-09-10 12:21:20 +02:00
|
|
|
|
|
|
|
// set it to the user ID until we fetch the display name
|
|
|
|
$rootScope.currentCall.userProfile = { displayname: $rootScope.currentCall.user_id };
|
|
|
|
|
2014-09-06 01:14:02 +02:00
|
|
|
matrixService.getProfile($rootScope.currentCall.user_id).then(
|
|
|
|
function(response) {
|
2014-09-10 12:21:20 +02:00
|
|
|
if (response.data.displayname) $rootScope.currentCall.userProfile.displayname = response.data.displayname;
|
|
|
|
if (response.data.avatar_url) $rootScope.currentCall.userProfile.avatar_url = response.data.avatar_url;
|
2014-09-06 01:14:02 +02:00
|
|
|
},
|
|
|
|
function(error) {
|
|
|
|
$scope.feedback = "Can't load user profile";
|
|
|
|
}
|
|
|
|
);
|
|
|
|
});
|
2014-09-08 17:10:36 +02:00
|
|
|
$rootScope.$watch('currentCall.state', function(newVal, oldVal) {
|
|
|
|
if (newVal == 'ringing') {
|
|
|
|
angular.element('#ringbackAudio')[0].pause();
|
|
|
|
angular.element('#ringAudio')[0].load();
|
|
|
|
angular.element('#ringAudio')[0].play();
|
|
|
|
} else if (newVal == 'invite_sent') {
|
|
|
|
angular.element('#ringAudio')[0].pause();
|
|
|
|
angular.element('#ringbackAudio')[0].load();
|
|
|
|
angular.element('#ringbackAudio')[0].play();
|
|
|
|
} else if (newVal == 'ended' && oldVal == 'connected') {
|
|
|
|
angular.element('#ringAudio')[0].pause();
|
|
|
|
angular.element('#ringbackAudio')[0].pause();
|
|
|
|
angular.element('#callendAudio')[0].play();
|
2014-09-09 18:37:50 +02:00
|
|
|
} else if (newVal == 'ended' && oldVal == 'invite_sent' && $rootScope.currentCall.hangupParty == 'remote') {
|
2014-09-08 17:10:36 +02:00
|
|
|
angular.element('#ringAudio')[0].pause();
|
|
|
|
angular.element('#ringbackAudio')[0].pause();
|
|
|
|
angular.element('#busyAudio')[0].play();
|
2014-09-16 15:46:13 +02:00
|
|
|
} else if (newVal == 'ended' && oldVal == 'invite_sent' && $rootScope.currentCall.hangupParty == 'local' && $rootScope.currentCall.hangupReason == 'invite_timeout') {
|
|
|
|
angular.element('#ringAudio')[0].pause();
|
|
|
|
angular.element('#ringbackAudio')[0].pause();
|
|
|
|
angular.element('#busyAudio')[0].play();
|
2014-09-08 17:10:36 +02:00
|
|
|
} else if (oldVal == 'invite_sent') {
|
|
|
|
angular.element('#ringbackAudio')[0].pause();
|
|
|
|
} else if (oldVal == 'ringing') {
|
|
|
|
angular.element('#ringAudio')[0].pause();
|
|
|
|
}
|
|
|
|
});
|
2014-09-06 01:14:02 +02:00
|
|
|
|
2014-09-01 18:15:26 +02:00
|
|
|
$rootScope.$on(matrixPhoneService.INCOMING_CALL_EVENT, function(ngEvent, call) {
|
2014-09-11 16:23:06 +02:00
|
|
|
console.log("incoming call");
|
2014-09-10 11:32:05 +02:00
|
|
|
if ($rootScope.currentCall && $rootScope.currentCall.state != 'ended') {
|
2014-09-11 16:23:06 +02:00
|
|
|
console.log("rejecting call because we're already in a call");
|
2014-09-10 11:32:05 +02:00
|
|
|
call.hangup();
|
2014-09-10 12:12:02 +02:00
|
|
|
return;
|
2014-09-10 11:32:05 +02:00
|
|
|
}
|
2014-09-01 18:15:26 +02:00
|
|
|
call.onError = $scope.onCallError;
|
|
|
|
call.onHangup = $scope.onCallHangup;
|
|
|
|
$rootScope.currentCall = call;
|
|
|
|
});
|
|
|
|
|
2014-09-11 16:23:06 +02:00
|
|
|
$rootScope.$on(matrixPhoneService.REPLACED_CALL_EVENT, function(ngEvent, oldCall, newCall) {
|
2014-09-11 20:16:57 +02:00
|
|
|
console.log("call ID "+oldCall.call_id+" has been replaced by call ID "+newCall.call_id+"!");
|
2014-09-11 16:23:06 +02:00
|
|
|
newCall.onError = $scope.onCallError;
|
|
|
|
newCall.onHangup = $scope.onCallHangup;
|
|
|
|
$rootScope.currentCall = newCall;
|
|
|
|
});
|
|
|
|
|
2014-09-01 18:15:26 +02:00
|
|
|
$scope.answerCall = function() {
|
2014-09-06 01:14:02 +02:00
|
|
|
$rootScope.currentCall.answer();
|
2014-09-01 18:15:26 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
$scope.hangupCall = function() {
|
2014-09-06 01:14:02 +02:00
|
|
|
$rootScope.currentCall.hangup();
|
2014-09-01 18:15:26 +02:00
|
|
|
};
|
2014-09-01 11:12:24 +02:00
|
|
|
|
2014-09-01 18:15:26 +02:00
|
|
|
$rootScope.onCallError = function(errStr) {
|
|
|
|
$scope.feedback = errStr;
|
|
|
|
}
|
2014-08-12 16:10:52 +02:00
|
|
|
|
2014-09-10 12:12:02 +02:00
|
|
|
$rootScope.onCallHangup = function(call) {
|
|
|
|
if (call == $rootScope.currentCall) {
|
2014-09-10 16:45:09 +02:00
|
|
|
$timeout(function(){
|
2014-09-11 16:23:06 +02:00
|
|
|
if (call == $rootScope.currentCall) $rootScope.currentCall = undefined;
|
2014-09-10 16:45:09 +02:00
|
|
|
}, 4070);
|
2014-09-10 12:12:02 +02:00
|
|
|
}
|
2014-09-01 18:15:26 +02:00
|
|
|
}
|
|
|
|
}]);
|