initial
This commit is contained in:
@@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<link rel="shortcut icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<title>{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}</title>
|
||||
<!-- Google font-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/font-awesome.css' %}">
|
||||
<!-- ico-font-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/icofont.css' %}">
|
||||
<!-- Themify icon-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/themify.css' %}">
|
||||
<!-- Flag icon-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/flag-icon.css' %}">
|
||||
<!-- Feather icon-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/feather-icon.css' %}">
|
||||
<!-- Plugins css start-->
|
||||
<!-- Plugins css Ends-->
|
||||
<!-- Bootstrap css-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/bootstrap.css' %}">
|
||||
<!-- App css-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/style.css' %}">
|
||||
<link id="color" rel="stylesheet" href="{% static 'admin/assets/css/color-1.css' %}" media="screen">
|
||||
<!-- Responsive css-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/responsive.css' %}">
|
||||
</head>
|
||||
<body>
|
||||
<!-- loader starts-->
|
||||
<div class="loader-wrapper">
|
||||
<div class="loader-index"><span></span></div>
|
||||
<svg>
|
||||
<defs></defs>
|
||||
<filter id="goo">
|
||||
<fegaussianblur in="SourceGraphic" stddeviation="11" result="blur"></fegaussianblur>
|
||||
<fecolormatrix in="blur" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="goo"> </fecolormatrix>
|
||||
</filter>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- loader ends-->
|
||||
<!-- tap on top starts-->
|
||||
<div class="tap-top"><i data-feather="chevrons-up"></i></div>
|
||||
<!-- tap on tap ends-->
|
||||
<!-- page-wrapper Start-->
|
||||
<div class="page-wrapper">
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="login-card">
|
||||
<div>
|
||||
<div><a class="logo" href="">
|
||||
<img class="img-fluid for-light" src="{{ settings.logo_light.url }}" width="200" alt="looginpage">
|
||||
<img class="img-fluid for-dark" src="{{ settings.logo_light.url }}" width="200" alt="looginpage"></a></div>
|
||||
<div class="login-main">
|
||||
<form class="theme-form" method='post'>
|
||||
{% csrf_token %}
|
||||
<h4 class="text-light">Reset Your Password</h4>
|
||||
{% if messages %}
|
||||
{% for message in messages %}
|
||||
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
|
||||
{{ message }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
<div class="mb-2">
|
||||
<label class="col-form-label text-light">Username<span class="text-danger">*</span></label>
|
||||
<div class="form-input position-relative">
|
||||
<input class="form-control" type="text" name="username" required placeholder="eg. rakib">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-0">
|
||||
<button class="btn btn-primary btn-block w-100" type="submit">Next</button>
|
||||
</div>
|
||||
<p class="mt-4 mb-0 text-center">Already have an password?<a class="ms-2" href="{% url "logIn" %}">Log In</a></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- latest jquery-->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||||
<!-- Bootstrap js-->
|
||||
<script src="{% static 'admin/assets/js/bootstrap/bootstrap.bundle.min.js' %}"></script>
|
||||
<!-- feather icon js-->
|
||||
<script src="{% static 'admin/assets/js/icons/feather-icon/feather.min.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/icons/feather-icon/feather-icon.js' %}"></script>
|
||||
<!-- scrollbar js-->
|
||||
<!-- Sidebar jquery-->
|
||||
<script src="{% static 'admin/assets/js/config.js' %}"></script>
|
||||
<!-- Plugins JS start-->
|
||||
<!-- Plugins JS Ends-->
|
||||
<!-- Theme js-->
|
||||
<script src="{% static 'admin/assets/js/script.js' %}"></script>
|
||||
<!-- Plugin used-->
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,147 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<link rel="shortcut icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<title>{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}</title>
|
||||
<!-- Google font-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/font-awesome.css' %}">
|
||||
<!-- ico-font-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/icofont.css' %}">
|
||||
<!-- Themify icon-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/themify.css' %}">
|
||||
<!-- Flag icon-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/flag-icon.css' %}">
|
||||
<!-- Feather icon-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/feather-icon.css' %}">
|
||||
<!-- Plugins css start-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/sweetalert2.css' %}">
|
||||
<!-- Plugins css Ends-->
|
||||
<!-- Bootstrap css-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/bootstrap.css' %}">
|
||||
<!-- App css-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/style.css' %}">
|
||||
<link id="color" rel="stylesheet" href="{% static 'admin/assets/css/color-1.css' %}" media="screen">
|
||||
<!-- Responsive css-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/responsive.css' %}">
|
||||
</head>
|
||||
<body>
|
||||
<!-- login page start-->
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-12 p-0">
|
||||
<div class="login-card">
|
||||
<div>
|
||||
<div><a class="logo text-start" href="">
|
||||
<img class="img-fluid for-light" src="{{ settings.logo_light.url }}" width="200" alt="looginpage">
|
||||
<img class="img-fluid for-dark" src="{{ settings.logo_light.url }}" width="200" alt="looginpage"></a></div>
|
||||
<div class="login-main">
|
||||
<form class="theme-form" method="post">
|
||||
{% csrf_token %}
|
||||
<h4 class="text-light">Login in to account</h4>
|
||||
<p class="text-light">Enter your username & password to login</p>
|
||||
{% if messages %}
|
||||
{% for message in messages %}
|
||||
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
|
||||
{{ message }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if form.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>Error:</strong>
|
||||
<ul>
|
||||
{% for field, errors in form.errors.items %}
|
||||
{% for error in errors %}
|
||||
<li>{{ field }}: {{ error }}</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="form-group">
|
||||
<label class="col-form-label text-light">Username<span class="text-danger">*</span></label>
|
||||
<input class="form-control" type="text" required="" name="username" placeholder="eg. rakib">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-form-label text-light">Password<span class="text-danger">*</span></label>
|
||||
<div class="form-input position-relative">
|
||||
<input class="form-control" type="password" name="login[password]" required="" placeholder="*********">
|
||||
<div class="show-hide"><span class="show"> </span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-0">
|
||||
<div class="checkbox p-0">
|
||||
<input id="checkbox1" type="checkbox">
|
||||
<label class="text-muted" for="checkbox1">Remember password</label>
|
||||
</div>
|
||||
<a class="link" href="{% url "initiate_password_reset" %}">Forgot password?</a>
|
||||
<div class="text-end mt-3">
|
||||
<button class="btn btn-primary btn-block w-100" type="submit">Sign in</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Buttons for Admin and Editor -->
|
||||
{% if demo_mode %}
|
||||
<div class="text-center mt-4">
|
||||
<button class="btn btn-primary" type="button" onclick="fillAdminCredentials()">Admin</button>
|
||||
<button class="btn btn-primary" type="button" onclick="fillEditorCredentials()">Editor</button>
|
||||
</div>
|
||||
{% endif %}
|
||||
</form>
|
||||
|
||||
{% if demo_mode %}
|
||||
<script>
|
||||
// JavaScript functions to fill in username and password fields for Admin and Editor
|
||||
function fillAdminCredentials() {
|
||||
document.querySelector('input[name="username"]').value = "admin";
|
||||
document.querySelector('input[name="login[password]"]').value = "123456";
|
||||
}
|
||||
|
||||
function fillEditorCredentials() {
|
||||
document.querySelector('input[name="username"]').value = "editor";
|
||||
document.querySelector('input[name="login[password]"]').value = "123456";
|
||||
}
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- latest jquery-->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||||
<!-- Bootstrap js-->
|
||||
<script src="{% static 'admin/assets/js/bootstrap/bootstrap.bundle.min.js' %}"></script>
|
||||
<!-- feather icon js-->
|
||||
<script src="{% static 'admin/assets/js/icons/feather-icon/feather.min.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/icons/feather-icon/feather-icon.js' %}"></script>
|
||||
<!-- scrollbar js-->
|
||||
<!-- Sidebar jquery-->
|
||||
<script src="{% static 'admin/assets/js/config.js' %}"></script>
|
||||
<!-- Plugins JS start-->
|
||||
<script src="{% static 'admin/assets/js/sweet-alert/sweetalert.min.js' %}"></script>
|
||||
<!-- Plugins JS Ends-->
|
||||
<!-- Theme js-->
|
||||
<script src="{% static 'admin/assets/js/script.js' %}"></script>
|
||||
<!-- Plugin used-->
|
||||
<script>
|
||||
$(document).on('click', '#error', function(e) {
|
||||
if($('.email').val() == '' || $('.pwd').val() == ''){
|
||||
swal(
|
||||
"Error!", "Sorry, looks like some data are not filled, please try again !", "error"
|
||||
)
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,160 @@
|
||||
<!DOCTYPE html>
|
||||
{% load static %}
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<link rel="shortcut icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<title>{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}</title>
|
||||
<!-- Google font-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/font-awesome.css' %}">
|
||||
<!-- ico-font-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/icofont.css' %}">
|
||||
<!-- Themify icon-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/themify.css' %}">
|
||||
<!-- Flag icon-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/flag-icon.css' %}">
|
||||
<!-- Feather icon-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/feather-icon.css' %}">
|
||||
<!-- Plugins css start-->
|
||||
<!-- Plugins css Ends-->
|
||||
<!-- Bootstrap css-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/bootstrap.css' %}">
|
||||
<!-- App css-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/style.css' %}">
|
||||
<link id="color" rel="stylesheet" href="{% static 'admin/assets/css/color-1.css' %}" media="screen">
|
||||
<!-- Responsive css-->
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/responsive.css' %}">
|
||||
<style>
|
||||
.input-group-append .btn {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
/* Ensure the input field and button align vertically */
|
||||
.input-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.input-group-append {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0.375rem 0.75rem;
|
||||
}
|
||||
.sh{
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- loader starts-->
|
||||
<div class="loader-wrapper">
|
||||
<div class="loader-index"><span></span></div>
|
||||
<svg>
|
||||
<defs></defs>
|
||||
<filter id="goo">
|
||||
<fegaussianblur in="SourceGraphic" stddeviation="11" result="blur"></fegaussianblur>
|
||||
<fecolormatrix in="blur" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="goo"> </fecolormatrix>
|
||||
</filter>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- loader ends-->
|
||||
<!-- tap on top starts-->
|
||||
<div class="tap-top"><i data-feather="chevrons-up"></i></div>
|
||||
<!-- tap on tap ends-->
|
||||
<!-- page-wrapper Start-->
|
||||
<div class="page-wrapper">
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="login-card">
|
||||
<div>
|
||||
<div><a class="logo" href="">
|
||||
<img class="img-fluid for-light" src="{{ settings.logo_light.url }}" width="200" alt="looginpage">
|
||||
<img class="img-fluid for-dark" src="{{ settings.logo_light.url }}" width="200" alt="looginpage"></a></div>
|
||||
<div class="login-main">
|
||||
<form class="theme-form" method='post'>
|
||||
{% csrf_token %}
|
||||
<h4>Set New Password</h4>
|
||||
{% if messages %}
|
||||
{% for message in messages %}
|
||||
<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
|
||||
{{ message }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
<div class="">
|
||||
<label class="col-form-label">New Password<span class="text-danger">*</span></label>
|
||||
<div class="input-group">
|
||||
<input class="form-control" type="password" id="new_password1" name="new_password1" required="" placeholder="*********">
|
||||
<div class="input-group-append">
|
||||
<span class="text-dark sh" id="toggle_password1" onclick="togglePassword('new_password1', 'toggle_password1')">Show</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="col-form-label">Retype Password<span class="text-danger">*</span></label>
|
||||
<div class="input-group">
|
||||
<input class="form-control" type="password" id="new_password2" name="new_password2" required="" placeholder="*********">
|
||||
<div class="input-group-append">
|
||||
<span class="text-dark sh" id="toggle_password2" onclick="togglePassword('new_password2', 'toggle_password2')">Show</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group mb-0">
|
||||
<button class="btn btn-primary btn-block w-100" type="submit">Done </button>
|
||||
</div>
|
||||
<p class="mt-4 mb-0">Already have a password?<a class="ms-2" href="{% url "logIn" %}">Log In</a></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- page-wrapper Ends-->
|
||||
<!-- latest jquery-->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||||
<!-- Bootstrap js-->
|
||||
<script src="{% static 'admin/assets/js/bootstrap/bootstrap.bundle.min.js' %}"></script>
|
||||
<!-- feather icon js-->
|
||||
<script src="{% static 'admin/assets/js/icons/feather-icon/feather.min.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/icons/feather-icon/feather-icon.js' %}"></script>
|
||||
<!-- scrollbar js-->
|
||||
<!-- Sidebar jquery-->
|
||||
<script src="{% static 'admin/assets/js/config.js' %}"></script>
|
||||
<!-- Plugins JS start-->
|
||||
<!-- Plugins JS Ends-->
|
||||
<!-- Theme js-->
|
||||
<script src="{% static 'admin/assets/js/script.js' %}"></script>
|
||||
<!-- Plugin used-->
|
||||
<!-- Code injected by live-server -->
|
||||
<script>
|
||||
function togglePassword(inputId, toggleButtonId) {
|
||||
const passwordInput = document.getElementById(inputId);
|
||||
const toggleButton = document.getElementById(toggleButtonId);
|
||||
|
||||
if (passwordInput.type === 'password') {
|
||||
passwordInput.type = 'text';
|
||||
toggleButton.innerHTML = 'Hide';
|
||||
} else {
|
||||
passwordInput.type = 'password';
|
||||
toggleButton.innerHTML = 'Show';
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user