mirror of
https://github.com/element-hq/synapse
synced 2024-08-18 22:40:51 +00:00
Add recents-service to store shared state between recents-controllers.
Remove the selectedRoomId from rootScope and instead store it in recents-service. Add a broadcast to notify listeners (recents-controller) to updates of this.
This commit is contained in:
parent
e24d5cb97d
commit
96cd467cfa
5 changed files with 65 additions and 9 deletions
|
@ -31,6 +31,7 @@ var matrixWebClient = angular.module('matrixWebClient', [
|
||||||
'eventStreamService',
|
'eventStreamService',
|
||||||
'eventHandlerService',
|
'eventHandlerService',
|
||||||
'notificationService',
|
'notificationService',
|
||||||
|
'recentsService',
|
||||||
'modelService',
|
'modelService',
|
||||||
'infinite-scroll',
|
'infinite-scroll',
|
||||||
'ui.bootstrap',
|
'ui.bootstrap',
|
||||||
|
|
51
syweb/webclient/components/matrix/recents-service.js
Normal file
51
syweb/webclient/components/matrix/recents-service.js
Normal file
|
@ -0,0 +1,51 @@
|
||||||
|
/*
|
||||||
|
Copyright 2014 OpenMarket Ltd
|
||||||
|
|
||||||
|
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.
|
||||||
|
*/
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
/*
|
||||||
|
This service manages shared state between *instances* of recent lists. The
|
||||||
|
recents controller will hook into this central service to get things like:
|
||||||
|
- which rooms should be highlighted
|
||||||
|
- which rooms have been binged
|
||||||
|
- which room is currently selected
|
||||||
|
- etc.
|
||||||
|
This is preferable to polluting the $rootScope with recents specific info, and
|
||||||
|
makes the dependency on this shared state *explicit*.
|
||||||
|
*/
|
||||||
|
angular.module('recentsService', [])
|
||||||
|
.factory('recentsService', ['$rootScope', function($rootScope) {
|
||||||
|
// notify listeners when variables in the service are updated. We need to do
|
||||||
|
// this since we do not tie them to any scope.
|
||||||
|
var BROADCAST_SELECTED_ROOM_ID = "recentsService:BROADCAST_SELECTED_ROOM_ID";
|
||||||
|
var selectedRoomId = undefined;
|
||||||
|
|
||||||
|
|
||||||
|
return {
|
||||||
|
BROADCAST_SELECTED_ROOM_ID: BROADCAST_SELECTED_ROOM_ID,
|
||||||
|
|
||||||
|
getSelectedRoomId: function() {
|
||||||
|
return selectedRoomId;
|
||||||
|
},
|
||||||
|
|
||||||
|
setSelectedRoomId: function(room_id) {
|
||||||
|
selectedRoomId = room_id;
|
||||||
|
$rootScope.$broadcast(BROADCAST_SELECTED_ROOM_ID, room_id);
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
}]);
|
|
@ -44,6 +44,7 @@
|
||||||
<script src="components/matrix/event-stream-service.js"></script>
|
<script src="components/matrix/event-stream-service.js"></script>
|
||||||
<script src="components/matrix/event-handler-service.js"></script>
|
<script src="components/matrix/event-handler-service.js"></script>
|
||||||
<script src="components/matrix/notification-service.js"></script>
|
<script src="components/matrix/notification-service.js"></script>
|
||||||
|
<script src="components/matrix/recents-service.js"></script>
|
||||||
<script src="components/matrix/model-service.js"></script>
|
<script src="components/matrix/model-service.js"></script>
|
||||||
<script src="components/matrix/presence-service.js"></script>
|
<script src="components/matrix/presence-service.js"></script>
|
||||||
<script src="components/fileInput/file-input-directive.js"></script>
|
<script src="components/fileInput/file-input-directive.js"></script>
|
||||||
|
|
|
@ -17,8 +17,8 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
angular.module('RecentsController', ['matrixService', 'matrixFilter'])
|
angular.module('RecentsController', ['matrixService', 'matrixFilter'])
|
||||||
.controller('RecentsController', ['$rootScope', '$scope', 'eventHandlerService', 'modelService',
|
.controller('RecentsController', ['$rootScope', '$scope', 'eventHandlerService', 'modelService', 'recentsService',
|
||||||
function($rootScope, $scope, eventHandlerService, modelService) {
|
function($rootScope, $scope, eventHandlerService, modelService, recentsService) {
|
||||||
|
|
||||||
// Expose the service to the view
|
// Expose the service to the view
|
||||||
$scope.eventHandlerService = eventHandlerService;
|
$scope.eventHandlerService = eventHandlerService;
|
||||||
|
@ -31,8 +31,11 @@ angular.module('RecentsController', ['matrixService', 'matrixFilter'])
|
||||||
// room_id: <number>
|
// room_id: <number>
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
// $rootScope.recentsSelectedRoomID is used in the html, and is set by room-controller.
|
$scope.recentsSelectedRoomID = recentsService.getSelectedRoomId();
|
||||||
|
$scope.$on(recentsService.BROADCAST_SELECTED_ROOM_ID, function(ngEvent, room_id) {
|
||||||
|
$scope.recentsSelectedRoomID = room_id;
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
$scope.selectRoom = function(room) {
|
$scope.selectRoom = function(room) {
|
||||||
|
@ -43,12 +46,12 @@ angular.module('RecentsController', ['matrixService', 'matrixFilter'])
|
||||||
};
|
};
|
||||||
|
|
||||||
$scope.$on(eventHandlerService.MSG_EVENT, function(ngEvent, event, isLive) {
|
$scope.$on(eventHandlerService.MSG_EVENT, function(ngEvent, event, isLive) {
|
||||||
if (isLive && event.room_id !== $rootScope.recentsSelectedRoomID) {
|
if (isLive && event.room_id !== $scope.recentsSelectedRoomID) {
|
||||||
if (!$rootScope.unreadMessages[event.room_id]) {
|
if (!$rootScope.unreadMessages[event.room_id]) {
|
||||||
$rootScope.unreadMessages[event.room_id] = 0;
|
$rootScope.unreadMessages[event.room_id] = 0;
|
||||||
}
|
}
|
||||||
$rootScope.unreadMessages[event.room_id] += 1;
|
$rootScope.unreadMessages[event.room_id] += 1;
|
||||||
console.log("sel="+$rootScope.recentsSelectedRoomID+" unread:"+JSON.stringify($rootScope.unreadMessages, undefined, 2));
|
console.log("sel="+$scope.recentsSelectedRoomID+" unread:"+JSON.stringify($rootScope.unreadMessages, undefined, 2));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -15,8 +15,8 @@ limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
angular.module('RoomController', ['ngSanitize', 'matrixFilter', 'mFileInput', 'angular-peity'])
|
angular.module('RoomController', ['ngSanitize', 'matrixFilter', 'mFileInput', 'angular-peity'])
|
||||||
.controller('RoomController', ['$modal', '$filter', '$scope', '$timeout', '$routeParams', '$location', '$rootScope', 'matrixService', 'mPresence', 'eventHandlerService', 'mFileUpload', 'matrixPhoneService', 'MatrixCall', 'notificationService', 'modelService',
|
.controller('RoomController', ['$modal', '$filter', '$scope', '$timeout', '$routeParams', '$location', '$rootScope', 'matrixService', 'mPresence', 'eventHandlerService', 'mFileUpload', 'matrixPhoneService', 'MatrixCall', 'notificationService', 'modelService', 'recentsService',
|
||||||
function($modal, $filter, $scope, $timeout, $routeParams, $location, $rootScope, matrixService, mPresence, eventHandlerService, mFileUpload, matrixPhoneService, MatrixCall, notificationService, modelService) {
|
function($modal, $filter, $scope, $timeout, $routeParams, $location, $rootScope, matrixService, mPresence, eventHandlerService, mFileUpload, matrixPhoneService, MatrixCall, notificationService, modelService, recentsService) {
|
||||||
'use strict';
|
'use strict';
|
||||||
var MESSAGES_PER_PAGINATION = 30;
|
var MESSAGES_PER_PAGINATION = 30;
|
||||||
var THUMBNAIL_SIZE = 320;
|
var THUMBNAIL_SIZE = 320;
|
||||||
|
@ -804,7 +804,7 @@ angular.module('RoomController', ['ngSanitize', 'matrixFilter', 'mFileInput', 'a
|
||||||
console.log("onInit3");
|
console.log("onInit3");
|
||||||
|
|
||||||
// Make recents highlight the current room
|
// Make recents highlight the current room
|
||||||
$rootScope.recentsSelectedRoomID = $scope.room_id;
|
recentsService.setSelectedRoomId($scope.room_id);
|
||||||
|
|
||||||
// Init the history for this room
|
// Init the history for this room
|
||||||
history.init();
|
history.init();
|
||||||
|
|
Loading…
Reference in a new issue