2021-07-20 09:22:23 +03:00
<div class="ui container column fluid {{ if .LinkAccountMode }} icon {{ end }} ">
2020-11-14 05:46:40 +03:00
<h4 class="ui top attached header center">
{{ if .LinkAccountMode }}
2023-09-25 11:56:50 +03:00
{{ ctx .Locale .Tr "auth.oauth_signup_title" }}
2020-11-14 05:46:40 +03:00
{{ else }}
2023-09-25 11:56:50 +03:00
{{ ctx .Locale .Tr "sign_up" }}
2020-11-14 05:46:40 +03:00
{{ end }}
</h4>
<div class="ui attached segment">
2024-02-21 17:14:37 +03:00
<form class="ui form" action=" {{ .SignUpLink }} " method="post">
2020-11-14 05:46:40 +03:00
{{ .CsrfTokenHtml }}
{{ if or ( not .LinkAccountMode ) ( and .LinkAccountMode .LinkAccountModeRegister ) }}
{{ template "base/alert" . }}
{{ end }}
{{ if .DisableRegistration }}
2023-09-25 11:56:50 +03:00
<p> {{ ctx .Locale .Tr "auth.disable_register_prompt" }} </p>
2020-11-14 05:46:40 +03:00
{{ else }}
<div class="required inline field {{ if and ( .Err_UserName ) ( or ( not .LinkAccountMode ) ( and .LinkAccountMode .LinkAccountModeRegister ) ) }} error {{ end }} ">
2023-09-25 11:56:50 +03:00
<label for="user_name"> {{ ctx .Locale .Tr "username" }} </label>
2024-02-21 17:14:37 +03:00
<input id="user_name" type="text" name="user_name" value=" {{ .user_name }} " autofocus required>
2020-11-14 05:46:40 +03:00
</div>
<div class="required inline field {{ if .Err_Email }} error {{ end }} ">
2023-09-25 11:56:50 +03:00
<label for="email"> {{ ctx .Locale .Tr "email" }} </label>
2024-02-21 17:14:37 +03:00
<input id="email" name="email" type="email" value=" {{ .email }} " required>
2020-11-14 05:46:40 +03:00
</div>
2017-02-22 10:14:37 +03:00
2020-11-14 05:46:40 +03:00
{{ if not .DisablePassword }}
<div class="required inline field {{ if and ( .Err_Password ) ( or ( not .LinkAccountMode ) ( and .LinkAccountMode .LinkAccountModeRegister ) ) }} error {{ end }} ">
2023-09-25 11:56:50 +03:00
<label for="password"> {{ ctx .Locale .Tr "password" }} </label>
2024-02-21 17:14:37 +03:00
<input id="password" name="password" type="password" value=" {{ .password }} " autocomplete="new-password" required>
2020-11-14 05:46:40 +03:00
</div>
<div class="required inline field {{ if and ( .Err_Password ) ( or ( not .LinkAccountMode ) ( and .LinkAccountMode .LinkAccountModeRegister ) ) }} error {{ end }} ">
2023-09-25 11:56:50 +03:00
<label for="retype"> {{ ctx .Locale .Tr "re_type" }} </label>
2024-02-21 17:14:37 +03:00
<input id="retype" name="retype" type="password" value=" {{ .retype }} " autocomplete="new-password" required>
2020-11-14 05:46:40 +03:00
</div>
{{ end }}
2022-08-10 16:20:10 +03:00
2022-11-23 00:13:18 +03:00
{{ template "user/auth/captcha" . }}
2017-02-22 10:14:37 +03:00
2020-11-14 05:46:40 +03:00
<div class="inline field">
2024-02-21 17:14:37 +03:00
<label></label>
2023-09-19 01:05:31 +03:00
<button class="ui primary button">
2020-11-14 05:46:40 +03:00
{{ if .LinkAccountMode }}
2023-09-25 11:56:50 +03:00
{{ ctx .Locale .Tr "auth.oauth_signup_submit" }}
2020-11-14 05:46:40 +03:00
{{ else }}
2023-09-25 11:56:50 +03:00
{{ ctx .Locale .Tr "auth.create_new_account" }}
2017-02-22 10:14:37 +03:00
{{ end }}
2020-11-14 05:46:40 +03:00
</button>
</div>
{{ if not .LinkAccountMode }}
<div class="inline field">
2024-02-21 17:14:37 +03:00
<label></label>
2023-09-25 11:56:50 +03:00
<a href=" {{ AppSubUrl }} /user/login"> {{ ctx .Locale .Tr "auth.register_helper_msg" }} </a>
2017-02-22 10:14:37 +03:00
</div>
2020-11-14 05:46:40 +03:00
{{ end }}
{{ end }}
2023-09-13 08:14:21 +03:00
2023-11-03 04:41:00 +03:00
{{ if .OAuth2Providers }}
2023-09-13 08:14:21 +03:00
<div class="divider divider-text">
2023-09-25 11:56:50 +03:00
{{ ctx .Locale .Tr "sign_in_or" }}
2023-09-13 08:14:21 +03:00
</div>
<div id="oauth2-login-navigator" class="gt-py-2">
<div class="gt-df gt-fc gt-jc">
<div id="oauth2-login-navigator-inner" class="gt-df gt-fc gt-fw gt-ac gt-gap-3">
2023-11-03 04:41:00 +03:00
{{ range $ provider : = .OAuth2Providers }}
2024-02-21 17:14:37 +03:00
<a class=" {{ $ provider .Name }} ui button gt-df gt-ac gt-jc gt-py-3 oauth-login-link" href=" {{ AppSubUrl }} /user/oauth2/ {{ $ provider .DisplayName }} ">
2023-09-20 00:47:13 +03:00
{{ $ provider .IconHTML 2 8 }}
2023-09-25 11:56:50 +03:00
{{ ctx .Locale .Tr "sign_in_with_provider" $ provider .DisplayName }}
2023-09-13 08:14:21 +03:00
</a>
{{ end }}
</div>
</div>
</div>
{{ end }}
2020-11-14 05:46:40 +03:00
</form>
2017-02-22 10:14:37 +03:00
</div>
2017-03-07 13:47:56 +03:00
</div>