You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
194 lines
9.0 KiB
194 lines
9.0 KiB
<div class="settings nicescroll"> |
|
<div class="version">{{version}}</div> |
|
<div class="form-horizontal" on-enter="saveSettings(user)" on-escape="reset()" |
|
<fieldset> |
|
|
|
<legend>{{_('Profile')}}</legend> |
|
<div class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Your picture')}}</label> |
|
<div class="col-xs-8"> |
|
<label> |
|
<buddy-picture/> |
|
</label> |
|
</div> |
|
</div> |
|
<div class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Your name')}}</label> |
|
<div class="col-xs-8"> |
|
<input type="text" class="form-control" ng-model="user.displayName" placeholder="{{_('Name')}}" /> |
|
</div> |
|
</div> |
|
<div class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Status message')}}</label> |
|
<div class="col-xs-8"> |
|
<input type="text" class="form-control" ng-model="user.message" placeholder="{{_('What\'s on your mind?')}}" /> |
|
</div> |
|
</div> |
|
<div class="form-group"> |
|
<div class="col-xs-8 col-xs-offset-4"> |
|
{{_('Profile information is public.')}} |
|
</div> |
|
</div> |
|
<div ng-controller="UsersettingsController as usersettings"> |
|
<div ng-if="(withUsers && withUsersRegistration) || userid"> |
|
<legend>{{_('Account')}}</legend> |
|
<div class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Your ID')}}</label> |
|
<div ng-switch="withUsersMode"> |
|
<form ng-switch-when="certificate" class="col-xs-8" target="users_registration_certificate_iframe"> |
|
<div ng-if="!userid"> |
|
<keygen style="display:none" name="pubkey"/> |
|
<label ng-if="!userid && withUsersRegistration && usersettings.registerUserid"> |
|
<button class="btn btn-small btn-primary" ng-click="usersettings.registerUserid($event.target)">{{_('Register')}}</button> |
|
</label> |
|
<iframe style="display:none" name="users_registration_certificate_iframe"></iframe> |
|
</div> |
|
<div ng-if="userid"> |
|
<pre class="small">{{userid}}</pre> |
|
<span class-"help-block">{{_('Authenticated by certificate. To log out you have to remove your certificate from the browser.')}}</span> |
|
</div> |
|
</form> |
|
<div ng-switch-default class="col-xs-8"> |
|
<div ng-if="!userid && withUsersRegistration"> |
|
<label ng-if="usersettings.loginUserid"> |
|
<button class="btn btn-small btn-primary" ng-click="usersettings.loginUserid()">{{_('Login')}}</button> |
|
</label> |
|
<label ng-if="usersettings.registerUserid"> |
|
<button class="btn btn-small btn-link" ng-click="usersettings.registerUserid($event.target)">{{_('Register account')}}</button> |
|
</label> |
|
</div> |
|
<pre class="small" ng-if="userid">{{userid}}</pre> |
|
<label ng-if="userid && withUsersForget && usersettings.forgetUserid"> |
|
<button class="btn btn-small btn-default" ng-click="usersettings.forgetUserid()">{{_('Log out')}}</button> |
|
</label> |
|
<label ng-if="userid && usersettings.accountUserid"> |
|
<button class="btn btn-small btn-link" ng-click="usersettings.accountUserid()">{{_('Manage account')}}</button> |
|
</label> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div ng-show="mediaSources.supported || isChrome"> |
|
<legend>{{_('Media')}}</legend> |
|
<div ng-show="mediaSources.supported"> |
|
<div class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Microphone')}}</label> |
|
<div class="col-xs-8"> |
|
<select class="form-control" ng-model="user.settings.microphoneId" ng-options="mic.id as mic.label for mic in mediaSources.audio"></select> |
|
</div> |
|
</div> |
|
<div class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Camera')}}</label> |
|
<div class="col-xs-8"> |
|
<select class="form-control" ng-model="user.settings.cameraId" ng-options="vid.id as vid.label for vid in mediaSources.video"></select> |
|
</div> |
|
</div> |
|
</div> |
|
<div ng-show="isChrome" class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Video quality')}}</label> |
|
<div class="col-xs-8"> |
|
<div class="btn-group"> |
|
<button type="button" class="btn btn-default" ng-model="user.settings.videoQuality" btn-radio="'low'">{{_('Low')}}</button> |
|
<button type="button" class="btn btn-default" ng-model="user.settings.videoQuality" btn-radio="'high'">{{_('High')}}</button> |
|
<button type="button" class="btn btn-default" ng-model="user.settings.videoQuality" btn-radio="'hd'">{{_('HD')}}</button> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<legend>{{_('Settings')}}</legend> |
|
<div class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Language')}}</label> |
|
<div class="col-xs-8"> |
|
<select class="form-control" ng-model="user.settings.language" ng-options="l.code as l.name for l in availableLanguages | orderBy:'code'"></select> |
|
<span class="help-block">{{_('Language changes become active on reload.')}}</span> |
|
</div> |
|
</div> |
|
<div class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Default room')}}</label> |
|
<div class="col-xs-8"> |
|
<input type="text" class="form-control" ng-model="user.settings.defaultRoom" placeholder="{{_('Main')}}" /> |
|
<span class="help-block">{{_('Set alternative room to join at start.')}}</span> |
|
</div> |
|
</div> |
|
<div class="form-group" ng-show="desktopNotify.supported"> |
|
<label class="col-xs-4 control-label">{{_('Desktop notification')}}</label> |
|
<div class="col-xs-8"> |
|
<label style="padding-top:5px" ng-switch="desktopNotify.level"> |
|
<a ng-switch-when="default" class="btn btn-small btn-success" ng-click="requestDesktopNotifyPermission()">{{_('Enable')}}</a> |
|
<span class="text-error" ng-switch-when="denied"><i class="fa fa-exclamation-triangle"></i>{{_('Denied - check your browser settings')}}</span> |
|
<span class="text-success" ng-switch-when="granted"><i class="fa fa-ok"></i>{{_('Allowed')}}</span> |
|
</label> |
|
</div> |
|
</div> |
|
|
|
<div settings-extra></div> |
|
|
|
<div class="collapse" collapse="showAdvancedSettings" style="padding-top:15px"> |
|
|
|
<legend>{{_('Advanced settings')}}</legend> |
|
|
|
<div> |
|
|
|
<div class="form-group"> |
|
<label class="col-xs-4 control-label">{{_('Stereo audio')}}</label> |
|
<div class="col-xs-8"> |
|
<div class="checkbox"> |
|
<label> |
|
<input type="checkbox" ng-model="user.settings.stereo"/> |
|
</label> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div class="form-group" ng-show="isChrome"> |
|
<label class="col-xs-4 control-label">{{_('Max video frame rate')}}</label> |
|
<div class="col-xs-8"> |
|
<div class="btn-group"> |
|
<button type="button" class="btn btn-default" ng-model="user.settings.maxFrameRate" btn-radio="12">12</button> |
|
<button type="button" class="btn btn-default" ng-model="user.settings.maxFrameRate" btn-radio="20">20</button> |
|
<button type="button" class="btn btn-default" ng-model="user.settings.maxFrameRate" btn-radio="30">30</button> |
|
<button type="button" class="btn btn-default" ng-model="user.settings.maxFrameRate" btn-radio="'auto'">{{_('auto')}}</button> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
<!--<div ng-show="isChrome"> |
|
|
|
<legend>{{_('Experimental settings')}}</legend> |
|
|
|
<div></div> |
|
|
|
</div>--> |
|
|
|
<div settings-advanced-extra></div> |
|
|
|
</div> |
|
|
|
<div class="form-group"> |
|
<div class="col-xs-4 control-label"></div> |
|
<div class="col-xs-8"> |
|
<a ng-click="showAdvancedSettings = !showAdvancedSettings"><span ng-show="showAdvancedSettings">{{_('Show advanced settings')}}</span><span ng-hide="showAdvancedSettings">{{_('Hide advanced settings')}}</span></a> |
|
</div> |
|
</div> |
|
|
|
<hr/> |
|
|
|
<div class="form-group"> |
|
<div class="col-xs-4 control-label"></div> |
|
<div class="col-xs-8"> |
|
<div class="checkbox" style="padding-bottom:1em"> |
|
<label> |
|
<input type="checkbox" ng-model="rememberSettings"> {{_('Remember settings')}} |
|
</label> |
|
<p class="text-warning" style="margin-top:4px" ng-show="userid &&!rememberSettings && loadedUserlogin"><strong>{{_('Your ID will still be kept - press the log out button above to delete the ID.')}}</strong></p> |
|
</div> |
|
<a ng-click="layout.settings=false" class="btn btn-default">{{_('Close')}}</a> |
|
</div> |
|
</div> |
|
|
|
</fieldset> |
|
</div> |
|
</div>
|
|
|