mirror of
https://mau.dev/maunium/synapse.git
synced 2024-08-27 20:52:30 +00:00
102 lines
3.8 KiB
HTML
102 lines
3.8 KiB
HTML
<div ng-controller="RoomsController" class="rooms">
|
|
|
|
<div id="page">
|
|
<div id="wrapper">
|
|
|
|
<div>
|
|
<form>
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<div class="profile-avatar">
|
|
<img ng-src="{{ newProfileInfo.avatar || 'img/default-profile.jpg' }}" m-file-input="newProfileInfo.avatarFile"/>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<!-- TODO: To enable once we have an upload server
|
|
<button m-file-input="newProfileInfo.avatarFile">Upload new Avatar</button>
|
|
or use an existing image URL:
|
|
-->
|
|
<div>
|
|
<input size="40" ng-model="newProfileInfo.avatar" ng-enter="setAvatar(newProfileInfo.avatar)" placeholder="Image URL"/>
|
|
<button ng-disabled="!newProfileInfo.avatar" ng-click="setAvatar(newProfileInfo.avatar)">Update Avatar</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
|
|
<div>
|
|
<form>
|
|
<input size="40" ng-model="newProfileInfo.name" ng-enter="setDisplayName(newProfileInfo.name)" />
|
|
<button ng-disabled="!newProfileInfo.name" ng-click="setDisplayName(newProfileInfo.name)">Update Name</button>
|
|
</form>
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div>
|
|
<form>
|
|
<input size="40" ng-model="linkedEmails.linkNewEmail" ng-enter="linkEmail(linkedEmails.linkNewEmail)" />
|
|
<button ng-disabled="!linkedEmails.linkNewEmail" ng-click="linkEmail(linkedEmails.linkNewEmail)">
|
|
Link Email
|
|
</button>
|
|
{{ emailFeedback }}
|
|
</form>
|
|
<form ng-hide="!linkedEmails.emailBeingAuthed">
|
|
Enter validation token for {{ linkedEmails.emailBeingAuthed }}:
|
|
<br />
|
|
<input size="20" ng-model="linkedEmails.emailCode" ng-enter="submitEmailCode(linkedEmails.emailCode)" />
|
|
<button ng-disabled="!linkedEmails.emailCode || !linkedEmails.linkNewEmail" ng-click="submitEmailCode(linkedEmails.emailCode)">
|
|
Submit Code
|
|
</button>
|
|
</form>
|
|
Linked emails:
|
|
<table>
|
|
<tr ng-repeat="(address, info) in linkedEmails.linkedEmailList">
|
|
<td>{{address}}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<br/>
|
|
|
|
<h3>My rooms</h3>
|
|
|
|
<div class="rooms" ng-repeat="(rm_id, room) in rooms">
|
|
<div>
|
|
<a href="#/room/{{ room.room_alias ? room.room_alias : rm_id }}" >{{ room.room_alias }}</a> {{room.membership === 'invite' ? ' (invited)' : ''}}
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
|
|
<h3>Public rooms</h3>
|
|
|
|
<div class="public_rooms" ng-repeat="room in public_rooms">
|
|
<div>
|
|
<a href="#/room/{{ room.room_alias ? room.room_alias : room.room_id }}" >{{ room.room_alias }}</a>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
|
|
<div>
|
|
<form>
|
|
<input size="40" ng-model="newRoom.room_id" ng-enter="createNewRoom(newRoom.room_id, newRoom.private)" placeholder="(e.g. foo_channel)"/>
|
|
<input type="checkbox" ng-model="newRoom.private">private
|
|
<button ng-disabled="!newRoom.room_id" ng-click="createNewRoom(newRoom.room_id, 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>
|
|
</div>
|