SYWEB-12: Format room info dialog better.

This commit is contained in:
Kegan Dougal 2014-10-30 11:53:28 +00:00
parent 8e8bbb00f5
commit 40342af459
2 changed files with 38 additions and 17 deletions

View File

@ -418,6 +418,31 @@ textarea, input {
margin-top: 15px; margin-top: 15px;
} }
/*** Room Info Dialog ***/
.room-info {
border-collapse: collapse;
width: 100%;
}
.room-info-event {
border-bottom: 1pt solid black;
}
.room-info-event-meta {
padding-top: 1em;
padding-bottom: 1em;
}
.room-info-event-content {
padding-top: 1em;
padding-bottom: 1em;
}
.monospace {
font-family: monospace;
}
/*** Participant list ***/ /*** Participant list ***/
#usersTableWrapper { #usersTableWrapper {

View File

@ -15,23 +15,19 @@
<script type="text/ng-template" id="roomInfoTemplate.html"> <script type="text/ng-template" id="roomInfoTemplate.html">
<div class="modal-body"> <div class="modal-body">
<table id="roomInfoTable"> <table class="room-info">
<tr> <tr ng-repeat="(key, event) in events.rooms[room_id] | stateEventsFilter" class="room-info-event">
<th> <td class="room-info-event-meta">
Event Type <span class="monospace">{{ key }}</span>
</th> <br/>
<th> {{ (event.origin_server_ts) | date:'MMM d HH:mm' }}
Content <br/>
</th> Set by: <span class="monospace">{{ event.user_id }}</span>
</tr> </td>
<tr ng-repeat="(key, event) in events.rooms[room_id] | stateEventsFilter"> <td class="room-info-event-content">
<td> <pre>{{ event.content | json }}</pre>
<pre>{{ key }}</pre> </td>
</td> </tr>
<td>
<pre>{{ event.content | json }}</pre>
</td>
</tr>
</table> </table>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">