mirror of
https://mau.dev/maunium/synapse.git
synced 2024-12-20 21:24:09 +01:00
App startup improvements:
- do one and only one initialSync when the app starts. (recents-controller does not do its own anymore) - initialSync: get only the last message per room instead of default number of messages (10) Prevent recents-controller from loosing its data each time the page URL changes
This commit is contained in:
parent
972f664b6b
commit
21d6ce2380
3 changed files with 39 additions and 39 deletions
|
@ -36,7 +36,7 @@ angular.module('eventHandlerService', [])
|
||||||
var CALL_EVENT = "CALL_EVENT";
|
var CALL_EVENT = "CALL_EVENT";
|
||||||
var NAME_EVENT = "NAME_EVENT";
|
var NAME_EVENT = "NAME_EVENT";
|
||||||
|
|
||||||
var InitialSyncDeferred = $q.defer();
|
var initialSyncDeferred = $q.defer();
|
||||||
|
|
||||||
$rootScope.events = {
|
$rootScope.events = {
|
||||||
rooms: {} // will contain roomId: { messages:[], members:{userid1: event} }
|
rooms: {} // will contain roomId: { messages:[], members:{userid1: event} }
|
||||||
|
@ -220,14 +220,14 @@ angular.module('eventHandlerService', [])
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
handleInitialSyncDone: function() {
|
handleInitialSyncDone: function(initialSyncData) {
|
||||||
console.log("# handleInitialSyncDone");
|
console.log("# handleInitialSyncDone");
|
||||||
InitialSyncDeferred.resolve($rootScope.events, $rootScope.presence);
|
initialSyncDeferred.resolve(initialSyncData);
|
||||||
},
|
},
|
||||||
|
|
||||||
// Returns a promise that resolves when the initialSync request has been processed
|
// Returns a promise that resolves when the initialSync request has been processed
|
||||||
waitForInitialSyncCompletion: function() {
|
waitForInitialSyncCompletion: function() {
|
||||||
return InitialSyncDeferred.promise;
|
return initialSyncDeferred.promise;
|
||||||
},
|
},
|
||||||
|
|
||||||
resetRoomMessages: function(room_id) {
|
resetRoomMessages: function(room_id) {
|
||||||
|
|
|
@ -105,7 +105,7 @@ angular.module('eventStreamService', [])
|
||||||
var deferred = $q.defer();
|
var deferred = $q.defer();
|
||||||
|
|
||||||
// FIXME: We are discarding all the messages.
|
// FIXME: We are discarding all the messages.
|
||||||
matrixService.rooms().then(
|
matrixService.rooms(1, false).then(
|
||||||
function(response) {
|
function(response) {
|
||||||
var rooms = response.data.rooms;
|
var rooms = response.data.rooms;
|
||||||
for (var i = 0; i < rooms.length; ++i) {
|
for (var i = 0; i < rooms.length; ++i) {
|
||||||
|
@ -120,7 +120,7 @@ angular.module('eventStreamService', [])
|
||||||
eventHandlerService.handleEvents(presence, false);
|
eventHandlerService.handleEvents(presence, false);
|
||||||
|
|
||||||
// Initial sync is done
|
// Initial sync is done
|
||||||
eventHandlerService.handleInitialSyncDone();
|
eventHandlerService.handleInitialSyncDone(response);
|
||||||
|
|
||||||
settings.from = response.data.end;
|
settings.from = response.data.end;
|
||||||
doEventStream(deferred);
|
doEventStream(deferred);
|
||||||
|
|
|
@ -17,62 +17,68 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
angular.module('RecentsController', ['matrixService', 'matrixFilter', 'eventHandlerService'])
|
angular.module('RecentsController', ['matrixService', 'matrixFilter', 'eventHandlerService'])
|
||||||
.controller('RecentsController', ['$scope', 'matrixService', 'eventHandlerService',
|
.controller('RecentsController', ['$rootScope', '$scope', 'matrixService', 'eventHandlerService',
|
||||||
function($scope, matrixService, eventHandlerService) {
|
function($rootScope, $scope, matrixService, eventHandlerService) {
|
||||||
$scope.rooms = {};
|
|
||||||
|
// FIXME: Angularjs reloads the controller (and resets its $scope) each time
|
||||||
|
// the page URL changes, use $rootScope to avoid to have to reload data
|
||||||
|
$rootScope.rooms;
|
||||||
|
|
||||||
// $scope of the parent where the recents component is included can override this value
|
// $rootScope of the parent where the recents component is included can override this value
|
||||||
// in order to highlight a specific room in the list
|
// in order to highlight a specific room in the list
|
||||||
$scope.recentsSelectedRoomID;
|
$rootScope.recentsSelectedRoomID;
|
||||||
|
|
||||||
var listenToEventStream = function() {
|
var listenToEventStream = function() {
|
||||||
// Refresh the list on matrix invitation and message event
|
// Refresh the list on matrix invitation and message event
|
||||||
$scope.$on(eventHandlerService.MEMBER_EVENT, function(ngEvent, event, isLive) {
|
$rootScope.$on(eventHandlerService.MEMBER_EVENT, function(ngEvent, event, isLive) {
|
||||||
if (isLive) {
|
if (isLive) {
|
||||||
$scope.rooms[event.room_id].lastMsg = event;
|
$rootScope.rooms[event.room_id].lastMsg = event;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$scope.$on(eventHandlerService.MSG_EVENT, function(ngEvent, event, isLive) {
|
$rootScope.$on(eventHandlerService.MSG_EVENT, function(ngEvent, event, isLive) {
|
||||||
if (isLive) {
|
if (isLive) {
|
||||||
$scope.rooms[event.room_id].lastMsg = event;
|
$rootScope.rooms[event.room_id].lastMsg = event;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$scope.$on(eventHandlerService.CALL_EVENT, function(ngEvent, event, isLive) {
|
$rootScope.$on(eventHandlerService.CALL_EVENT, function(ngEvent, event, isLive) {
|
||||||
if (isLive) {
|
if (isLive) {
|
||||||
$scope.rooms[event.room_id].lastMsg = event;
|
$rootScope.rooms[event.room_id].lastMsg = event;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
$scope.$on(eventHandlerService.ROOM_CREATE_EVENT, function(ngEvent, event, isLive) {
|
$rootScope.$on(eventHandlerService.ROOM_CREATE_EVENT, function(ngEvent, event, isLive) {
|
||||||
if (isLive) {
|
if (isLive) {
|
||||||
$scope.rooms[event.room_id] = event;
|
$rootScope.rooms[event.room_id] = event;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
var refresh = function() {
|
|
||||||
// List all rooms joined or been invited to
|
|
||||||
// TODO: This is a pity that event-stream-service.js makes the same call
|
|
||||||
// We should be able to reuse event-stream-service.js fetched data
|
|
||||||
matrixService.rooms(1, false).then(
|
|
||||||
function(response) {
|
|
||||||
// Reset data
|
|
||||||
$scope.rooms = {};
|
|
||||||
|
|
||||||
var rooms = response.data.rooms;
|
$scope.onInit = function() {
|
||||||
|
// Init recents list only once
|
||||||
|
if ($rootScope.rooms) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$rootScope.rooms = {};
|
||||||
|
|
||||||
|
// Use initialSync data to init the recents list
|
||||||
|
eventHandlerService.waitForInitialSyncCompletion().then(
|
||||||
|
function(initialSyncData) {
|
||||||
|
|
||||||
|
var rooms = initialSyncData.data.rooms;
|
||||||
for (var i=0; i<rooms.length; i++) {
|
for (var i=0; i<rooms.length; i++) {
|
||||||
var room = rooms[i];
|
var room = rooms[i];
|
||||||
|
|
||||||
// Add room_alias & room_display_name members
|
// Add room_alias & room_display_name members
|
||||||
$scope.rooms[room.room_id] = angular.extend(room, matrixService.getRoomAliasAndDisplayName(room));
|
$rootScope.rooms[room.room_id] = angular.extend(room, matrixService.getRoomAliasAndDisplayName(room));
|
||||||
|
|
||||||
// Create a shortcut for the last message of this room
|
// Create a shortcut for the last message of this room
|
||||||
if (room.messages && room.messages.chunk && room.messages.chunk[0]) {
|
if (room.messages && room.messages.chunk && room.messages.chunk[0]) {
|
||||||
$scope.rooms[room.room_id].lastMsg = room.messages.chunk[0];
|
$rootScope.rooms[room.room_id].lastMsg = room.messages.chunk[0];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var presence = response.data.presence;
|
var presence = initialSyncData.data.presence;
|
||||||
for (var i = 0; i < presence.length; ++i) {
|
for (var i = 0; i < presence.length; ++i) {
|
||||||
eventHandlerService.handleEvent(presence[i], false);
|
eventHandlerService.handleEvent(presence[i], false);
|
||||||
}
|
}
|
||||||
|
@ -81,16 +87,10 @@ angular.module('RecentsController', ['matrixService', 'matrixFilter', 'eventHand
|
||||||
listenToEventStream();
|
listenToEventStream();
|
||||||
},
|
},
|
||||||
function(error) {
|
function(error) {
|
||||||
$scope.feedback = "Failure: " + error.data;
|
$rootScope.feedback = "Failure: " + error.data;
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.onInit = function() {
|
|
||||||
eventHandlerService.waitForInitialSyncCompletion().then(function() {
|
|
||||||
refresh();
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
}]);
|
}]);
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue