mirror of
https://github.com/element-hq/synapse
synced 2024-08-19 08:00:53 +00:00
- add a simple CSS template across the app for navigation & cosmetics - split login into login & register, and totally reskin it - restructure room CSS to play nicely with it - implement basis 1:1 chat from user pages - disable autofocus on iOS to improve UX
80 lines
3.2 KiB
HTML
80 lines
3.2 KiB
HTML
<div ng-controller="SettingsController" class="user" data-ng-init="onInit()">
|
|
|
|
<div id="wrapper">
|
|
|
|
<div id="genericHeading">
|
|
<img src="img/logo-small.png" width="100" height="43" alt="[matrix]"/>
|
|
</div>
|
|
|
|
<h1>Settings</h1>
|
|
<div class="section">
|
|
<form>
|
|
<div class="profile-avatar">
|
|
<img ng-src="{{ (null !== profile.avatarUrl) ? profile.avatarUrl : 'img/default-profile.png' }}" m-file-input="profile.avatarFile"/>
|
|
</div>
|
|
<div id="user-ids">
|
|
<input size="40" ng-model="profile.displayName" placeholder="Your display name"/>
|
|
<br/>
|
|
<button ng-disabled="(profile.displayName == profileOnServer.displayName) && (profile.avatarUrl == profileOnServer.avatarUrl)"
|
|
ng-click="saveProfile()">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<br/>
|
|
|
|
<h3>Linked emails</h3>
|
|
<div class="section">
|
|
<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>
|
|
<table>
|
|
<tr ng-repeat="(address, info) in linkedEmails.linkedEmailList">
|
|
<td>{{address}}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<br/>
|
|
|
|
<h3>Desktop notifications</h3>
|
|
<div class="section" ng-switch="settings.notifications">
|
|
<div ng-switch-when="granted">
|
|
Notifications are enabled.
|
|
</div>
|
|
<div ng-switch-when="denied">
|
|
You have denied permission for notifications.<br/>
|
|
To enable it, reset the notification setting for this web site into your browser settings.
|
|
</div>
|
|
<div ng-switch-when="default">
|
|
<button ng-click="requestNotifications()" style="font-size: 14pt">Enable desktop notifications</button>
|
|
</div>
|
|
<div ng-switch-default="">
|
|
Sorry, your browser does not support notifications.
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
|
|
<h3>Configuration</h3>
|
|
<div class="section">
|
|
<div>Home server: {{ config.homeserver }} </div>
|
|
<div>Identity server: {{ config.identityServer }} </div>
|
|
<div>User ID: {{ config.user_id }} </div>
|
|
<div>Access token: {{ config.access_token }} </div>
|
|
</div>
|
|
<br/>
|
|
|
|
{{ feedback }}
|
|
|
|
</div>
|
|
</div>
|