2020-07-29 21:11:28 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2020-07-31 11:48:37 +00:00
< link rel = "stylesheet" type = "text/css" href = "{{ .cssFile }}" >
2020-12-07 22:46:17 +00:00
{{ template "header.html" . }}
2020-07-29 21:11:28 +00:00
< style >
.pageContainer {
margin: 5% 20% 5% 20%;
}
@media (max-width: 1100px) {
.pageContainer {
margin: 2%;
}
}
.contactBox {
color: grey;
}
#container {
margin-top: 5%;
margin-bottom: 5%;
}
< / style >
2020-10-30 22:51:47 +00:00
< title > {{ .lang.pageTitle }}< / title >
2020-07-29 21:11:28 +00:00
< / head >
< body >
< div class = "modal fade" id = "successBox" tabindex = "-1" role = "dialog" aria-labelledby = "successBox" aria-hidden = "true" data-backdrop = "static" >
< div class = "modal-dialog modal-dialog-centered" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
2020-10-30 22:51:47 +00:00
< h5 class = "modal-title" id = "successHeader" > {{ .lang.successHeader }}< / h5 >
2020-07-29 21:11:28 +00:00
< / div >
< div class = "modal-body" id = "successBody" >
2020-07-31 11:48:37 +00:00
< p > {{ .successMessage }}< / p >
2020-07-29 21:11:28 +00:00
< / div >
< div class = "modal-footer" >
2020-10-30 22:51:47 +00:00
< a href = "{{ .jfLink }}" class = "btn btn-primary" > {{ .lang.successContinueButton }}< / a >
2020-07-29 21:11:28 +00:00
< / div >
< / div >
< / div >
< / div >
< div class = "pageContainer" >
< h1 >
2020-10-30 22:51:47 +00:00
{{ .lang.createAccountHeader }}
2020-07-29 21:11:28 +00:00
< / h1 >
2020-07-31 11:48:37 +00:00
< p > {{ .helpMessage }}< / p >
< p class = "contactBox" > {{ .contactMessage }}< / p >
2020-07-29 21:11:28 +00:00
< div class = "container" id = "container" >
< div class = "row" id = "cardContainer" >
< div class = "col-sm" >
< div class = "card mb-3" >
2020-10-30 22:51:47 +00:00
< div class = "card-header" > {{ .lang.accountDetails }}< / div >
2020-07-29 21:11:28 +00:00
< div class = "card-body" >
< form action = "#" method = "POST" id = "accountForm" >
< div class = "form-group" >
2020-10-30 22:51:47 +00:00
< label for = "inputEmail" > {{ .lang.emailAddress }}< / label >
2020-12-07 22:46:17 +00:00
< input type = "email" class = "form-control" id = "{{ if .username }}inputEmail{{ else }}inputUsername{{ end }}" name = "{{ if .username }}email{{ else }}username{{ end }}" placeholder = "{{ .lang.emailAddress }}" value = "{{ .email }}" required >
2020-07-29 21:11:28 +00:00
< / div >
2020-12-07 22:46:17 +00:00
{{ if .username }}
2020-07-29 21:11:28 +00:00
< div class = "form-group" >
2020-10-30 22:51:47 +00:00
< label for = "inputUsername" > {{ .lang.username }}< / label >
< input type = "username" class = "form-control" id = "inputUsername" name = "username" placeholder = "{{ .lang.username }}" required >
2020-07-29 21:11:28 +00:00
< / div >
2020-07-31 11:48:37 +00:00
{{ end }}
2020-07-29 21:11:28 +00:00
< div class = "form-group" >
2020-10-30 22:51:47 +00:00
< label for = "inputPassword" > {{ .lang.password }}< / label >
< input type = "password" class = "form-control" id = "inputPassword" name = "password" placeholder = "{{ .lang.password }}" required >
2020-07-29 21:11:28 +00:00
< / div >
2020-11-04 20:46:06 +00:00
< div class = "form-group" >
< label for = "inputPassword" > {{ .lang.reEnterPassword }}< / label >
< input type = "password" class = "form-control" id = "reInputPassword" onkeyup = "window.checkPassword()" placeholder = "{{ .lang.password }}" required >
< / div >
2020-07-29 21:11:28 +00:00
< div class = "btn-group" role = "group" aria-label = "Button & Error" id = "errorBox" style = "margin-top: 1rem;" >
< button type = "submit" class = "btn btn-outline-primary" id = "submitButton" >
2020-10-30 22:51:47 +00:00
< span id = "createAccount" > {{ .lang.createAccountButton }}< / span >
2020-07-29 21:11:28 +00:00
< / button >
< / div >
< / form >
< / div >
< / div >
< / div >
2020-07-31 11:48:37 +00:00
{{ if .validate }}
2020-07-29 21:11:28 +00:00
< div class = "col-sm" id = "requirementBox" >
< div class = "card mb-3 requirementBox" >
2020-10-30 22:51:47 +00:00
< div class = "card-header" > {{ .lang.passwordRequirementsHeader }}< / div >
2020-07-29 21:11:28 +00:00
< div class = "card-body" >
< ul class = "list-group" >
2020-07-31 11:48:37 +00:00
{{ range $key, $value := .requirements }}
2020-10-20 22:00:30 +00:00
< li id = "{{ $key }}" min = "{{ $value }}" class = "list-group-item list-group-item-danger" >
< div > < / div >
2020-07-29 21:11:28 +00:00
< / li >
2020-07-31 11:48:37 +00:00
{{ end }}
2020-07-29 21:11:28 +00:00
< / ul >
< / div >
< / div >
< / div >
2020-07-31 11:48:37 +00:00
{{ end }}
2020-07-29 21:11:28 +00:00
< / div >
< / div >
< / div >
2020-10-30 22:51:47 +00:00
< script >
window.validationStrings = {{ .lang.validationStrings }};
2020-07-29 21:11:28 +00:00
< / script >
2020-10-30 22:51:47 +00:00
{{ template "form-base" . }}
2020-07-29 21:11:28 +00:00
< / body >
2020-10-22 16:50:40 +00:00
< / html >