<div ng-controller="HomeController" data-ng-init="onInit()"> <div id="wrapper"> <div id="genericHeading"> <a href ng-click="goToPage('/')"><img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/></a> </div> <h1>Welcome to homeserver {{ config.homeserver }}</h1> <div> <div class="profile-avatar"> <img ng-src="{{ (null !== profile.avatarUrl) ? profile.avatarUrl : 'img/default-profile.png' }}"/> </div> <div id="user-ids"> <div id="user-displayname">{{ profile.displayName }}</div> <div>{{ config.user_id }}</div> </div> </div> <h3>Recent conversations</h3> <div ng-include="'recents/recents.html'"></div> <br/> <h3>Public rooms</h3> <div class="public_rooms" ng-repeat="room in public_rooms | orderBy:'room_display_name'"> <div class="publicRoomEntry"> <a href="#/room/{{ room.room_alias ? room.room_alias : room.room_id }}" ng-class="room.room_display_name.toLowerCase().indexOf('#matrix:') === 0 ? 'roomHighlight' : ''"> {{ room.room_display_name }} </a> <div ng-class="room.room_display_name.toLowerCase().indexOf('#matrix:') === 0 ? 'publicRoomJoinedUsers roomHighlight' : 'publicRoomJoinedUsers'" ng-show="room.num_joined_members"> {{ room.num_joined_members }} {{ room.num_joined_members == 1 ? 'user' : 'users' }} </div> <div class="publicRoomTopic" ng-show="room.topic"> {{ room.topic }} </div> </div> </div> <br/> <div> <form> <input size="40" ng-model="newRoom.room_alias" ng-enter="createNewRoom(newRoom.room_alias, newRoom.private)" placeholder="(e.g. foo_channel)"/> <input type="checkbox" ng-model="newRoom.private">private <button ng-disabled="!newRoom.room_alias" ng-click="createNewRoom(newRoom.room_alias, newRoom.private)">Create room</button> </form> </div> <div> <form> <input size="40" ng-model="joinAlias.room_alias" ng-enter="joinAlias(joinAlias.room_alias)" placeholder="(e.g. #foo_channel:example.org)"/> <button ng-disabled="!joinAlias.room_alias" ng-click="joinAlias(joinAlias.room_alias)">Join room</button> </form> </div> <br/> {{ feedback }} </div> </div>