1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25
26. 26
27. 27
28. 28
29. 29
30. 30
31. 31
32. 32
33. 33
34. 34
35. 35
36. 36
37. 37
38. 38
39. 39
40. 40
41. 41
42. 42

<h4 class="ui top attached header">
{{.i18n.Tr "settings.webauthn"}}
</h4>
<div class="ui attached segment">
	<p>{{.i18n.Tr "settings.webauthn_desc" | Str2html}}</p>
	<div class="ui key list">
		{{range .WebAuthnCredentials}}
			<div class="item">
				<div class="right floated content">
					<button class="ui red tiny button delete-button" data-modal-id="delete-registration" data-url="{{$.Link}}/webauthn/delete" data-id="{{.ID}}">
					{{$.i18n.Tr "settings.delete_key"}}
					</button>
				</div>
				<div class="content">
					<strong>{{.Name}}</strong>
				</div>
				<span class="time">{{TimeSinceUnix .CreatedUnix $.i18n.Lang}}</span>
			</div>
		{{end}}
	</div>
	<div class="ui form">
		{{.CsrfTokenHtml}}
		<div class="required field">
			<label for="nickname">{{.i18n.Tr "settings.webauthn_nickname"}}</label>
			<input id="nickname" name="nickname" type="text" required>
		</div>
		<button id="register-webauthn" class="ui green button">{{svg "octicon-key"}} {{.i18n.Tr "settings.webauthn_register_key"}}</button>
	</div>
</div>

{{template "user/auth/webauthn_error" .}}

<div class="ui small basic delete modal" id="delete-registration">
	<div class="ui icon header">
		{{svg "octicon-trash"}}
	{{.i18n.Tr "settings.webauthn_delete_key"}}
	</div>
	<div class="content">
		<p>{{.i18n.Tr "settings.webauthn_delete_key_desc"}}</p>
	</div>
	{{template "base/delete_modal_actions" .}}
</div>