hanayo/templates/settings/2fa.html
2019-02-23 17:23:22 +00:00

92 lines
3.6 KiB
HTML

{{/*###
Handler=/settings/2fa
TitleBar=Two Factor Authentication
KyutGrill=settings2.jpg
Include=menu.html
MinPrivileges=2
*/}}
{{ define "tpl" }}
<div class="ui container">
<div class="ui stackable grid">
{{ template "settingsSidebar" . }}
<div class="twelve wide column">
{{ $e := is2faEnabled .Context.User.ID }}
{{ if $e }}
<div class="ui success message">
{{ .T "Two factor authentication is enabled on your account." }}
</div>
{{ else }}
<div class="ui warning message">
{{ .T "Two factor authentication is not enabled on your account." }}
</div>
{{ end }}
<div class="ui segments">
{{ if eq $e 0 }}
<div class="ui segment">
<h1 class="ui header">
{{ .T "Google Authenticator (TOTP) based 2FA" }}
</h1>
{{ $k := generateKey .Context }}
<div class="ui compact centered segment" style="margin: 0 auto; display: table">
<img src="https://chart.googleapis.com/chart?chs=256x256&cht=qr&chl=otpauth://totp/{{ $k.AccountName }}%3Fsecret={{ $k.Secret }}%26issuer={{ $k.Issuer }}">
</div>
<p class="little top margin">
{{ .T "Scan this from <a href=\"https://support.google.com/accounts/answer/1066447?hl=en\">Google Authenticator</a>, or if you're not able to, provide to Google Authenticator this key: <code>%s</code>. Once you've done, fill out the following form with the code you get on Google Authenticator and click on enter to enable TOTP-based two factor authentication." $k.Secret | html }}
</p>
<form class="ui form" action="/settings/2fa/totp" method="POST">
{{ csrfGenerate .Context.User.ID }}
{{ ieForm .Gin }}
<div class="ui fluid action input">
<input tabindex="1" type="text" placeholder="612 116" name="passcode">
<button tabindex="2" class="ui right labeled icon blue button">
<i class="right arrow icon"></i>
{{ .T "Submit" }}
</button>
</div>
</form>
</div>
{{ else }}
<div class="ui segment">
<p>
{{ if eq $e 1 }}
{{ .T "At the moment you currently have set up Telegram Two Factor Authentication. Should you wish to disable it, please fill out the following form:" }}
{{ else }}
{{ .T "At the moment you currently have set up TOTP-based (Google Authenticator) Two Factor Authentication. Should you wish to disable it, please fill out the following form:" }}
{{ end }}
</p>
<form action="/settings/2fa/disable" method="POST" class="centered">
{{ csrfGenerate .Context.User.ID }}
{{ ieForm .Gin }}
<div class="ui fluid action input">
<input tabindex="1" name="password" type="password" placeholder="Password">
<button tabindex="2" type="submit" class="ui red right labeled icon button">
<i class="ban icon"></i>
{{ if eq $e 1 }}{{ .T "Disable Telegram 2FA" }}{{ else }}{{ .T "Disable TOTP-based 2FA" }}{{ end }}
</button>
</div>
</form>
</div>
{{ if eq $e 2 }}
<div class="ui segment">
<h1 class="ui header">
{{ .T "Google Authenticator recovery keys" }}
</h1>
<p>
{{ .T "These are the only thing that will let you get back into your Yozora account if you lose your device. Our suggestion is to paste them inside a document in your word processor (Microsoft Word, LibreOffice Writer), print them and store them in a safe place." }}
</p>
<div class="ui four column grid">
{{ range getKeys .Context.User.ID }}
<div class="ui column">
{{ . }}
</div>
{{ end }}
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</div>
</div>
{{ end }}