{{ events.rooms[room_id]['m.room.topic'].content.topic | limitTo: 200}}

{{ member.displayname || member.id.substr(0, member.id.indexOf(':')) }}
{{ member.displayname ? "" : member.id.substr(member.id.indexOf(':')) }}

{{ member.last_active_ago + (now - member.last_updated) | duration }}
ago

{{ members[msg.state_key].displayname || msg.state_key }} joined {{ members[msg.state_key].displayname || msg.state_key }} left {{ members[msg.user_id].displayname || msg.user_id }} {{ {"join": "kicked", "ban": "unbanned"}[msg.content.prev] }} {{ members[msg.state_key].displayname || msg.state_key }} : {{ msg.content.reason }} {{ members[msg.user_id].displayname || msg.user_id }} {{ {"invite": "invited", "ban": "banned"}[msg.content.membership] }} {{ members[msg.state_key].displayname || msg.state_key }} : {{ msg.content.reason }} {{ msg.user_id }} changed their display name from {{ msg.prev_content.displayname }} to {{ msg.content.displayname }} Outgoing Call{{ isWebRTCSupported ? '' : ' (But your browser does not support VoIP)' }} Incoming Call{{ isWebRTCSupported ? '' : ' (But your browser does not support VoIP)' }}

{{ members[msg.user_id].displayname || msg.user_id }} changed the topic to: {{ msg.content.topic }} {{ members[msg.user_id].displayname || msg.user_id }} changed the room name to: {{ msg.content.name }}

</td>
                    <td id="buttonsCell">
                        <button ng-click="send()" ng-disabled="state.permission_denied">Send</button>
                        <button m-file-input="imageFileToSend" class="extraControls" ng-disabled="state.permission_denied">Image</button>
                    </td>
                </tr>
            </table>

<div class="extraControls">
                <span>
                   Invite a user: 
                        <input ng-model="userIDToInvite" size="32" type="text" ng-enter="inviteUser()" ng-disabled="state.permission_denied" placeholder="User ID (ex:@user:homeserver)"/>     
                        <button ng-click="inviteUser()" ng-disabled="state.permission_denied">Invite</button>
                </span>
                <button ng-click="leaveRoom()" ng-disabled="state.permission_denied">Leave</button>
                <button ng-click="startVoiceCall()"
                        ng-show="(currentCall == undefined || currentCall.state == 'ended')"
                        ng-disabled="state.permission_denied || !isWebRTCSupported || memberCount() != 2"
                        title ="{{ !isWebRTCSupported ? 'VoIP requires webRTC but your browser does not support it' : (memberCount() == 2 ? '' : 'VoIP calls can only be made in rooms with two participants') }}"
                        >
                    Voice Call
                </button>
                <button ng-click="startVideoCall()"
                        ng-show="(currentCall == undefined || currentCall.state == 'ended')"
                        ng-disabled="state.permission_denied || !isWebRTCSupported || memberCount() != 2"
                        title ="{{ !isWebRTCSupported ? 'VoIP requires webRTC but your browser does not support it' : (memberCount() == 2 ? '' : 'VoIP calls can only be made in rooms with two participants') }}"
                        >
                    Video Call
                </button>
            </div>
        
            {{ feedback }}
            <div ng-show="state.stream_failure">
                {{ state.stream_failure.data.error || "Connection failure" }}
            </div>
        </div>
    </div>

</div>