-
Notifications
You must be signed in to change notification settings - Fork 0
/
identifier-first-login.html
100 lines (88 loc) · 4.87 KB
/
identifier-first-login.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Fazer login na conta Incentive.me</title>
<!-- CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" />
<link rel="stylesheet" href="https://res.cloudinary.com/finnhvman/raw/upload/matter/matter-0.2.2.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/incentive-me/[email protected]/css/base.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/incentive-me/[email protected]/css/login.min.css" />
<!-- Favicon and touch icons -->
<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/incentive-me/cdn/favicon.ico" />
<script src="https://kit.fontawesome.com/b30fd5fea3.js" crossorigin="anonymous"></script>
<script th:if="${bot_detection_plugin == 'google-recaptcha-v3-am-bot-detection'}" th:src="${'https://www.google.com/recaptcha/api.js?render=' + bot_detection_configuration.siteKey}"></script>
</head>
<body>
<div class="mdl-layout mdl-js-layout">
<div class="login-container">
<div class="login-form">
<div class="login-form-title">
<label>Sign in</label>
<span>to continue to <span th:text="${domain.name}"></span></span>
</div>
<form id="form" role="form" th:action="${action}" method="get">
<div class="login-form-content">
<div class="input-textfield">
<label for="username">Username</label>
<input type="text" id="username" name="username" autofocus="autofocus" required />
</div>
<div th:if="${error}" class="login-error-info">
<span>
<span class="error" th:text="${error}"></span>
<small class="error_description" th:text="*{error_description}?: 'Wrong user or password'"></small>
</span>
</div>
</div>
<input type="hidden" th:name="response_type" th:value="${param.response_type}"/>
<input type="hidden" th:name="redirect_uri" th:value="${param.redirect_uri}"/>
<input type="hidden" th:name="client_id" th:value="${param.client_id}"/>
<input type="hidden" th:if="${bot_detection_plugin == 'google-recaptcha-v3-am-bot-detection'}"
th:id="${bot_detection_configuration.get('tokenParameterName')}"
th:name="${bot_detection_configuration.get('tokenParameterName')}" />
<div class="login-form-actions">
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">Sign in</button>
</div>
<div class="login-form-additional-actions">
<div th:if="${allowRegister}">
<a th:href="${registerAction}">No account ? Register</a>
</div>
<span th:if="${allowPasswordless}" style="font-size: 14px;margin-top: 24px;">
Use o WebAuthn para fazer login usando impressão digital ou uma chave de segurança USB. <a class="matter-link"th:href="${passwordlessAction}" style="font-weight: 500;">Saiba mais</a>.
</span>
</div>
</form>
</div>
</div>
</div>
<!--[if lt IE 10]>
<script th:src="@{../assets/js/placeholder.js}"></script>
<![endif]-->
<script th:src="@{../assets/material/material.min.js}"></script>
<script th:src="@{../assets/js/jquery-3.5.1.min.js}"></script>
<script th:inline="javascript">
$(".mdl-textfield__input").focus(function (){
if( !this.value ){
$(this).prop('required', true);
$(this).parent().addClass('is-invalid');
}
});
$(".mdl-button").filter(":button").click(function (event){
/*[# th:if="${bot_detection_plugin == 'google-recaptcha-v3-am-bot-detection'}"]*/
event.preventDefault();
grecaptcha.ready(function() {
grecaptcha.execute(/*[[${bot_detection_configuration.siteKey}]]*/, {action: 'submit'}).then(function(token) {
$("#"+ /*[[${bot_detection_configuration.get('tokenParameterName')}]]*/ "no-name").val(token);
$("#form").unbind('submit').submit();
});
});
/*[/]*/
$(this).siblings(".mdl-textfield").addClass('is-invalid');
$(this).siblings(".mdl-textfield").children(".mdl-textfield__input").prop('required', true);
});
</script>
</body>
</html>