docs/docs-web/src/main/webapp/src/partial/docs/settings.security.html
2019-02-12 13:57:54 +01:00

47 lines
2.2 KiB
HTML

<h1>
<span translate="settings.security.title"></span>
<span class="label" ng-class="{ 'label-success': user.totp_enabled, 'label-danger': !user.totp_enabled }">
{{ user.totp_enabled ? 'enabled' : 'disabled' | translate }}
</span>
</h1>
<div ng-if="!user.totp_enabled">
<p translate="settings.security.message_1" translate-values="{ appName: appName }"></p>
<ul>
<li translate="settings.security.message_google_authenticator"></li>
<li translate="settings.security.message_duo_mobile"></li>
<li translate="settings.security.message_authenticator"></li>
</ul>
<p translate="settings.security.message_2" translate-values="{ appName: appName }"></p>
<p>
<button class="btn btn-primary" ng-click="enableTotp()">{{ 'settings.security.enable_totp' | translate }}</button>
</p>
</div>
<div ng-if="user.totp_enabled">
<div class="row mt-30 mb-19" ng-if="secret">
<div class="col-sm-3">
<p translate="settings.security.secret_key" translate-values="{ secret: secret }"></p>
<qrcode data="otpauth://totp/Teedy?secret={{ secret }}" size="200"></qrcode>
<p class="text-danger">
<strong>{{ 'settings.security.secret_key_warning' | translate }}</strong>
</p>
</div>
<div class="col-sm-3">
<p class="mt-30"><strong>{{ 'settings.security.test_totp' | translate }}</strong></p>
<form class="form-inline">
<input type="text" class="form-control" ng-model="testValidationCode" />
<button class="btn btn-primary" ng-click="testTotp(testValidationCode)">{{ 'ok' | translate }}</button>
</form>
<p class="mt-10" ng-if="testValidationCodeSuccess != null"
ng-class="{ 'text-success': testValidationCodeSuccess, 'text-danger': !testValidationCodeSuccess }">
<strong ng-if="testValidationCodeSuccess">{{ 'settings.security.test_code_success' | translate }}</strong>
<strong ng-if="!testValidationCodeSuccess">{{ 'settings.security.test_code_fail' | translate }}</strong>
</p>
</div>
</div>
<p translate="settings.security.totp_enabled_message" translate-values="{ appName: appName }"></p>
<p>
<button class="btn btn-warning" ng-click="disableTotp()">{{ 'settings.security.disable_totp' | translate }}</button>
</p>
</div>