mirror of
https://github.com/the-djmaze/snappymail.git
synced 2025-01-10 16:58:07 +08:00
82 lines
3.3 KiB
HTML
82 lines
3.3 KiB
HTML
|
<div class="b-settings-security">
|
||
|
|
<div class="form-horizontal">
|
||
|
|
<div class="legend">
|
||
|
|
<span class="i18n" data-i18n-text="SETTINGS_SECURITY/LEGEND_TWO_FACTOR_AUTH"></span>
|
||
|
|
</div>
|
||
|
|
<div class="control-group">
|
||
|
|
<div class="controls">
|
||
|
|
<label data-bind="click: function () { viewEnable(!viewEnable()); }">
|
||
|
|
<i data-bind="css: viewEnable() ? 'icon-checkbox-checked' : 'icon-checkbox-unchecked'"></i>
|
||
|
|
|
||
|
|
<span class="i18n" data-i18n-text="SETTINGS_SECURITY/LABEL_ENABLE_TWO_FACTOR"></span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="control-group">
|
||
|
|
<label class="control-label">
|
||
|
|
<span class="i18n" data-i18n-text="SETTINGS_SECURITY/LABEL_TWO_FACTOR_USER"></span>
|
||
|
|
</label>
|
||
|
|
<div class="controls" style="padding-top: 5px;">
|
||
|
|
<strong><span data-bind="text: viewUser"></span></strong>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="control-group">
|
||
|
|
<label class="control-label">
|
||
|
|
<span class="i18n" data-i18n-text="SETTINGS_SECURITY/LABEL_TWO_FACTOR_STATUS"></span>
|
||
|
|
</label>
|
||
|
|
<div class="controls" style="padding-top: 5px;">
|
||
|
|
<strong data-bind="visible: !processing()"><span data-bind="text: viewTwoFactorStatus"></span></strong>
|
||
|
|
<strong data-bind="visible: processing()">...</strong>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="control-group">
|
||
|
|
<div class="controls">
|
||
|
|
<a class="btn" data-bind="click: clearTwoFactor, visible: twoFactorStatus">
|
||
|
|
<i class="icon-remove" data-bind="css: {'icon-remove': !clearing(), 'icon-spinner animated': clearing()}" ></i>
|
||
|
|
|
||
|
|
<span class="i18n" data-i18n-text="SETTINGS_SECURITY/BUTTON_CLEAR"></span>
|
||
|
|
</a>
|
||
|
|
<span data-bind="visible: twoFactorStatus"> </span>
|
||
|
|
<a class="btn" data-bind="click: createTwoFactor">
|
||
|
|
<i class="icon-ok" data-bind="css: {'icon-ok': !processing(), 'icon-spinner animated': processing()}" ></i>
|
||
|
|
|
||
|
|
<span class="i18n" data-i18n-text="SETTINGS_SECURITY/BUTTON_CREATE"></span>
|
||
|
|
</a>
|
||
|
|
<span> </span>
|
||
|
|
<a class="btn" data-bind="click: testTwoFactor, visible: twoFactorStatus">
|
||
|
|
<i class="icon-info"></i>
|
||
|
|
|
||
|
|
<span class="i18n" data-i18n-text="SETTINGS_SECURITY/BUTTON_TEST"></span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="control-group" data-bind="visible: '' !== viewSecret()">
|
||
|
|
<label class="control-label">
|
||
|
|
<span class="i18n" data-i18n-text="SETTINGS_SECURITY/LABEL_TWO_FACTOR_SECRET"></span>
|
||
|
|
</label>
|
||
|
|
<div class="controls" style="padding-top: 5px;">
|
||
|
|
<strong data-bind="text: viewSecret"></strong>
|
||
|
|
<br />
|
||
|
|
<br />
|
||
|
|
<blockquote>
|
||
|
|
<p class="muted i18n" style="width: 550px" data-i18n-text="SETTINGS_SECURITY/TWO_FACTOR_SECRET_DESC"></p>
|
||
|
|
</blockquote>
|
||
|
|
<!-- ko if: '' !== viewUrl() -->
|
||
|
|
<img style="margin-left: -7px;" src="javascript:void();" data-bind="attr: {'src': viewUrl}" />
|
||
|
|
<!-- /ko -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="control-group" data-bind="visible: '' !== viewBackupCodes()">
|
||
|
|
<label class="control-label">
|
||
|
|
<span class="i18n" data-i18n-text="SETTINGS_SECURITY/LABEL_TWO_FACTOR_BACKUP_CODES"></span>
|
||
|
|
</label>
|
||
|
|
<div class="controls" style="padding-top: 5px;">
|
||
|
|
<pre data-bind="text: viewBackupCodes" style="width: 230px; word-break: break-word;"></pre>
|
||
|
|
<br />
|
||
|
|
<blockquote>
|
||
|
|
<p class="muted i18n" style="width: 550px" data-i18n-text="SETTINGS_SECURITY/TWO_FACTOR_BACKUP_CODES_DESC"></p>
|
||
|
|
</blockquote>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|