2019-12-02 03:32:03 +00:00
<!DOCTYPE html>
< html >
2023-02-02 21:19:15 +00:00
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< title > Register - {{ SITE_NAME }}< / title >
< link rel = "icon" href = "{{ url_for('static', filename='img/favicon.png') }}" >
<!-- Tell the browser to be responsive to screen width -->
< meta content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name = "viewport" >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" >
{% assets "css_login" -%}
< link rel = "stylesheet" href = "{{ ASSET_URL }}" >
{%- endassets %}
< / head >
2019-12-02 03:32:03 +00:00
2023-02-02 21:19:15 +00:00
< body class = "hold-transition register-page" >
< div class = "register-box" >
< div class = "card card-outline card-primary" >
< div class = "card-header text-center" >
< a href = "{{ url_for('index.index') }}" class = "h3" >
{% if SETTING.get('site_name') %}
{{ SITE_NAME }}
{% else %}
< b > PowerDNS< / b > -Admin
{% endif %}
< / a >
2019-12-02 03:32:03 +00:00
< / div >
2023-02-02 21:19:15 +00:00
< div class = "card-body" >
{% if error %}
< div class = "alert alert-danger alert-dismissible" >
< button type = "button" class = "close" data-dismiss = "alert" aria-hidden = "true" > × < / button >
{{ error }}
< / div >
{% endif %}
< p class = "login-box-msg" > Enter your personal details below< / p >
< form action = "{{ url_for('index.register') }}" method = "post" class = "needs-validation" novalidate >
< input type = "hidden" name = "_csrf_token" value = "{{ csrf_token() }}" >
< div class = "input-group mb-3" >
< input type = "text" class = "form-control" placeholder = "First Name" name = "firstname" id = "firstname" required >
< div class = "input-group-append" >
< div class = "input-group-text" >
< span class = "fas fa-user" > < / span >
< / div >
< / div >
< div class = "invalid-feedback" >
Please input your first name
< / div >
< / div >
< div class = "input-group mb-3" >
< input type = "text" class = "form-control" placeholder = "Last name" name = "lastname" id = "lastname" required >
< div class = "input-group-append" >
< div class = "input-group-text" >
< span class = "fas fa-user" > < / span >
< / div >
< / div >
< div class = "invalid-feedback" >
Please input your last name
< / div >
< / div >
< div class = "input-group mb-3" >
< input type = "email" class = "form-control" placeholder = "Email" name = "email" id = "email" required >
< div class = "input-group-append" >
< div class = "input-group-text" >
< span class = "fas fa-envelope" > < / span >
< / div >
< / div >
< div class = "invalid-feedback" >
Please input a valid email address
< / div >
< / div >
< p class = "login-box-msg" > Enter your account details below< / p >
< div class = "input-group mb-3" >
< input type = "text" class = "form-control" placeholder = "Username" name = "username" id = "username" required >
< div class = "input-group-append" >
< div class = "input-group-text" >
< span class = "fas fa-user" > < / span >
< / div >
< / div >
< div class = "invalid-feedback" >
Please input desired username
< / div >
< / div >
< div class = "input-group mb-3" >
< input type = "password" class = "form-control" placeholder = "Password" id = "password" name = "password" id = "password" required >
< div class = "input-group-append" >
< div class = "input-group-text" >
< span class = "fas fa-lock" > < / span >
< / div >
< / div >
< div class = "invalid-feedback" >
Please input desired username
< / div >
< / div >
2023-01-30 22:46:59 +00:00
< div class = "form-group has-feedback" >
2023-02-02 21:19:15 +00:00
< input type = "password" class = "form-control" placeholder = "Retype password" name = "rpassword" data-match = "#password" data-match-error = "Password confirmation does not match" required >
< span class = "fas fa-lock form-control-feedback" > < / span >
2023-01-30 22:46:59 +00:00
< span class = "help-block with-errors" > < / span >
< / div >
2023-02-02 21:19:15 +00:00
{% if captcha_enable %}
2023-02-06 15:45:13 +00:00
< div class = "input-group mb-3" >
< p class = "login-box-msg" > Please complete the CAPTCHA below< / p >
2023-02-02 21:19:15 +00:00
{{ captcha() }}
2023-02-06 15:45:13 +00:00
< br >
< input type = "text" class = "form-control" placeholder = "CAPTCHA" id = "captcha" name = "captcha" required >
< div class = "input-group-append" >
< div class = "input-group-text" >
< span class = "fas fa-lock" > < / span >
< / div >
< / div >
< div class = "invalid-feedback" >
Please complete the CAPTCHA
< / div >
2023-02-02 21:19:15 +00:00
< / div >
{% endif %}
2023-02-06 15:45:13 +00:00
2023-02-02 21:19:15 +00:00
< div class = "row" >
< div class = "col-6" >
< button type = "button" class = "btn btn-block" id = "button_back" > Back< / button >
< / div >
< div class = "col-4" >
< button type = "submit" class = "btn btn-primary btn-block" > Register< / button >
< / div >
2019-12-02 03:32:03 +00:00
< / div >
2023-02-02 21:19:15 +00:00
< / form >
< / div >
< div class = "login--footer" >
< center >
< p > Powered by < a href = "https://github.com/PowerDNS-Admin/PowerDNS-Admin" > PowerDNS-Admin< / a > < / p >
< / center >
< / div >
2019-12-02 03:32:03 +00:00
< / div >
2023-02-02 21:19:15 +00:00
{% assets "js_login" -%}
< script type = "text/javascript" src = "{{ ASSET_URL }}" > < / script >
{%- endassets %}
{% assets "js_validation" -%}
< script type = "text/javascript" src = "{{ ASSET_URL }}" > < / script >
{%- endassets %}
< script >
$(function () {
$('#button_back').click(function () {
window.location.href = '{{ url_for('index.login') }}';
})
});
(function() {
'use strict';
window.addEventListener('load', function() {
// Fetch all the forms we want to apply custom Bootstrap validation styles to
var forms = document.getElementsByClassName('needs-validation');
// Loop over them and prevent submission
var validation = Array.prototype.filter.call(forms, function(form) {
form.addEventListener('submit', function(event) {
if (form.checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
form.classList.add('was-validated');
}, false);
2019-12-02 03:32:03 +00:00
});
2023-02-02 21:19:15 +00:00
}, false);
})();
2019-12-02 03:32:03 +00:00
2023-02-02 21:19:15 +00:00
< / script >
< / body >
2019-12-02 03:32:03 +00:00
< / html >
