83 lines
2.8 KiB
HTML
83 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<head data-v-copy-from="blank.html,head">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<nav data-v-copy-from="user/index.html,body > nav:first">Domains</nav>
|
|
|
|
<main id="site-content">
|
|
<div class="container my-5">
|
|
<div class="row">
|
|
<div class="col-md-3 user-sidebar" data-v-copy-from="user/index.html,.user-sidebar"></div>
|
|
|
|
<div class="col-md-9 justify-content-center border-start px-4" id="user-container">
|
|
|
|
|
|
<div class="notifications" data-v-copy-from="user/index.html,#user-container .notifications"></div>
|
|
|
|
<form id="two-factor-auth-form" action="" method="post" class="settings" data-v-product>
|
|
<input type="hidden" name="action" id="action" value="save">
|
|
<input type="hidden" name="csrf" data-v-csrf>
|
|
|
|
|
|
<div class="" data-v-if="this.enabled">
|
|
<p>Enabled for this account</p>
|
|
<button name="action" value="disable" class="btn btn-danger btn-icon">
|
|
<i class="icon-key-outline"></i>
|
|
<span>Disable 2FA</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="row mb-3" data-v-if-not="this.enabled">
|
|
<div class="d-flex flex-wrap">
|
|
<div class="col-xs-12">
|
|
<img class="border p-2" src="" data-qrimage>
|
|
</div>
|
|
<div class="mx-4 my-2">
|
|
<ol class="p-3">
|
|
<li>Download and start the authenticator app</li>
|
|
<li>
|
|
<span>From the app scan the QR code</span>
|
|
</li>
|
|
<li>Enter the code and enable 2FA</li>
|
|
</ol>
|
|
|
|
<div class="form-label mt-4">Enter the 6 digit code from your authenticator app</div>
|
|
<div class="d-flex w-auto">
|
|
<input type="text" autocorrect="off" class="form-control w-auto me-2" size="7" maxlength="7" placeholder="6 digit code" id="input-code" autocomplete="off" value="" aria-label="6 digit code" name="settings[code]">
|
|
|
|
<button class="btn btn-primary btn-icon px-4">
|
|
<i class="icon-key-outline"></i> Enable 2FA
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<details>
|
|
<summary class="btn btn-outline-secondary btn-icon px-4 mt-2">
|
|
<i class="icon-keypad-outline"></i> Can't scan the code?
|
|
</summary>
|
|
<div class="mt-3">Copy this code and add it to your authenticator app</div>
|
|
<div class="input-group my-2 w-50">
|
|
<input type="text" autocorrect="off" class="form-control" size="32" maxlength="36" placeholder="Secret" id="input-secret" autocomplete="off" value="" aria-label="Code" name="settings[secret]" readonly data-secret>
|
|
<button class="btn btn-outline-secondary input-group-append" type="button" onclick="copyText('input-secret')"><i class="la la-copy la-lg"></i> Copy</button>
|
|
</div>
|
|
|
|
</details>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer data-v-copy-from="blank.html,footer"></footer>
|
|
</body>
|
|
</html>
|