Display the room topic in the room, underneath the name of the room.

This commit is contained in:
Kegan Dougal 2014-09-08 15:36:52 -07:00
parent 544691ab05
commit 324020d5fe
3 changed files with 33 additions and 8 deletions

View File

@ -220,12 +220,6 @@ a:active { color: #000; }
height: 100%;
}
#roomName {
float: right;
font-size: 16px;
margin-top: 15px;
}
#roomHeader {
margin: auto;
padding-left: 20px;
@ -282,6 +276,21 @@ a:active { color: #000; }
float: right;
}
#roomName {
font-size: 16px;
text-align: right;
}
#roomTopic {
text-align: right;
font-size: 13px;
}
.roomHeaderInfo {
float: right;
margin-top: 15px;
}
/*** Participant list ***/
#usersTableWrapper {

View File

@ -148,6 +148,14 @@ angular.module('eventHandlerService', [])
$rootScope.events.rooms[event.room_id][event.type] = event;
$rootScope.$broadcast(NAME_EVENT, event, isLiveEvent);
};
var handleRoomTopic = function(event, isLiveEvent) {
console.log("handleRoomTopic " + isLiveEvent);
initRoom(event.room_id);
$rootScope.events.rooms[event.room_id][event.type] = event;
};
var handleCallEvent = function(event, isLiveEvent) {
$rootScope.$broadcast(CALL_EVENT, event, isLiveEvent);
@ -204,6 +212,9 @@ angular.module('eventHandlerService', [])
case 'm.room.name':
handleRoomName(event, isLiveEvent);
break;
case 'm.room.topic':
handleRoomTopic(event, isLiveEvent);
break;
default:
console.log("Unable to handle event type " + event.type);
console.log(JSON.stringify(event, undefined, 4));

View File

@ -2,8 +2,13 @@
<div id="roomHeader">
<a href ng-click="goToPage('/')"><img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/></a>
<div id="roomName">
{{ room_id | mRoomName }}
<div class="roomHeaderInfo">
<div id="roomName">
{{ room_id | mRoomName }}
</div>
<div id="roomTopic" ng-show="events.rooms[room_id]['m.room.topic'].content.topic">
{{ events.rooms[room_id]['m.room.topic'].content.topic }}
</div>
</div>
</div>