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>
|
||||
@@ -0,0 +1,76 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Password Reset</title>
|
||||
<style>
|
||||
/* Add your CSS styles here */
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #f4f4f4;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.header {
|
||||
background-color: #7366ff;
|
||||
color: #fff;
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.header h1 {
|
||||
margin: 0;
|
||||
}
|
||||
.content {
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.button {
|
||||
display: inline-block;
|
||||
padding: 12px 24px;
|
||||
background-color: #7366ff;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.button:hover {
|
||||
background-color: #6052f3;
|
||||
}
|
||||
.note {
|
||||
font-size: 14px;
|
||||
color: #888;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.ii a[href] {
|
||||
color: white !important;
|
||||
}
|
||||
a {
|
||||
color: white !important;
|
||||
}
|
||||
a:visited {
|
||||
color: white !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>Password Reset</h1>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>Hello {{ user.username }},</p>
|
||||
<p>You've requested to reset your password.</p>
|
||||
<a class="button" href="{{ reset_link }}" target="_blank">Reset Password</a>
|
||||
<p class="note">If you didn't make this request, you can safely ignore this email.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,165 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% load customtag %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
|
||||
/* Media query for mobile devices */
|
||||
@media (max-width: 768px) {
|
||||
#cke_id_description {
|
||||
width: 309px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Media query for desktop devices */
|
||||
@media (min-width: 769px) {
|
||||
#cke_id_description {
|
||||
width: 980px !important;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
/* CSS to style the password input container */
|
||||
.password-input {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* CSS to position the "Show" and "Hide" text on the right side */
|
||||
.toggle-password {
|
||||
position: absolute;
|
||||
top: 74px;
|
||||
right: 38px;
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>{{ title }}</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Users</li>
|
||||
<li class="breadcrumb-item active">Create User</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.name.id_for_label }}" class="form-label">Name <span class="text-danger">*</span></label>
|
||||
{{ form.name|add_class:'form-control' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.email.id_for_label }}" class="form-label">Email <span class="text-danger">*</span></label>
|
||||
{{ form.email|add_class:'form-control' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.username.id_for_label }}" class="form-label">Username <span class="text-danger">*</span></label>
|
||||
{{ form.username|add_class:'form-control' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.role.id_for_label }}" class="form-label">Role <span class="text-danger">*</span></label>
|
||||
{{ form.role|add_class:'form-select' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.password1.id_for_label }}" class="form-label">Password <span class="text-danger">*</span></label>
|
||||
<input type="password" id="{{ form.password1.id_for_label }}" class="form-control" name="password1" />
|
||||
<span class="toggle-password" onclick="togglePasswordVisibility('{{ form.password1.id_for_label }}')"><i class="fa fa-eye"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.password2.id_for_label }}" class="form-label">Confirm Password <span class="text-danger">*</span></label>
|
||||
<input type="password" id="{{ form.password2.id_for_label }}" class="form-control" name="password2" />
|
||||
<span class="toggle-password" onclick="togglePasswordVisibility('{{ form.password2.id_for_label }}')"><i class="fa fa-eye"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// JavaScript to toggle password visibility
|
||||
function togglePasswordVisibility(inputId) {
|
||||
var input = document.getElementById(inputId);
|
||||
var toggle = document.querySelector('[id="' + inputId + '"] + .toggle-password');
|
||||
|
||||
if (input.type === 'password') {
|
||||
input.type = 'text';
|
||||
toggle.innerHTML = '<i class="fa fa-eye-slash"></i>';
|
||||
} else {
|
||||
input.type = 'password';
|
||||
toggle.innerHTML = '<i class="fa fa-eye"></i>';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Add more form fields as needed -->
|
||||
|
||||
<button class="btn btn-primary mb-5" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,218 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% load customtag %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
|
||||
/* Media query for mobile devices */
|
||||
@media (max-width: 768px) {
|
||||
#cke_id_description {
|
||||
width: 309px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Media query for desktop devices */
|
||||
@media (min-width: 769px) {
|
||||
#cke_id_description {
|
||||
width: 980px !important;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>{{ title }}</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Users</li>
|
||||
<li class="breadcrumb-item active">Edit Profile</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.profile_picture.id_for_label }}" class="form-label">Profile Picture <span class="text-danger">*</span></label>
|
||||
{% if profile.profile_picture %}
|
||||
<br>
|
||||
<img class="currentImg" style="border-radius:10px; width:100px;" src="{{ profile.profile_picture.url }}" alt="Current Image">
|
||||
<br>
|
||||
{% endif %}
|
||||
{{ form.profile_picture }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.name.id_for_label }}" class="form-label">Name <span class="text-danger">*</span></label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.email.id_for_label }}" class="form-label">Email <span class="text-danger">*</span></label>
|
||||
{{ form.email}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.phone.id_for_label }}" class="form-label">Phone <span class="text-danger">*</span></label>
|
||||
{{ form.phone}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.role.id_for_label }}" class="form-label">Role <span class="text-danger">*</span></label>
|
||||
{{ form.role|add_class:'form-select' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slug.id_for_label }}" class="form-label">Profile Slug <span class="text-danger">*</span></label>
|
||||
{{ form.slug }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.address.id_for_label }}" class="form-label">Address <span class="text-danger">*</span></label>
|
||||
{{ form.address }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.city.id_for_label }}" class="form-label">City <span class="text-danger">*</span></label>
|
||||
{{ form.city }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.state.id_for_label }}" class="form-label">State <span class="text-danger">*</span></label>
|
||||
{{ form.state }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.zipcode.id_for_label }}" class="form-label">Zipcode <span class="text-danger">*</span></label>
|
||||
{{ form.zipcode }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.country.id_for_label }}" class="form-label">Country <span class="text-danger">*</span></label>
|
||||
{{ form.country }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.facebook.id_for_label }}" class="form-label">Facebook <span class="text-danger">*</span></label>
|
||||
{{ form.facebook }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.instagram.id_for_label }}" class="form-label">Instagram <span class="text-danger">*</span></label>
|
||||
{{ form.instagram }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.linkedin.id_for_label }}" class="form-label">Linkedin <span class="text-danger">*</span></label>
|
||||
{{ form.linkedin }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Add more form fields as needed -->
|
||||
|
||||
<button class="btn btn-primary mb-5" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,162 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% load customtag %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
|
||||
/* Media query for mobile devices */
|
||||
@media (max-width: 768px) {
|
||||
#cke_id_description {
|
||||
width: 309px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Media query for desktop devices */
|
||||
@media (min-width: 769px) {
|
||||
#cke_id_description {
|
||||
width: 980px !important;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.password-input {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* CSS to position the "Show" and "Hide" text inside the field */
|
||||
.toggle-password {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 10px; /* Adjust this value to control the right-side position */
|
||||
transform: translateY(-50%);
|
||||
cursor: pointer;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>{{ title }} of {{profile.name}}</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">User</li>
|
||||
<li class="breadcrumb-item">{{ profile.user }}</li>
|
||||
<li class="breadcrumb-item active">Change Password</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" action="" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{% 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">
|
||||
<ul>
|
||||
{% for field in form %}
|
||||
{% if field.errors %}
|
||||
<li>{{ field.label }}: {{ field.errors }}</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="" class="form-label">Username ( Read Only )</label>
|
||||
<input type="text" value={{ profile.user }} id="" readonly class="form-control" name="username" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.old_password.id_for_label }}" class="form-label">Old Password <span class="text-danger">*</span></label>
|
||||
<div class="password-input">
|
||||
<input type="password" id="{{ form.old_password.id_for_label }}" class="form-control" name="old_password" />
|
||||
<span class="toggle-password" onclick="togglePasswordVisibility('{{ form.old_password.id_for_label }}')"><i class="fa fa-eye"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.new_password1.id_for_label }}" class="form-label">New Password <span class="text-danger">*</span></label>
|
||||
<div class="password-input">
|
||||
<input type="password" id="{{ form.new_password1.id_for_label }}" class="form-control" name="new_password1" />
|
||||
<span class="toggle-password" onclick="togglePasswordVisibility('{{ form.new_password1.id_for_label }}')"><i class="fa fa-eye"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.new_password2.id_for_label }}" class="form-label">Confirm Password <span class="text-danger">*</span></label>
|
||||
<div class="password-input">
|
||||
<input type="password" id="{{ form.new_password2.id_for_label }}" class="form-control" name="new_password2" />
|
||||
<span class="toggle-password" onclick="togglePasswordVisibility('{{ form.new_password2.id_for_label }}')"><i class="fa fa-eye"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Add more form fields as needed -->
|
||||
|
||||
<button class="btn btn-primary mb-5" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
// JavaScript to toggle password visibility
|
||||
function togglePasswordVisibility(inputId) {
|
||||
var input = document.getElementById(inputId);
|
||||
var toggle = document.querySelector('[id="' + inputId + '"] + .toggle-password');
|
||||
|
||||
if (input.type === 'password') {
|
||||
input.type = 'text';
|
||||
toggle.innerHTML = '<i class="fa fa-eye-slash"></i>';
|
||||
} else {
|
||||
input.type = 'password';
|
||||
toggle.innerHTML = '<i class="fa fa-eye"></i>';
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,127 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
i.fa.fa-key {
|
||||
color: darkgoldenrod;
|
||||
}
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Users</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Users</li>
|
||||
<li class="breadcrumb-item active">User List</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>All Users</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
<div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="{% url 'createUser' %}"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>Create New User</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Image</th>
|
||||
<th>Name</th>
|
||||
<th>Role</th>
|
||||
<th>Email</th>
|
||||
<th>Phone</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for user in users %}
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
<td><img src="{{ user.getUserImage }}" style="border-radius:10px;" width="50" alt="userProfilePicture"></td>
|
||||
<td><a href="{% url 'editUserProfile' user.id %}">{{ user.name }}</a></td>
|
||||
<td>{{ user.user.role }}</td>
|
||||
{% if user.email %}
|
||||
<td>{{ user.email }}</td>
|
||||
{% else %}
|
||||
<td>Not added</td>
|
||||
{% endif %}
|
||||
{% if user.phone %}
|
||||
<td>{{ user.phone }}</td>
|
||||
{% else %}
|
||||
<td>Not added</td>
|
||||
{% endif %}
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit"> <a href="{% url 'editUserProfile' user.id %}"><i class="icon-pencil-alt"></i></a></li>
|
||||
<li class="password"> <a href="{% url 'changePassword' user.id %}"><i class="fa fa-key"></i></a></li>
|
||||
<li class="delete"><a href="#" data-slug="{{ user.id }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'deleteUser' user.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,387 @@
|
||||
<!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 %}{% 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/slick.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/slick-theme.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/scrollbar.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/animate.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'admin/assets/css/vendors/datatables.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' %}">
|
||||
<style>
|
||||
svg.verify-ico {
|
||||
margin-bottom: -2px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
i.fa.fa-gear {
|
||||
font-size: 20px;
|
||||
color: #a7a7a7;
|
||||
margin-right: 13px;
|
||||
}
|
||||
.django-ckeditor-widget {
|
||||
width: 100% !important;
|
||||
}
|
||||
.ckf{
|
||||
border:none !important;
|
||||
background:transparent !important;
|
||||
padding: 0px !important;
|
||||
}
|
||||
.cke {
|
||||
width: 100% !important;
|
||||
}
|
||||
ul.layout-grid.unlimited-color-layout {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body onload="startTime()">
|
||||
<!-- 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 compact-wrapper" id="pageWrapper">
|
||||
<!-- Page Header Start-->
|
||||
<div class="page-header">
|
||||
<div class="header-wrapper row m-0">
|
||||
<form class="form-inline search-full col" action="#" method="get">
|
||||
<div class="form-group w-100">
|
||||
<div class="Typeahead Typeahead--twitterUsers">
|
||||
<div class="u-posRelative">
|
||||
<input class="demo-input Typeahead-input form-control-plaintext w-100" type="text" placeholder="Search Cuba .." name="q" title="" autofocus>
|
||||
<div class="spinner-border Typeahead-spinner" role="status"><span class="sr-only">Loading...</span></div><i class="close-search" data-feather="x"></i>
|
||||
</div>
|
||||
<div class="Typeahead-menu"></div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="header-logo-wrapper col-auto p-0">
|
||||
<div class="logo-wrapper"><a href="{% url "adminHome" %}"><img class="img-fluid" src="{{ settings.logo_light.url }}" alt=""></a></div>
|
||||
<div class="toggle-sidebar"><i class="status_toggle middle sidebar-toggle" data-feather="align-center"></i></div>
|
||||
</div>
|
||||
<div class="left-header col-xxl-5 col-xl-6 col-lg-5 col-md-4 col-sm-3 p-0">
|
||||
<div class="notification-slider">
|
||||
<div class="d-flex h-100"> <img src="{% static 'admin/assets/images/giftools.gif' %}" alt="gif">
|
||||
<h6 class="mb-0 f-w-400"><span class="font-primary">Welcome </span> <span class="f-light"> To The Dashboard {{request.user.userprofile.name}}</span></h6></i>
|
||||
</div>
|
||||
<div class="d-flex h-100"><img src="{% static 'admin/assets/images/giftools.gif' %}" alt="gif">
|
||||
<h6 class="mb-0 f-w-400"><span class="f-light">Create or Modify Your Website From Here</span></h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-right col-xxl-7 col-xl-6 col-md-7 col-8 pull-right right-header p-0 ms-auto">
|
||||
<ul class="nav-menus">
|
||||
|
||||
<li>
|
||||
<div class="mode">
|
||||
<svg>
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#moon"></use>
|
||||
</svg>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="profile-nav onhover-dropdown pe-0 py-0">
|
||||
<div class="media profile-media"><img class="b-r-10" src="{{ request.user.userprofile.getUserImage }}" width="40" alt="">
|
||||
<div class="media-body"><span>{{ request.user.userprofile.name }}</span>
|
||||
<p class="mb-0 font-roboto">{{ request.user.role }} <i class="middle fa fa-angle-down"></i></p>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="profile-dropdown onhover-show-div">
|
||||
{% if request.user.role == 'Admin' %}
|
||||
<li><a href="{% url "userList" %}"><i data-feather="users"></i><span>Users </span></a></li>
|
||||
{% endif %}
|
||||
<li><a href="{% if request.is_secure %}https://{{ request.get_host }}/sitemap.xml{% else %}http://{{ request.get_host }}/sitemap.xml{% endif %}"><i data-feather="map"></i><span>Site map</span></a></li>
|
||||
{% if request.user.role == 'Admin' %}
|
||||
<li><a href="{% url "AdminWebsiteSettings" %}"><i data-feather="settings"></i><span>Settings</span></a></li>
|
||||
{% endif %}
|
||||
<li><a href="{% url "LogOut" %}"><i data-feather="log-in"> </i><span>Log Out</span></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<script class="result-template" type="text/x-handlebars-template">
|
||||
<div class="ProfileCard u-cf">
|
||||
<div class="ProfileCard-avatar"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-airplay m-0"><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"></path><polygon points="12 15 17 21 7 21 12 15"></polygon></svg></div>
|
||||
<div class="ProfileCard-details">
|
||||
<div class="ProfileCard-realName">{{name}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script class="empty-template" type="text/x-handlebars-template"><div class="EmptyMessage">Your search turned up 0 results. This most likely means the backend is down, yikes!</div></script>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header Ends -->
|
||||
<!-- Page Body Start-->
|
||||
<div class="page-body-wrapper">
|
||||
<!-- Page Sidebar Start-->
|
||||
<div class="sidebar-wrapper" sidebar-layout="stroke-svg">
|
||||
<div>
|
||||
<div class="logo-wrapper">
|
||||
<a href="{% url "adminHome" %}">
|
||||
<img class="img-fluid for-light" src="{{ settings.logo_dark.url }}" width="170" alt="">
|
||||
<img class="img-fluid for-dark" src="{{ settings.logo_light.url }}" width="170" alt="">
|
||||
</a>
|
||||
<div class="back-btn"><i class="fa fa-angle-left"></i></div>
|
||||
<div class="toggle-sidebar"><i class="status_toggle middle sidebar-toggle" data-feather="grid"> </i></div>
|
||||
</div>
|
||||
<div class="logo-icon-wrapper"><a href="index.html"><img class="img-fluid" src="{{ settings.favicon.url }}" width="30" alt=""></a></div>
|
||||
<nav class="sidebar-main">
|
||||
<div class="left-arrow" id="left-arrow"><i data-feather="arrow-left"></i></div>
|
||||
<div id="sidebar-menu">
|
||||
<ul class="sidebar-links" id="simple-bar">
|
||||
<li class="back-btn"><a href="index.html"><img class="img-fluid" src="{{ settings.favicon.url }}" width="30" alt=""></a>
|
||||
<div class="mobile-back text-end"><span>Back</span><i class="fa-solid fa-angle-right ps-2" aria-hidden="true"></i></div>
|
||||
</li>
|
||||
<li class="sidebar-main-title">
|
||||
<div>
|
||||
<h6 class="lan-1">General</h6>
|
||||
</div>
|
||||
</li>
|
||||
<li class="sidebar-list">
|
||||
<a class="sidebar-link sidebar-title" href="#">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
<svg class="fill-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#fill-home"></use>
|
||||
</svg><span class="">Dashboard</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a class="" href="{% url 'adminHome' %}">Home</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
{% if request.user.role == 'Admin' %}
|
||||
<li class="sidebar-list"><a class="sidebar-link sidebar-title" href="#">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-layout"></use>
|
||||
</svg>
|
||||
<svg class="fill-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#fill-layout"></use>
|
||||
</svg><span class="">Pages</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a href="{% url "AdminHomePage" %}">Home Page</a></li>
|
||||
<li><a href="{% url "AdminAboutPage" %}">About Page</a></li>
|
||||
<li><a href="{% url "AdminServicePage" %}">Service Page</a></li>
|
||||
<li><a href="{% url "AdminProjectPage" %}">Project Page</a></li>
|
||||
<li><a href="{% url "AdminContactPage" %}">Contact Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="sidebar-list"><a class="sidebar-link sidebar-title" href="#">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-landing-page"></use>
|
||||
</svg>
|
||||
<svg class="fill-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#fill-landing-page"></use>
|
||||
</svg><span class="">Custom Pages</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a href="{% url "adminCustomPage" %}">All Pages</a></li>
|
||||
<li><a href="{% url "adminCustomPageCreate" %}">Create Page</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
{% endif %}
|
||||
<li class="sidebar-main-title">
|
||||
<div>
|
||||
<h6 class="">Site Configurations</h6>
|
||||
</div>
|
||||
</li>
|
||||
{% if request.user.role == 'Admin' %}
|
||||
<li class="sidebar-list"><a class="sidebar-link sidebar-title" href="#">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-file"></use>
|
||||
</svg>
|
||||
<svg class="fill-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#fill-file"></use>
|
||||
</svg><span>Projects</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a href="{% url 'adminProjectList' %}">Project List</a></li>
|
||||
<li><a href="{% url 'adminProjectCreate' %}">Create Project</a></li>
|
||||
<li><a href="{% url 'adminProjectCategoryList' %}">Project Categories</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="sidebar-list"><a class="sidebar-link sidebar-title" href="#">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-others"></use>
|
||||
</svg>
|
||||
<svg class="fill-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#fill-others"></use>
|
||||
</svg><span>Services</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a href="{% url 'adminServiceList' %}">Service List</a></li>
|
||||
<li><a href="{% url 'adminServiceCreate' %}">Create Service</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="sidebar-list"><a class="sidebar-link sidebar-title" href="#">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-job-search"></use>
|
||||
</svg>
|
||||
<svg class="fill-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#fill-job-search"></use>
|
||||
</svg><span>Elements</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a href="{% url 'adminSliderElementList' %}">Sliders</a></li>
|
||||
<li><a href="{% url 'adminClientElementList' %}">Clients</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="sidebar-list"><a class="sidebar-link sidebar-title" href="#">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-user"></use>
|
||||
</svg>
|
||||
<svg class="fill-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#fill-user"></use>
|
||||
</svg><span>Users</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a href="{% url 'userList' %}">User List</a></li>
|
||||
<li><a href="{% url 'createUser' %}">Create User</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="sidebar-list"><a class="sidebar-link sidebar-title" href="#">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-form"></use>
|
||||
</svg>
|
||||
<svg class="fill-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#fill-form"></use>
|
||||
</svg><span>Form Data</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a href="{% url "AdminContactList" %}">Contact Form</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="sidebar-list"><a class="sidebar-link sidebar-title" href="#">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-learning"></use>
|
||||
</svg>
|
||||
<svg class="fill-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#fill-learning"></use>
|
||||
</svg><span>Menus</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a href="{% url "AdminPrimaryMenuList" %}">Primary Menu</a></li>
|
||||
<li><a href="{% url "AdminSubMenuList" %}">Sub Menu</a></li>
|
||||
<li><a href="{% url "AdminPrimaryMenuCreate" %}">Create New</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="sidebar-list"><a class="sidebar-link sidebar-title" href="#">
|
||||
<i class="fa fa-gear"></i><span>Settings</span></a>
|
||||
<ul class="sidebar-submenu">
|
||||
<li><a href="{% url "AdminWebsiteSettings" %}">Website Settings</a></li>
|
||||
<li><a href="{% url "AdminHeaderFooterSettings" %}">Header Footer</a></li>
|
||||
<li><a href="{% url "AdminSEOSettings" %}">SEO</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
{% endif %}
|
||||
<li class="sidebar-main-title">
|
||||
<div>
|
||||
<h6>Applications</h6>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="sidebar-list">
|
||||
<a href="sidebar-link sidebar-title link-nav"></a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="right-arrow" id="right-arrow"><i data-feather="arrow-right"></i></div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Sidebar Ends-->
|
||||
|
||||
{% block content %}{% endblock content %}
|
||||
|
||||
<!-- footer start-->
|
||||
<footer class="footer">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-12 footer-copyright text-center">
|
||||
<p class="mb-0">{{ header_footer.footer_copyright|safe }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</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-->
|
||||
<script src="{% static 'admin/assets/js/scrollbar/simplebar.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/scrollbar/custom.js' %}"></script>
|
||||
<!-- Sidebar jquery-->
|
||||
<script src="{% static 'admin/assets/js/config.js' %}"></script>
|
||||
<!-- Plugins JS start-->
|
||||
<script src="{% static 'admin/assets/js/sidebar-menu.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/clock.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/slick/slick.min.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/slick/slick.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/header-slick.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/chart/apex-chart/apex-chart.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/chart/apex-chart/stock-prices.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/chart/apex-chart/moment.min.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/notify/bootstrap-notify.min.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/dashboard/default.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/notify/index.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/typeahead/handlebars.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/typeahead/typeahead.bundle.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/typeahead/typeahead.custom.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/typeahead-search/handlebars.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/typeahead-search/typeahead-custom.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/height-equal.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/animation/wow/wow.min.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/datatable/datatables/jquery.dataTables.min.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/datatable/datatables/datatable.custom.js' %}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
<!-- Plugins JS Ends-->
|
||||
<!-- Theme js-->
|
||||
<script src="{% static 'admin/assets/js/script.js' %}"></script>
|
||||
<script src="{% static 'admin/assets/js/theme-customizer/customizer.js' %}"></script>
|
||||
|
||||
{% include "error/demo_mode.html" %}
|
||||
<!-- Plugin used-->
|
||||
<script>new WOW().init();</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,90 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% load customtag %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Create Page</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Custom Pages</li>
|
||||
<li class="breadcrumb-item active">Create Page</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.title.id_for_label }}" class="form-label">Title<span class="text-danger">*</span></label>
|
||||
{{ form.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slug.id_for_label }}" class="form-label">Slug (Leave it blank)</label>
|
||||
{{ form.slug|attr:'readonly=readonly' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.content.id_for_label }}" class="form-label">Page Content<span class="text-danger">*</span></label>
|
||||
<br>
|
||||
<div class="form-control ckf" style="">{{ form.content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,90 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% load customtag %}
|
||||
{% block title %}Edit {{ object.title }} Page - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Edit Page</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Custom Pages</li>
|
||||
<li class="breadcrumb-item active">Edit Page</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.title.id_for_label }}" class="form-label">Title<span class="text-danger">*</span></label>
|
||||
{{ form.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slug.id_for_label }}" class="form-label">Slug (Leave it blank)</label>
|
||||
{{ form.slug|attr:'readonly=readonly' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.content.id_for_label }}" class="form-label">Page Content<span class="text-danger">*</span></label>
|
||||
<br>
|
||||
<div class="form-control ckf" style="">{{ form.content }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,118 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>All Pages</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Custom Pages</li>
|
||||
<li class="breadcrumb-item active">All Pages</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
{% 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="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>All Pages</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
<div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="{% url 'adminCustomPageCreate' %}"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>Create New Page</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Title</th>
|
||||
<th>Slug</th>
|
||||
<th>Visit</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for page in pages %}
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
<td><a href="{% url 'adminCustomPageEdit' page.slug %}">{{ page.title }}</a></td>
|
||||
<td>{{ page.slug }}</td>
|
||||
<td><a href="{% if request.is_secure %}https://{{ request.get_host }}/{{page.slug}}{% else %}http://{{ request.get_host }}/{{page.slug}}{% endif %}" class="ajax">{{page.title}}</a></td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit"> <a href="{% url 'adminCustomPageEdit' page.slug %}"><i class="icon-pencil-alt"></i></a></li>
|
||||
<li class="delete"><a href="#" data-slug="{{ page.id }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'adminCustomPageDelete' page.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,120 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Clients</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Elements</li>
|
||||
<li class="breadcrumb-item active">Clients</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
{% 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="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>All Clients</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
<div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="{% url 'adminClientElementCreate' %}"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>Create New Client</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Image</th>
|
||||
<th>Name</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for client in clients %}
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
{% if client.image %}
|
||||
<td><img src="{{ client.image.url }}" style="width:50px; border-radius:5px;" alt="timg" srcset=""></td>
|
||||
{% else %}
|
||||
<td>No image</td>
|
||||
{% endif %}
|
||||
<td><a href="{% url 'adminClientElementEdit' client.id %}">{{ client.client_name }}</a></td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit"> <a href="{% url 'adminClientElementEdit' client.id %}"><i class="icon-pencil-alt"></i></a></li>
|
||||
<li class="delete"><a href="#" data-slug="{{ client.id }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'adminClientElementDelete' client.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,76 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Create Client</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Elements</li>
|
||||
<li class="breadcrumb-item active">Create Client</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.image.id_for_label }}" class="form-label">Image</label>
|
||||
{{ form.image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.client_name.id_for_label }}" class="form-label">Client Name</label>
|
||||
{{ form.client_name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,81 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Edit Client</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Elements</li>
|
||||
<li class="breadcrumb-item active">Edit Client</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{% if client.image %}
|
||||
<img class="mb-2" style="border-radius:5px;" src="{{ client.image.url }}" width="100" alt="Current Image">
|
||||
{% endif %}
|
||||
<br>
|
||||
<label for="{{ form.image.id_for_label }}" class="form-label">Image</label>
|
||||
<br>
|
||||
{{ form.image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.client_name.id_for_label }}" class="form-label">Client Name</label>
|
||||
{{ form.client_name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,131 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Create Slider</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Elements</li>
|
||||
<li class="breadcrumb-item active">Create Slider</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.image.id_for_label }}" class="form-label">Image</label>
|
||||
{{ form.image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.title.id_for_label }}" class="form-label">Title</label>
|
||||
{{ form.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.subtitle.id_for_label }}" class="form-label">Sub-Title</label>
|
||||
{{ form.subtitle }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.button1_text.id_for_label }}" class="form-label">Button 1 Text</label>
|
||||
{{ form.button1_text }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.button1_url.id_for_label }}" class="form-label">Button 1 Url</label>
|
||||
{{ form.button1_url }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.button2_text.id_for_label }}" class="form-label">Button 2 Text</label>
|
||||
{{ form.button2_text }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.button2_url.id_for_label }}" class="form-label">Button 2 Url</label>
|
||||
{{ form.button2_url }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.description.id_for_label }}" class="form-label">Description</label>
|
||||
<br>
|
||||
{{ form.description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,136 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Edit Slider</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Elements</li>
|
||||
<li class="breadcrumb-item active">Edit Slider</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{% if slider.image %}
|
||||
<img class="mb-2" src="{{ slider.image.url }}" style="border-radius:5px;" width="100" alt="Current Image">
|
||||
{% endif %}
|
||||
<br>
|
||||
<label for="{{ form.image.id_for_label }}" class="form-label">Image</label>
|
||||
<br>
|
||||
{{ form.image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.title.id_for_label }}" class="form-label">Title</label>
|
||||
{{ form.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.subtitle.id_for_label }}" class="form-label">Sub-Title</label>
|
||||
{{ form.subtitle }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.button1_text.id_for_label }}" class="form-label">Button 1 Text</label>
|
||||
{{ form.button1_text }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.button1_url.id_for_label }}" class="form-label">Button 1 Url</label>
|
||||
{{ form.button1_url }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.button2_text.id_for_label }}" class="form-label">Button 2 Text</label>
|
||||
{{ form.button2_text }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.button2_url.id_for_label }}" class="form-label">Button 2 Url</label>
|
||||
{{ form.button2_url }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.description.id_for_label }}" class="form-label">Description</label>
|
||||
<br>
|
||||
{{ form.description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,124 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Sliders</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Elements</li>
|
||||
<li class="breadcrumb-item active">Sliders</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
{% 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="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>All Sliders</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
<div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="{% url 'adminSliderElementCreate' %}"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>Create New Slider</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Image</th>
|
||||
<th>Title</th>
|
||||
<th>Subtitle</th>
|
||||
<th>Description</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for slider in sliders %}
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
{% if slider.image %}
|
||||
<td><img src="{{ slider.image.url }}" width="50" alt="sliderImage"></td>
|
||||
{% else %}
|
||||
<td>No image</td>
|
||||
{% endif %}
|
||||
<td><a href="{% url 'adminSliderElementEdit' slider.id %}">{{ slider.title }}</a></td>
|
||||
<td>{{ slider.subtitle }}</td>
|
||||
<td>{{ slider.description|slice:":20" }}..</td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit"> <a href="{% url 'adminSliderElementEdit' slider.id %}"><i class="icon-pencil-alt"></i></a></li>
|
||||
<li class="delete"><a href="#" data-slug="{{ slider.id }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'adminSliderElementDelete' slider.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,154 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Contact Submissions</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Form Data</li>
|
||||
<li class="breadcrumb-item active">Contact Form</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
{% 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="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>All Contacts</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Name</th>
|
||||
<th>Email</th>
|
||||
<th>Phone</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for contact in contacts %}
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
<td><a href="#" data-bs-toggle="modal" data-bs-target="#editcontactModal{{ contact.id }}">{{ contact.name }}</a></td>
|
||||
<td>{{ contact.email }}</td>
|
||||
<td>{{ contact.phone }}</td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit">
|
||||
<!-- Link to open the modal -->
|
||||
<a href="#" data-bs-toggle="modal" data-bs-target="#editcontactModal{{ contact.id }}"><i class="icon-eye"></i></a>
|
||||
|
||||
<!-- Bootstrap 4 Modal -->
|
||||
<div class="modal fade" id="editcontactModal{{ contact.id }}" tabindex="-1" role="dialog" aria-labelledby="editcontactModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="editcontactModalLabel">{{contact.name}}'s Submission</h5>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- Include your edit form here -->
|
||||
<p><strong>Name:</strong> {{ contact.name }}</p>
|
||||
<p><strong>Email:</strong> <a href="mailto:{{ contact.email }}">{{ contact.email }}</a></p>
|
||||
<p><strong>Phone:</strong> {{ contact.phone }}</p>
|
||||
<p><strong>Subject:</strong> {{ contact.subject }}</p>
|
||||
<p><strong>Message:</strong> {{ contact.message }}</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="delete"><a href="#" data-slug="{{ contact.id }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'AdminContactDelete' contact.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,291 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% load customtag %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
@media screen and (max-width: 1400px) {
|
||||
.lghide1 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1400px) {
|
||||
.lghide2 {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#ww_7b6924a9addc2 {
|
||||
background-color: #9E9E9E;
|
||||
background-image: url(https://app1.weatherwidget.org/skin/img/bg/rainy_day.jpg);
|
||||
height: 337px !important;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.ww-box {
|
||||
margin-top: 14% !important;
|
||||
}
|
||||
|
||||
.ww_source {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#ww_7b6924a9addc2 {
|
||||
border-radius: 10px !important;
|
||||
background-color: #262932 !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Dashboard</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="index.html">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Dashboard</li>
|
||||
<li class="breadcrumb-item active">Home</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row widget-grid">
|
||||
<div class="col-xxl-4 col-sm-6 box-col-6">
|
||||
<div class="card profile-box">
|
||||
<div class="card-body">
|
||||
<div class="media">
|
||||
<div class="media-body">
|
||||
<div class="greeting-user">
|
||||
<h4 class="f-w-600">Welcome {% if request.user.is_authenticated %}{{request.user.userprofile.name}}{% if request.user.is_verified %}<svg xmlns="http://www.w3.org/2000/svg" class="verify-ico" width="18" height="18" fill="#fff" viewBox="0 0 512 512"><title>ionicons-v5-e</title><path d="M256,48C141.31,48,48,141.31,48,256s93.31,208,208,208,208-93.31,208-208S370.69,48,256,48ZM218,360.38,137.4,270.81l23.79-21.41,56,62.22L350,153.46,374.54,174Z"/></svg>{% endif %} {% else %}there {% endif %}</h4>
|
||||
<p>Here whats happing in your account today</p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="clockbox">
|
||||
<svg id="clock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
|
||||
<g id="face">
|
||||
<circle class="circle" cx="300" cy="300" r="253.9"></circle>
|
||||
<path class="hour-marks" d="M300.5 94V61M506 300.5h32M300.5 506v33M94 300.5H60M411.3 107.8l7.9-13.8M493 190.2l13-7.4M492.1 411.4l16.5 9.5M411 492.3l8.9 15.3M189 492.3l-9.2 15.9M107.7 411L93 419.5M107.5 189.3l-17.1-9.9M188.1 108.2l-9-15.6"></path>
|
||||
<circle class="mid-circle" cx="300" cy="300" r="16.2"></circle>
|
||||
</g>
|
||||
<g id="hour">
|
||||
<path class="hour-hand" d="M300.5 298V142"></path>
|
||||
<circle class="sizing-box" cx="300" cy="300" r="253.9"></circle>
|
||||
</g>
|
||||
<g id="minute">
|
||||
<path class="minute-hand" d="M300.5 298V67"></path>
|
||||
<circle class="sizing-box" cx="300" cy="300" r="253.9"></circle>
|
||||
</g>
|
||||
<g id="second">
|
||||
<path class="second-hand" d="M300.5 350V55"></path>
|
||||
<circle class="sizing-box" cx="300" cy="300" r="253.9"> </circle>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="badge f-10 p-0" id="txt"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cartoon"><img class="img-fluid" src="{% static 'admin/assets/images/dashboard/cartoon.svg' %}" alt="vector women with leptop"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-auto col-xl-3 col-sm-6 box-col-6">
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="col-xl-12">
|
||||
<div class="card widget-1">
|
||||
<div class="card-body">
|
||||
<div class="widget-content">
|
||||
<div class="widget-round primary">
|
||||
<div class="bg-round">
|
||||
<i class="fa fa-laptop" aria-hidden="true"></i>
|
||||
<svg class="half-circle svg-fill">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#halfcircle"></use>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>{{ services.count }}</h4><span class="f-light">Services</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-auto col-xl-3 col-sm-6 box-col-6">
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="col-xl-12">
|
||||
<div class="card widget-1">
|
||||
<div class="card-body">
|
||||
<div class="widget-content">
|
||||
<div class="widget-round warning">
|
||||
<div class="bg-round">
|
||||
<i class="fa fa-pie-chart" aria-hidden="true"></i>
|
||||
<svg class="half-circle svg-fill">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#halfcircle"></use>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>{{ projects.count }}</h4><span class="f-light">Projects</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% if request.user.role == 'Admin' %}
|
||||
<div class="col-xxl-auto col-xl-12 col-sm-6 box-col-6">
|
||||
<div class="row">
|
||||
<div class="col-xxl-12 col-xl-3 box-col-12">
|
||||
<div class="card widget-1 widget-with-chart">
|
||||
<div class="card-body">
|
||||
<div class="widget-content">
|
||||
<div class="widget-round warning">
|
||||
<div class="bg-round">
|
||||
<i class="fa fa-user-o" aria-hidden="true"></i>
|
||||
<svg class="half-circle svg-fill">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#halfcircle"></use>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>{{ clients.count }}</h4><span class="f-light">Clients</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xxl-12 col-xl-3 box-col-12 lghide2">
|
||||
<div class="card widget-1 widget-with-chart">
|
||||
<div class="card-body">
|
||||
<div class="widget-content">
|
||||
<div class="widget-round success">
|
||||
<div class="bg-round">
|
||||
<i class="fa fa-file-text-o" aria-hidden="true"></i>
|
||||
<svg class="half-circle svg-fill">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#halfcircle"></use>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>{{ contacts.count }}</h4><span class="f-light">Contacts</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xxl-12 col-xl-12 col-sm-12 box-col-12 lghide1">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xxl-6 col-xl-6 box-col-12">
|
||||
<div class="card widget-1 widget-with-chart">
|
||||
<div class="card-body">
|
||||
<div class="widget-content">
|
||||
<div class="widget-round success">
|
||||
<div class="bg-round">
|
||||
<i class="fa fa-file-text-o" aria-hidden="true"></i>
|
||||
<svg class="half-circle svg-fill">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#halfcircle"></use>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>{{ contacts.count }}</h4><span class="f-light">Contacts</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if request.user.role == 'Admin' %}
|
||||
<div class="col-xxl-8 col-xl-7 col-md-6 col-sm-7 notification box-col-6">
|
||||
<div class="card height-equal">
|
||||
<div class="card-header card-no-border">
|
||||
<div class="header-top">
|
||||
<h5 class="m-0">Recent Contacts</h5>
|
||||
<div class="card-header-right-icon">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body pt-0">
|
||||
{% if contacts %}
|
||||
<ul>
|
||||
{% for contact in contacts|slice:":3" %}
|
||||
<li class="d-flex">
|
||||
<div class="activity-dot-{{ contact|random_class }}"></div>
|
||||
<div class="w-100 ms-3">
|
||||
<p class="d-flex justify-content-between mb-2"><span class="date-content light-background">{{ contact.created_at }} </span>
|
||||
</p>
|
||||
<h6><a href="#" data-bs-toggle="modal" data-bs-target="#editcontactModal{{ contact.id }}">{{ contact.name }}</a></h6>
|
||||
<!-- Bootstrap 4 Modal -->
|
||||
<div class="modal fade" id="editcontactModal{{ contact.id }}" tabindex="-1" role="dialog" aria-labelledby="editcontactModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="editcontactModalLabel">{{contact.name}}'s Submission</h5>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- Include your edit form here -->
|
||||
<p><strong>Name:</strong> {{ contact.name }}</p>
|
||||
<p><strong>Email:</strong> <a href="mailto:{{ contact.email }}">{{ contact.email }}</a></p>
|
||||
<p><strong>Phone:</strong> {{ contact.phone }}</p>
|
||||
<p><strong>Subject:</strong> {{ contact.subject }}</p>
|
||||
<p><strong>Message:</strong> {{ contact.message }}</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="f-light">{{ contact.message|truncatewords:'12' }}</span>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% else %}
|
||||
<ul>
|
||||
<li class="">
|
||||
<div class="w-100">
|
||||
<h6>You don't have any contacts.</h6>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
</div>
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,85 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Create Menu</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Menus</li>
|
||||
<li class="breadcrumb-item active">Create New</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.order.id_for_label }}" class="form-label">Name<span class="text-danger">*</span></label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.url.id_for_label }}" class="form-label">Url</label>
|
||||
{{ form.url }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.order.id_for_label }}" class="form-label">Order<span class="text-danger">*</span></label>
|
||||
<br>
|
||||
{{ form.order }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,85 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Create Menu</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Menus</li>
|
||||
<li class="breadcrumb-item active">Create New</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.order.id_for_label }}" class="form-label">Name<span class="text-danger">*</span></label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.url.id_for_label }}" class="form-label">Url</label>
|
||||
{{ form.url }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.order.id_for_label }}" class="form-label">Order<span class="text-danger">*</span></label>
|
||||
<br>
|
||||
{{ form.order }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,233 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
.modal-body {
|
||||
max-height: calc(100vh - 200px); /* Adjust the value as needed */
|
||||
overflow-y: auto;
|
||||
}
|
||||
.modal {
|
||||
overflow: hidden; /* Hide the main modal overflow */
|
||||
}
|
||||
|
||||
.modal-dialog {
|
||||
max-height: calc(100vh - 100px); /* Adjust the value to your preference */
|
||||
overflow-y: auto; /* Enable vertical scrolling */
|
||||
}
|
||||
/* Style the modal scrollbar */
|
||||
.modal-body::-webkit-scrollbar {
|
||||
width: 7px; /* Width of the scrollbar */
|
||||
}
|
||||
|
||||
/* Track */
|
||||
.modal-body::-webkit-scrollbar-track {
|
||||
background: #333; /* Dark background color of the track */
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
.modal-body::-webkit-scrollbar-thumb {
|
||||
background: #888; /* Gray color of the scrollbar handle */
|
||||
border-radius: 6px; /* Rounded corners on the handle */
|
||||
}
|
||||
|
||||
/* On hover, style the handle */
|
||||
.modal-body::-webkit-scrollbar-thumb:hover {
|
||||
background: #555; /* Lighter gray color on hover */
|
||||
}
|
||||
@media (max-width: 576px) {
|
||||
.mdbtn {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Primary Menus</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Menus</li>
|
||||
<li class="breadcrumb-item active">Primary Menu</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
{% 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="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<circle cx="12" cy="12" r="6"></circle>
|
||||
<circle cx="12" cy="12" r="2"></circle>
|
||||
</svg>
|
||||
All Menus
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
<div class="form-group mb-0 me-0"></div>
|
||||
<a class="btn btn-primary mdbtn" href="{% url 'AdminPrimaryMenuCreate' %}">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square">
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
|
||||
<line x1="12" y1="8" x2="12" y2="16"></line>
|
||||
<line x1="8" y1="12" x2="16" y2="12"></line>
|
||||
</svg>
|
||||
Create New Menu
|
||||
</a>
|
||||
<a class="btn btn-secondary mdbtn" data-bs-toggle="modal" data-bs-target="#menuModal" href=""> Default Website URLS </a>
|
||||
<!-- Bootstrap 4 Modal -->
|
||||
<div class="modal fade" id="menuModal" tabindex="-1" role="dialog" aria-labelledby="menuModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="editcontactModalLabel">Website's All Default URLS</h5>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<!-- Include your edit form here -->
|
||||
<p><strong>Home Page</strong>
|
||||
<pre> {% if request.is_secure %}https://{{ request.get_host }}{% else %}http://{{ request.get_host }}{% endif %}</pre>
|
||||
</p>
|
||||
<p><strong>About Page</strong>
|
||||
<pre> {% if request.is_secure %}https://{{ request.get_host }}/about-us/{% else %}http://{{ request.get_host }}/about-us/{% endif %}</pre>
|
||||
</p>
|
||||
<p><strong>Service Page</strong>
|
||||
<pre> {% if request.is_secure %}https://{{ request.get_host }}/services/{% else %}http://{{ request.get_host }}/services/{% endif %}</pre>
|
||||
</p>
|
||||
<p><strong>Project Page</strong>
|
||||
<pre> {% if request.is_secure %}https://{{ request.get_host }}/projects/{% else %}http://{{ request.get_host }}/projects/{% endif %}</pre>
|
||||
</p>
|
||||
<p><strong>Pricing Page</strong>
|
||||
<pre> {% if request.is_secure %}https://{{ request.get_host }}/pricing/{% else %}http://{{ request.get_host }}/pricing/{% endif %}</pre>
|
||||
</p>
|
||||
<p><strong>Blog Page</strong>
|
||||
<pre> {% if request.is_secure %}https://{{ request.get_host }}/blogs/{% else %}http://{{ request.get_host }}/blogs/{% endif %}</pre>
|
||||
</p>
|
||||
<p><strong>Contact Page</strong>
|
||||
<pre> {% if request.is_secure %}https://{{ request.get_host }}/contact-us/{% else %}http://{{ request.get_host }}/contact-us/{% endif %}</pre>
|
||||
</p>
|
||||
<p><strong>Terms & Conditions Page</strong>
|
||||
<pre> {% if request.is_secure %}https://{{ request.get_host }}/terms-&-conditions/{% else %}http://{{ request.get_host }}/terms-&-conditions/{% endif %}</pre>
|
||||
</p>
|
||||
<p><strong>Privacy Policy Page</strong>
|
||||
<pre> {% if request.is_secure %}https://{{ request.get_host }}/privacy-policy/{% else %}http://{{ request.get_host }}/privacy-policy/{% endif %}</pre>
|
||||
</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Order</th>
|
||||
<th>Name</th>
|
||||
<th>Url</th>
|
||||
<th>Total Submenu</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for menu in menus %}
|
||||
<tr>
|
||||
<td>{{ menu.order }}</td>
|
||||
<td><a href="{% url 'AdminPrimaryMenuEdit' menu.id %}">{{ menu.name }}</a></td>
|
||||
<td>{{ menu.url }}</td>
|
||||
<td>{{ menu.submenu_set.count }}</td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit"> <a href="{% url 'AdminPrimaryMenuEdit' menu.id %}"><i class="icon-pencil-alt"></i></a></li>
|
||||
<li class="delete"><a href="#" data-slug="{{ menu.id }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'AdminPrimaryMenuDelete' menu.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,86 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% load customtag %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Create Sub Menu</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Menus</li>
|
||||
<li class="breadcrumb-item active">Create Sub Menu</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.order.id_for_label }}" class="form-label">Name<span class="text-danger">*</span></label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.url.id_for_label }}" class="form-label">Url</label>
|
||||
{{ form.url }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.order.id_for_label }}" class="form-label">Parent Menu<<span class="text-danger">*</span>/label>
|
||||
<br>
|
||||
{{ form.parent_menu|add_class:'form-select' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,86 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% load customtag %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Edit Sub Menu</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Menus</li>
|
||||
<li class="breadcrumb-item active">Edit Sub Menu</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.order.id_for_label }}" class="form-label">Name<span class="text-danger">*</span></label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.url.id_for_label }}" class="form-label">Url</label>
|
||||
{{ form.url }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.order.id_for_label }}" class="form-label">Parent Menu<span class="text-danger">*</span></label>
|
||||
<br>
|
||||
{{ form.parent_menu|add_class:'form-select' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,130 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Sub Menus</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Menus</li>
|
||||
<li class="breadcrumb-item active">Sub Menu</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
{% 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="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>All Sub Menus</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
<div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="{% url 'AdminSubMenuCreate' %}"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>Create New Sub Menu</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Name</th>
|
||||
<th>Url</th>
|
||||
<th>Parent Menu</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for submenu in submenus %}
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
<td><a href="{% url 'AdminSubMenuEdit' submenu.id %}">{{ submenu.name }}</a></td>
|
||||
<td>{{ submenu.url }}</td>
|
||||
<td>{{ submenu.parent_menu }}</td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit"> <a href="{% url 'AdminSubMenuEdit' submenu.id %}"><i class="icon-pencil-alt"></i></a></li>
|
||||
<li class="delete"><a href="#" data-slug="{{ submenu.id }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'AdminSubMenuDelete' submenu.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,185 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>About Page</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Pages</li>
|
||||
<li class="breadcrumb-item active">About Page</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
{% 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 %}
|
||||
{% if SeoForm.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>Error:</strong>
|
||||
<ul>
|
||||
{% for field, errors in SeoForm.errors.items %}
|
||||
{% for error in errors %}
|
||||
<li>{{ field }}: {{ error }}</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% 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="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">First Section</h6>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<form method="post">
|
||||
{{form.media}}
|
||||
{% csrf_token %}
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-4 col-sm-12 mb-2">
|
||||
<label for="{{ form.image1.id_for_label }}">Image 01</label>
|
||||
<br>
|
||||
{{ form.image1 }}
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-12 mb-2">
|
||||
<label for="{{ form.image2.id_for_label }}">Image 02</label><br>
|
||||
{{ form.image2 }}
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-12 mb-2">
|
||||
<label for="{{ form.image3.id_for_label }}">Image 03</label><br>
|
||||
{{ form.image3 }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-4 col-sm-12 mb-2">
|
||||
<label for="{{ form.subtitle.id_for_label }}">Sub Title</label>
|
||||
{{ form.subtitle }}
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-12">
|
||||
<label for="{{ form.title.id_for_label }}">Title</label>
|
||||
{{ form.title }}
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-12 mb-2">
|
||||
<label for="{{ form.years_of_experience.id_for_label }}">Years of experience</label>
|
||||
{{ form.years_of_experience }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-4 col-sm-12 mb-2">
|
||||
<label for="{{ form.feature1.id_for_label }}">Feature 01</label>
|
||||
{{ form.feature1 }}
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-12">
|
||||
<label for="{{ form.feature2.id_for_label }}">Feature 02</label>
|
||||
{{ form.feature2 }}
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-12">
|
||||
<label for="{{ form.feature3.id_for_label }}">Feature 03</label>
|
||||
{{ form.feature3 }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-12 col-sm-12 mb-2">
|
||||
<label for="{{ form.long_description.id_for_label }}">Description </label>
|
||||
{{ form.description }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ensure proper indentation for the closing </form> tag -->
|
||||
<button type="submit" class="btn btn-primary mt-3 w-100">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">About Us Section</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'AdminHomePage' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-pencil"></i> Edit</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">SEO</h6>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ SeoForm.meta_title.id_for_label }}">Meta Title</label>
|
||||
{{ SeoForm.meta_title }}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<label for="{{ SeoForm.meta_description.id_for_label }}">Meta Description</label>
|
||||
{{ SeoForm.meta_description }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ensure proper indentation for the closing </form> tag -->
|
||||
<button type="submit" class="btn btn-primary mt-3 w-100">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,128 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Contact Page</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Pages</li>
|
||||
<li class="breadcrumb-item active">Contact Page</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
{% if SeoForm.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>Error:</strong>
|
||||
<ul>
|
||||
{% for field, errors in SeoForm.errors.items %}
|
||||
{% for error in errors %}
|
||||
<li>{{ field }}: {{ error }}</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% 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="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">Contact Details</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'AdminWebsiteSettings' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-pencil"></i> Edit in Website Settings</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">Social Icons</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'AdminHeaderFooterSettings' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-pencil"></i> Edit in Header Footer Settings</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">Contact Form Submissions</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'AdminContactList' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-eye"></i> View</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">SEO</h6>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ SeoForm.meta_title.id_for_label }}">Meta Title</label>
|
||||
{{ SeoForm.meta_title }}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<label for="{{ SeoForm.meta_description.id_for_label }}">Meta Description</label>
|
||||
{{ SeoForm.meta_description }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ensure proper indentation for the closing </form> tag -->
|
||||
<button type="submit" class="btn btn-primary mt-3 w-100">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,235 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Home Page</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Pages</li>
|
||||
<li class="breadcrumb-item active">Home Page</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
{% 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 %}
|
||||
{% if SeoForm.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>Error:</strong>
|
||||
<ul>
|
||||
{% for field, errors in SeoForm.errors.items %}
|
||||
{% for error in errors %}
|
||||
<li>{{ field }}: {{ error }}</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% 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="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">Slider Section</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'adminSliderElementList' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-eye"></i> View</a>
|
||||
<a href="{% url 'adminSliderElementCreate' %}" class="btn btn-primary"><i class="fa fa-plus"></i> Create</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">Service Section</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'adminServiceList' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-eye"></i> View</a>
|
||||
<a href="{% url 'adminServiceCreate' %}" class="btn btn-primary"><i class="fa fa-plus"></i> Create</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">About Section</h6>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ form.image.id_for_label }}">Image</label>
|
||||
<br>
|
||||
{{ form.image }}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ form.video_thumbnail.id_for_label }}">Video Thumbnail</label><br>
|
||||
{{ form.video_thumbnail }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ form.subtitle.id_for_label }}">Sub Title </label>
|
||||
{{ form.subtitle }}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<label for="{{ form.title.id_for_label }}">Title</label>
|
||||
{{ form.title }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ form.short_description.id_for_label }}">Short Description</label>
|
||||
{{ form.short_description }}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<label for="{{ form.tag_line.id_for_label }}">Tag Line</label>
|
||||
{{ form.tag_line }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ form.ranking_number.id_for_label }}">Ranking</label>
|
||||
{{ form.ranking_number }}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<label for="{{ form.experience.id_for_label }}">Experience</label>
|
||||
{{ form.experience }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-12 col-sm-12 mb-2">
|
||||
<label for="{{ form.video_url.id_for_label }}">Video URL</label>
|
||||
{{ form.video_url }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-12 col-sm-12 mb-2">
|
||||
<label for="{{ form.long_description.id_for_label }}">Long Description</label>
|
||||
{{ form.long_description }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ensure proper indentation for the closing </form> tag -->
|
||||
<button type="submit" class="btn btn-primary mt-3 w-100">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">Project Section</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'adminProjectList' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-eye"></i> View</a>
|
||||
<a href="{% url 'adminProjectCreate' %}" class="btn btn-primary"><i class="fa fa-plus"></i> Create</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">Client Section</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'adminClientElementList' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-eye"></i> View</a>
|
||||
<a href="{% url 'adminClientElementCreate' %}" class="btn btn-primary"><i class="fa fa-plus"></i> Create</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">SEO</h6>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ SeoForm.meta_title.id_for_label }}">Meta Title </label>
|
||||
{{ SeoForm.meta_title }}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<label for="{{ SeoForm.meta_description.id_for_label }}">Meta Description </label>
|
||||
{{ SeoForm.meta_description }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ensure proper indentation for the closing </form> tag -->
|
||||
<button type="submit" class="btn btn-primary mt-3 w-100">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,102 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Project Page</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Pages</li>
|
||||
<li class="breadcrumb-item active">Project Page</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
{% if SeoForm.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>Error:</strong>
|
||||
<ul>
|
||||
{% for field, errors in SeoForm.errors.items %}
|
||||
{% for error in errors %}
|
||||
<li>{{ field }}: {{ error }}</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% 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="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">Project Section</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'adminProjectList' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-eye"></i> View</a>
|
||||
<a href="{% url 'adminProjectCreate' %}" class="btn btn-primary"><i class="fa fa-plus"></i> Create</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">SEO</h6>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ SeoForm.meta_title.id_for_label }}">Meta Title</label>
|
||||
{{ SeoForm.meta_title }}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<label for="{{ SeoForm.meta_description.id_for_label }}">Meta Description</label>
|
||||
{{ SeoForm.meta_description }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ensure proper indentation for the closing </form> tag -->
|
||||
<button type="submit" class="btn btn-primary mt-3 w-100">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,101 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Service Page</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Pages</li>
|
||||
<li class="breadcrumb-item active">Service Page</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
{% if SeoForm.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<strong>Error:</strong>
|
||||
<ul>
|
||||
{% for field, errors in SeoForm.errors.items %}
|
||||
{% for error in errors %}
|
||||
<li>{{ field }}: {{ error }}</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% 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="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">Service Section</h6>
|
||||
<div class="d-flex justify-content-start">
|
||||
<a href="{% url 'adminServiceList' %}" class="btn btn-primary" style='margin-right:5px;'><i class="fa fa-eye"></i> View</a>
|
||||
<a href="{% url 'adminServiceCreate' %}" class="btn btn-primary"><i class="fa fa-plus"></i> Create</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h6 class="mb-3">SEO</h6>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<form method="post">
|
||||
{% csrf_token %}
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12 mb-2">
|
||||
<label for="{{ SeoForm.meta_title.id_for_label }}">Meta Title</label>
|
||||
{{ SeoForm.meta_title }}
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<label for="{{ SeoForm.meta_description.id_for_label }}">Meta Description</label>
|
||||
{{ SeoForm.meta_description }}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Ensure proper indentation for the closing </form> tag -->
|
||||
<button type="submit" class="btn btn-primary mt-3 w-100">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,131 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Create Project</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Projects</li>
|
||||
<li class="breadcrumb-item active">Create</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.image.id_for_label }}" class="form-label">Image</label>
|
||||
{{ form.image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.title.id_for_label }}" class="form-label">Title</label>
|
||||
{{ form.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slug.id_for_label }}" class="form-label">Slug ( Leave blank to auto generate )</label>
|
||||
{{ form.slug }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.category.id_for_label }}" class="form-label">Category</label>
|
||||
{{ form.category }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.client.id_for_label }}" class="form-label">Client</label>
|
||||
{{ form.client }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.company.id_for_label }}" class="form-label">Company</label>
|
||||
{{ form.company }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.duration.id_for_label }}" class="form-label">Duration</label>
|
||||
{{ form.duration }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.description.id_for_label }}" class="form-label">Description</label>
|
||||
<br>
|
||||
<div class="form-control ckf" style="">{{ form.description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,136 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Edit Project</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Projects</li>
|
||||
<li class="breadcrumb-item active">Edit</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{% if project.image %}
|
||||
<img class="mb-2" style="border-radius:5px;" src="{{ project.getProjectImage }}" width="100" alt="Current Image">
|
||||
{% endif %}
|
||||
<br>
|
||||
<label for="{{ form.image.id_for_label }}" class="form-label">Image</label>
|
||||
<br>
|
||||
{{ form.image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.title.id_for_label }}" class="form-label">Title</label>
|
||||
{{ form.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slug.id_for_label }}" class="form-label">Slug ( Leave blank to auto generate )</label>
|
||||
{{ form.slug }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.category.id_for_label }}" class="form-label">Category</label>
|
||||
{{ form.category }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.client.id_for_label }}" class="form-label">Client</label>
|
||||
{{ form.client }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.company.id_for_label }}" class="form-label">Company</label>
|
||||
{{ form.company }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.duration.id_for_label }}" class="form-label">Duration</label>
|
||||
{{ form.duration }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.description.id_for_label }}" class="form-label">Description</label>
|
||||
<br>
|
||||
<div class="form-control ckf" style="">{{ form.description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,116 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Project Categories</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Projects</li>
|
||||
<li class="breadcrumb-item active">Categories</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
{% 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="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>All Categories</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
<div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="{% url 'adminProjectCategoryCreate' %}"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>Create New Category</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Title</th>
|
||||
<th>Slug</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for category in categories %}
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
<td><a href="{% url 'adminProjectCategoryEdit' category.slug %}">{{ category.name }}</a></td>
|
||||
<td>{{ category.slug }}</td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit"> <a href="{% url 'adminProjectCategoryEdit' category.slug %}"><i class="icon-pencil-alt"></i></a></li>
|
||||
<li class="delete"><a href="#" data-slug="{{ category.slug }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'adminProjectCategoryDelete' id=category.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,74 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Create Project Category</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Projects</li>
|
||||
<li class="breadcrumb-item active">Create Category</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.title.id_for_label }}" class="form-label">Title<span class="text-danger">*</span></label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slug.id_for_label }}" class="form-label">Slug ( Leave blank to auto generate )</label>
|
||||
{{ form.slug }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,74 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Edit Project Category</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Projects</li>
|
||||
<li class="breadcrumb-item active">Edit Category</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.title.id_for_label }}" class="form-label">Title<span class="text-danger">*</span></label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slug.id_for_label }}" class="form-label">Slug ( Leave blank to auto generate )</label>
|
||||
{{ form.slug }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,122 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Project</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Project</li>
|
||||
<li class="breadcrumb-item active">Project List</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
{% 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="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>All Projects</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
<div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="{% url 'adminProjectCreate' %}"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>Create New Project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Image</th>
|
||||
<th>Title</th>
|
||||
<th>Category</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for project in projects %}
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
{% if project.image %}
|
||||
<td><img src="{{ project.getProjectImage }}" width="50" alt="projectImage" style="border-radius:5px;" srcset=""></td>
|
||||
{% else %}
|
||||
<td>No image</td>
|
||||
{% endif %}
|
||||
<td><a href="{% url 'adminProjectEdit' project.slug %}">{{ project.title }}</a></td>
|
||||
<td>{{ project.category }}</td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit"> <a href="{% url 'adminProjectEdit' project.slug %}"><i class="icon-pencil-alt"></i></a></li>
|
||||
<li class="delete"><a href="#" data-slug="{{ project.slug }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'adminProjectDelete' id=project.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,140 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
label.switch {
|
||||
margin-top: -35px;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
#ver-pills-tab {
|
||||
display: -webkit-box;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Create Service</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Services</li>
|
||||
<li class="breadcrumb-item active">Create Service</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.detail_page_image.id_for_label }}" class="form-label">Service Detail Page Image</label>
|
||||
{{ form.detail_page_image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.name.id_for_label }}" class="form-label">Name</label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slug.id_for_label }}" class="form-label">Slug ( Leave blank to auto generate )</label>
|
||||
{{ form.slug }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.fontawesome_icon_class.id_for_label }}" class="form-label">Font-Awesome Icon Class ( <a href="https://fontawesome.com/v5/search?m=free" target="_blank">Use V5</a> )</label>
|
||||
{{ form.fontawesome_icon_class }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.short_description.id_for_label }}" class="form-label">Short Description</label>
|
||||
{{ form.short_description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.detail_page_description.id_for_label }}" class="form-label">Detail Page Description</label>
|
||||
<br>
|
||||
<div class="form-control ckf" style="">{{ form.detail_page_description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.show_call_now_widget.id_for_label }}" class="form-label">Call Now Widget</label>
|
||||
<div class="media-body text-end icon-state">
|
||||
<label class="switch">
|
||||
{{ form.show_call_now_widget }}<span class="switch-state"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,144 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
label.switch {
|
||||
margin-top: -35px;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
#ver-pills-tab {
|
||||
display: -webkit-box;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Edit Service</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Services</li>
|
||||
<li class="breadcrumb-item active">Edit Service</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
{% if service.detail_page_image %}
|
||||
<img class="mb-2" style="border-radius:5px;" src="{{ service.detail_page_image.url }}" width="100" alt="Current Image">
|
||||
{% endif %}
|
||||
<br>
|
||||
<label for="{{ form.detail_page_image.id_for_label }}" class="form-label">Service Detail Page Image</label>
|
||||
<br>
|
||||
{{ form.detail_page_image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.name.id_for_label }}" class="form-label">Name</label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slug.id_for_label }}" class="form-label">Slug ( Leave blank to auto generate )</label>
|
||||
{{ form.slug }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.fontawesome_icon_class.id_for_label }}" class="form-label">Font-Awesome Icon Class ( <a href="https://fontawesome.com/v5/search?m=free" target="_blank">Use V5</a> )</label>
|
||||
{{ form.fontawesome_icon_class }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.short_description.id_for_label }}" class="form-label">Short Description</label>
|
||||
{{ form.short_description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.detail_page_description.id_for_label }}" class="form-label">Detail Page Description</label>
|
||||
<br>
|
||||
<div class="form-control ckf" style="">{{ form.detail_page_description }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.show_call_now_widget.id_for_label }}" class="form-label">Call Now Widget</label>
|
||||
<div class="media-body text-end icon-state">
|
||||
<label class="switch">
|
||||
{{ form.show_call_now_widget }}<span class="switch-state"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,116 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Services</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg></a></li>
|
||||
<li class="breadcrumb-item">Services</li>
|
||||
<li class="breadcrumb-item active">Service List</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
{% 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="col-md-12 project-list">
|
||||
<div class="card">
|
||||
<div class="row">
|
||||
<div class="col-md-6 p-0 d-flex">
|
||||
<ul class="nav nav-tabs border-tab" id="top-tab" role="tablist">
|
||||
<li class="nav-item"><a class="nav-link active" id="top-home-tab" data-bs-toggle="tab" href="#top-home" role="tab" aria-controls="top-home" aria-selected="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-target"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>All Services</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 p-0">
|
||||
<div class="form-group mb-0 me-0"></div><a class="btn btn-primary" href="{% url 'adminServiceCreate' %}"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-square"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>Create New Blog</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- Zero Configuration Starts-->
|
||||
<div class="col-sm-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="display" id="basic-1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Name</th>
|
||||
<th>Slug</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for service in services %}
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
<td><a href="{% url 'adminServiceEdit' service.slug %}">{{ service.name }}</a></td>
|
||||
<td>{{ service.slug }}</td>
|
||||
<td>
|
||||
<ul class="action">
|
||||
<li class="edit"> <a href="{% url 'adminServiceEdit' service.slug %}"><i class="icon-pencil-alt"></i></a></li>
|
||||
<li class="delete"><a href="#" data-slug="{{ service.slug }}"><i class="icon-trash"></i></a></li>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', (event) => {
|
||||
var deleteButtons = document.querySelectorAll('.icon-trash');
|
||||
|
||||
deleteButtons.forEach(function(button) {
|
||||
button.addEventListener('click', function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
var url = "{% url 'adminServiceDelete' id=service.id %}";
|
||||
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#3085d6',
|
||||
cancelButtonColor: '#d33',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
window.location.href = url;
|
||||
}
|
||||
})
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Zero Configuration Ends-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,226 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% load customtag %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
label.switch {
|
||||
margin-top: -35px;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
#ver-pills-tab {
|
||||
display: -webkit-box;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Header Footer Settings</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Settings</li>
|
||||
<li class="breadcrumb-item active">Header Footer</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-2">
|
||||
<div class="col-sm-12 col-xxl-12">
|
||||
<div class=" height-equal">
|
||||
<div class="">
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-xs-12">
|
||||
<div class="nav flex-column nav-pills nav-primary" id="ver-pills-tab" role="tablist" aria-orientation="vertical">
|
||||
<a class="nav-link active" id="ver-pills-social-tab" data-bs-toggle="pill" href="#ver-pills-social" role="tab" aria-controls="ver-pills-social" aria-selected="true">Social Links</a>
|
||||
|
||||
<a class="nav-link" id="ver-pills-header-tab" data-bs-toggle="pill" href="#ver-pills-header" role="tab" aria-controls="ver-pills-header" aria-selected="true">Header</a>
|
||||
|
||||
<a class="nav-link" id="ver-pills-footer-tab" data-bs-toggle="pill" href="#ver-pills-footer" role="tab" aria-controls="ver-pills-footer" aria-selected="false">Footer</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-10 col-xs-12">
|
||||
|
||||
<div class="tab-content" id="ver-pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="ver-pills-social" role="tabpanel" aria-labelledby="ver-pills-social-tab">
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.social1_icon.id_for_label }}" class="form-label">Social 01 Icon Class ( <a href="https://fontawesome.com/v5/search?m=free" target="_blank">Get from here</a> )</label>
|
||||
{{ form.social1_icon|attr:'placeholder=eg. fab fa-facebook-f' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.social1_link.id_for_label }}" class="form-label">Social 01 Link</label>
|
||||
{{ form.social1_link|attr:'placeholder=eg. https://facebook.com/username' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.social2_icon.id_for_label }}" class="form-label">Social 02 Icon Class ( <a href="https://fontawesome.com/v5/search?m=free" target="_blank">Get from here</a> )</label>
|
||||
{{ form.social2_icon|attr:'placeholder=eg. fab fa-instagram' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.social2_link.id_for_label }}" class="form-label">Social 02 Link</label>
|
||||
{{ form.social2_link|attr:'placeholder=eg. https://instagram.com/username' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.social3_icon.id_for_label }}" class="form-label">Social 03 Icon Class ( <a href="https://fontawesome.com/v5/search?m=free" target="_blank">Get from here</a> )</label>
|
||||
{{ form.social3_icon|attr:'placeholder=eg. fab fa-linkedin-in' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.social3_link.id_for_label }}" class="form-label">Social 03 Link</label>
|
||||
{{ form.social3_link|attr:'placeholder=eg. https://linkedin.com/username' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.social4_icon.id_for_label }}" class="form-label">Social 04 Icon Class ( <a href="https://fontawesome.com/v5/search?m=free" target="_blank">Get from here</a> )</label>
|
||||
{{ form.social4_icon|attr:'placeholder=eg. fab fa-youtube' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.social4_link.id_for_label }}" class="form-label">Social 04 Link</label>
|
||||
{{ form.social4_link|attr:'placeholder=eg. https://youtube.com/username' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade " id="ver-pills-header" role="tabpanel" aria-labelledby="ver-pills-header-tab">
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.header_button_text.id_for_label }}" class="form-label">Header Button Text</label>
|
||||
{{ form.header_button_text }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.header_button_url.id_for_label }}" class="form-label">Header Button URL</label>
|
||||
{{ form.header_button_url }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane fade " id="ver-pills-footer" role="tabpanel" aria-labelledby="ver-pills-footer-tab">
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.footer_col1_description.id_for_label }}" class="form-label">Footer Column 1 Description</label>
|
||||
{{ form.footer_col1_description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.footer_copyright.id_for_label }}" class="form-label">Footer Copyright</label>
|
||||
{{ form.footer_copyright }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary mb-5" type="submit">Save</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,119 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>SEO Settings</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Settings</li>
|
||||
<li class="breadcrumb-item active">SEO</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-2">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.meta_image.id_for_label }}" class="form-label">Meta Image</label>
|
||||
<br>
|
||||
{% if seo.meta_image %}
|
||||
<img class="mb-2" src="{{ seo.meta_image.url }}" width="200" alt="Current Image">
|
||||
{% endif %}
|
||||
<br>
|
||||
{{ form.meta_image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.meta_title.id_for_label }}" class="form-label">Meta Title</label>
|
||||
{{ form.meta_title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.tag_line.id_for_label }}" class="form-label">Tag Line</label>
|
||||
{{ form.tag_line }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.meta_description.id_for_label }}" class="form-label">Meta Description</label>
|
||||
{{ form.meta_description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.seo_keywords.id_for_label }}" class="form-label">SEO Keywords</label>
|
||||
{{ form.seo_keywords }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="btn btn-primary mb-3" type="submit">Save</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,459 @@
|
||||
{% extends 'dashboard/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %}{{ title }} - {{ seo_settings.meta_title }}{% endblock title %}
|
||||
{% block content %}
|
||||
<style>
|
||||
label.switch {
|
||||
margin-top: -35px;
|
||||
}
|
||||
@media only screen and (max-width: 600px) {
|
||||
#ver-pills-tab {
|
||||
display: -webkit-box;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
<div class="page-body">
|
||||
<div class="container-fluid">
|
||||
<div class="page-title">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h3>Website Settings</h3>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item">
|
||||
<a href="{% url 'adminHome' %}">
|
||||
<svg class="stroke-icon">
|
||||
<use href="{% static 'admin/assets/svg/icon-sprite.svg' %}#stroke-home"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">Settings</li>
|
||||
<li class="breadcrumb-item active">Website Settings</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid starts-->
|
||||
<div class="container-fluid">
|
||||
<div class="row project-cards">
|
||||
<div class="col-md-12 project-list">
|
||||
</div>
|
||||
<div class="container">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{form.media}}
|
||||
{% 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="row mb-2">
|
||||
<div class="col-sm-12 col-xxl-12">
|
||||
<div class=" height-equal">
|
||||
<div class="">
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="row">
|
||||
<div class="col-md-2 col-xs-12">
|
||||
<div class="nav flex-column nav-pills nav-primary" id="ver-pills-tab" role="tablist" aria-orientation="vertical">
|
||||
|
||||
<a class="nav-link active" id="ver-pills-home-tab" data-bs-toggle="pill" href="#ver-pills-home" role="tab" aria-controls="ver-pills-home" aria-selected="true">General</a>
|
||||
|
||||
<a class="nav-link" id="ver-pills-logo-tab" data-bs-toggle="pill" href="#ver-pills-logo" role="tab" aria-controls="ver-pills-logo" aria-selected="false">Logo</a>
|
||||
|
||||
<a class="nav-link" id="ver-pills-contact-tab" data-bs-toggle="pill" href="#ver-pills-contact" role="tab" aria-controls="ver-pills-contact" aria-selected="false">Contact</a>
|
||||
|
||||
<a class="nav-link" id="ver-pills-sms-tab" data-bs-toggle="pill" href="#ver-pills-sms" role="tab" aria-controls="ver-pills-sms" aria-selected="false">SMS</a>
|
||||
|
||||
<a class="nav-link" id="ver-pills-analytics-tab" data-bs-toggle="pill" href="#ver-pills-analytics" role="tab" aria-controls="ver-pills-analytics" aria-selected="false">Social</a>
|
||||
|
||||
<a class="nav-link" id="ver-pills-others-tab" data-bs-toggle="pill" href="#ver-pills-others" role="tab" aria-controls="ver-pills-others" aria-selected="false">Others</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-10 col-xs-12">
|
||||
<div class="tab-content" id="ver-pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="ver-pills-home" role="tabpanel" aria-labelledby="ver-pills-home-tab">
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.name.id_for_label }}" class="form-label">Application Name</label>
|
||||
{{ form.name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.author.id_for_label }}" class="form-label">Author</label>
|
||||
{{ form.author }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.currency_name.id_for_label }}" class="form-label">Currency Name</label>
|
||||
{{ form.currency_name }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.currency_symbol.id_for_label }}" class="form-label">Currency Symbol</label>
|
||||
{{ form.currency_symbol }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.slider_particle_is_active.id_for_label }}" class="form-label">Slider Particle Animation</label>
|
||||
<div class="media-body text-end icon-state">
|
||||
<label class="switch">
|
||||
{{ form.slider_particle_is_active }}<span class="switch-state"></span>
|
||||
</label>
|
||||
</div>
|
||||
<p>After turning it off your website's slider particle animation will be disappear. If you want the animation keep it on.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.default_menu_is_active.id_for_label }}" class="form-label">Default Menu</label>
|
||||
<div class="media-body text-end icon-state">
|
||||
<label class="switch">
|
||||
{{ form.default_menu_is_active }}<span class="switch-state"></span>
|
||||
</label>
|
||||
</div>
|
||||
<p>After turning it off your website's default navigation menu will be disappear then you can add your custom menu from <a href="{% url "AdminPrimaryMenuList" %}">here.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.magic_cursor_is_active.id_for_label }}" class="form-label">Magic Cursor</label>
|
||||
<div class="media-body text-end icon-state">
|
||||
<label class="switch">
|
||||
{{ form.magic_cursor_is_active }}<span class="switch-state"></span>
|
||||
</label>
|
||||
</div>
|
||||
<p>This will show a cursor effect on the website. Keep turn on to enable the effect.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.show_call_now_widget.id_for_label }}" class="form-label">Call now widget</label>
|
||||
<div class="media-body text-end icon-state">
|
||||
<label class="switch">
|
||||
{{ form.show_call_now_widget }}<span class="switch-state"></span>
|
||||
</label>
|
||||
</div>
|
||||
<p>This will show a call now widget in service & project details page.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="tab-pane fade " id="ver-pills-logo" role="tabpanel" aria-labelledby="ver-pills-logo-tab">
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.logo_light.id_for_label }}" class="form-label">Logo Light</label>
|
||||
<br>
|
||||
{% if settings.logo_light %}
|
||||
<img class="mb-2" src="{{ settings.logo_light.url }}" width="160" alt="Current Image">
|
||||
{% endif %}
|
||||
<br>
|
||||
{{ form.logo_light }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.logo_dark.id_for_label }}" class="form-label">Logo Dark</label>
|
||||
<br>
|
||||
{% if settings.logo_dark %}
|
||||
<img class="mb-2" src="{{ settings.logo_dark.url }}" width="160" alt="Current Image">
|
||||
{% endif %}
|
||||
<br>
|
||||
{{ form.logo_dark }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.logo_dark.id_for_label }}" class="form-label">Favicon</label>
|
||||
<br>
|
||||
{% if settings.favicon %}
|
||||
<img class="mb-2" src="{{ settings.favicon.url }}" width="30" alt="Current Image">
|
||||
{% endif %}
|
||||
<br>
|
||||
{{ form.favicon }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="ver-pills-contact" role="tabpanel" aria-labelledby="ver-pills-contact-tab">
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.email_address.id_for_label }}" class="form-label">Email</label>
|
||||
{{ form.email_address }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.phone.id_for_label }}" class="form-label">Phone ( What's App )</label>
|
||||
{{ form.phone }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.price_ragne.id_for_label }}" class="form-label">Price Range</label>
|
||||
{{ form.price_ragne }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.address.id_for_label }}" class="form-label">Address</label>
|
||||
{{ form.address }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.city.id_for_label }}" class="form-label">City</label>
|
||||
{{ form.city }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.state.id_for_label }}" class="form-label">State</label>
|
||||
{{ form.state }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.postal.id_for_label }}" class="form-label">Postal</label>
|
||||
{{ form.postal }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.country.id_for_label }}" class="form-label">Country</label>
|
||||
{{ form.country }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.address.id_for_label }}" class="form-label">Map Iframe Code</label>
|
||||
{{ form.map_iframe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.contact_form_image.id_for_label }}" class="form-label">Contact Form Image</label>
|
||||
{% if settings.contact_form_image %}
|
||||
<br>
|
||||
<img src="{{ settings.contact_form_image.url }}" width="50" alt="formimg" srcset="">
|
||||
<br>
|
||||
{% endif %}
|
||||
{{ form.contact_form_image }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="ver-pills-sms" role="tabpanel" aria-labelledby="ver-pills-sms-tab">
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.twilio_sid.id_for_label }}" class="form-label">Twilio SID</label>
|
||||
{{ form.twilio_sid }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.twilio_auth_token.id_for_label }}" class="form-label">Auth Token</label>
|
||||
{{ form.twilio_auth_token }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.twilio_from_number.id_for_label }}" class="form-label">Twilio Number</label>
|
||||
{{ form.twilio_from_number }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="ver-pills-analytics" role="tabpanel" aria-labelledby="ver-pills-analytics-tab">
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.analytics_code.id_for_label }}" class="form-label">Google Analytics Measurement Code</label>
|
||||
{{ form.analytics_code }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-2">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.facebook_pixel_code.id_for_label }}" class="form-label">Facebook Pixel Code</label>
|
||||
{{ form.facebook_pixel_code }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.facebook_chat_code.id_for_label }}" class="form-label">Facebook Chat Code</label>
|
||||
{{ form.facebook_chat_code }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.whatsapp_is_active.id_for_label }}" class="form-label">Whats App Button</label>
|
||||
<div class="media-body text-end icon-state">
|
||||
<label class="switch">
|
||||
{{ form.whatsapp_is_active }}<span class="switch-state"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.facebook_chat_is_active.id_for_label }}" class="form-label">Facebook Chat Button</label>
|
||||
<div class="media-body text-end icon-state">
|
||||
<label class="switch">
|
||||
{{ form.facebook_chat_is_active }}<span class="switch-state"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade " id="ver-pills-others" role="tabpanel" aria-labelledby="ver-pills-others-tab">
|
||||
|
||||
<div class="row mb-1">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.custom_css.id_for_label }}" class="form-label">Custom CSS</label>
|
||||
{{ form.custom_css }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<label for="{{ form.custom_css.id_for_label }}" class="form-label">Custom JS</label>
|
||||
{{ form.custom_js }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<button class="btn btn-primary mb-5" type="submit">Save</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Container-fluid Ends-->
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,120 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<link rel="shortcut icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<title>Error 400 - {{ seo_settings.meta_title }}</title>
|
||||
|
||||
<style id="" media="all">/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh;background:#030005}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:767px;width:100%;line-height:1.4;text-align:center}.notfound .notfound-404{position:relative;height:180px;margin-bottom:20px;z-index:-1}.notfound .notfound-404 h1{font-family:montserrat,sans-serif;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:224px;font-weight:900;margin-top:0;margin-bottom:0;margin-left:-12px;color:#030005;text-transform:uppercase;text-shadow:-1px -1px 0 #8400ff,1px 1px 0 #ff005a;letter-spacing:-20px}.notfound .notfound-404 h2{font-family:montserrat,sans-serif;position:absolute;left:0;right:0;top:110px;font-size:42px;font-weight:700;color:#fff;text-transform:uppercase;text-shadow:0 2px 0 #8400ff;letter-spacing:13px;margin:0}.notfound a{font-family:montserrat,sans-serif;display:inline-block;text-transform:uppercase;color:#ff005a;text-decoration:none;border:2px solid;background:0 0;padding:10px 40px;font-size:14px;font-weight:700;-webkit-transition:.2s all;transition:.2s all}.notfound a:hover{color:#8400ff}@media only screen and (max-width:767px){.notfound .notfound-404 h2{font-size:24px}}@media only screen and (max-width:480px){.notfound .notfound-404 h1{font-size:182px}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="notfound">
|
||||
<div class="notfound">
|
||||
<div class="notfound-404">
|
||||
<h1>404</h1>
|
||||
<h2>Page not found</h2>
|
||||
</div>
|
||||
<a href="{% url "homePageFront" %}">Homepage</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,127 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<link rel="shortcut icon" href="{{ settings.favicon.url }}" type="image/x-icon">
|
||||
<title>Error 500 - {{ seo_settings.meta_title }}</title>
|
||||
|
||||
<style id="" media="all">/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: url(/fonts.gstatic.com/s/montserrat/v26/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh;background:#030005}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:767px;width:100%;line-height:1.4;text-align:center}.notfound .notfound-404{position:relative;height:180px;margin-bottom:20px;z-index:-1}.notfound .notfound-404 h1{font-family:montserrat,sans-serif;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:224px;font-weight:900;margin-top:0;margin-bottom:0;margin-left:-12px;color:#030005;text-transform:uppercase;text-shadow:-1px -1px 0 #8400ff,1px 1px 0 #ff005a;letter-spacing:-20px}.notfound .notfound-404 h2{font-family:montserrat,sans-serif;position:absolute;left:0;right:0;top:110px;font-size:42px;font-weight:700;color:#fff;text-transform:uppercase;text-shadow:0 2px 0 #8400ff;letter-spacing:13px;margin:0}.notfound a{font-family:montserrat,sans-serif;display:inline-block;text-transform:uppercase;color:#ff005a;text-decoration:none;border:2px solid;background:0 0;padding:10px 40px;font-size:14px;font-weight:700;-webkit-transition:.2s all;transition:.2s all}.notfound a:hover{color:#8400ff}@media only screen and (max-width:767px){.notfound .notfound-404 h2{font-size:24px}}@media only screen and (max-width:480px){.notfound .notfound-404 h1{font-size:182px}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="notfound">
|
||||
<div class="notfound">
|
||||
<div class="notfound-404">
|
||||
<h1>500</h1>
|
||||
<h2>Server Error</h2>
|
||||
</div>
|
||||
<a href="#" id="goBackLink">Back to previous</a>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
document.getElementById("goBackLink").addEventListener("click", function(event) {
|
||||
event.preventDefault(); // Prevent the default link behavior
|
||||
window.history.back(); // Go back to the previous page
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,87 @@
|
||||
{% if demo_mode_enabled %}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
|
||||
<script>
|
||||
// Initialize Toastr
|
||||
toastr.options = {
|
||||
"closeButton": true,
|
||||
"debug": false,
|
||||
"newestOnTop": false,
|
||||
"progressBar": true,
|
||||
"positionClass": "toast-top-right",
|
||||
"preventDuplicates": false,
|
||||
"onclick": null,
|
||||
"showDuration": "300",
|
||||
"hideDuration": "1000",
|
||||
"timeOut": "5000",
|
||||
"extendedTimeOut": "1000",
|
||||
"showEasing": "swing",
|
||||
"hideEasing": "linear",
|
||||
"showMethod": "fadeIn",
|
||||
"hideMethod": "fadeOut",
|
||||
"toastContainerId": "toastr-container"
|
||||
};
|
||||
|
||||
// This function will be called when the page loads
|
||||
$(document).ready(function() {
|
||||
// Intercept the form submission
|
||||
$("form").submit(function(event) {
|
||||
event.preventDefault(); // Prevent the default form submission
|
||||
|
||||
// Simulate an AJAX request here
|
||||
// In your actual code, replace this with your AJAX call
|
||||
setTimeout(function() {
|
||||
var response = {
|
||||
status: 'error',
|
||||
message: 'Modifications are not allowed in demo mode.'
|
||||
};
|
||||
|
||||
// Check if the response contains an error message
|
||||
if (response.status === 'error') {
|
||||
// Display the error message using Toastr
|
||||
toastr.error(response.message);
|
||||
} else {
|
||||
// Continue with the normal form submission if no error
|
||||
$(event.target).unbind('submit').submit();
|
||||
}
|
||||
}, 1000); // Simulated delay for demonstration
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
// Initialize Toastr
|
||||
toastr.options = {
|
||||
"closeButton": true,
|
||||
"debug": false,
|
||||
"newestOnTop": false,
|
||||
"progressBar": true,
|
||||
"positionClass": "toast-top-right",
|
||||
"preventDuplicates": false,
|
||||
"onclick": null,
|
||||
"showDuration": "300",
|
||||
"hideDuration": "1000",
|
||||
"timeOut": "5000",
|
||||
"extendedTimeOut": "1000",
|
||||
"showEasing": "swing",
|
||||
"hideEasing": "linear",
|
||||
"showMethod": "fadeIn",
|
||||
"hideMethod": "fadeOut",
|
||||
"toastContainerId": "toastr-container"
|
||||
};
|
||||
|
||||
// This function will be called when the page loads
|
||||
$(document).ready(function() {
|
||||
// Intercept clicks on links
|
||||
$("a").click(function(event) {
|
||||
// Check if the link's href contains "delete"
|
||||
if ($(this).attr("href").includes("delete")) {
|
||||
// Prevent the default behavior (navigating to the link)
|
||||
event.preventDefault();
|
||||
|
||||
// Display a Toastr error message
|
||||
toastr.error('Deletion is not allowed in demo mode');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,310 @@
|
||||
<!doctype html>
|
||||
{% load static %}
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<meta name="description" content="{{seo_settings.meta_description}}">
|
||||
{% if request.is_secure %}
|
||||
<link rel="canonical" href="https://{{ request.get_host }}">
|
||||
{% else %}
|
||||
<link rel="canonical" href="http://{{ request.get_host }}">
|
||||
{% endif %}
|
||||
<meta name="keywords" content="{{seo_settings.seo_keywords}}" />
|
||||
{% if request.is_secure %}
|
||||
<meta name="publisher" content="https://{{ request.get_host }}">
|
||||
{% else %}
|
||||
<meta name="publisher" content="http://{{ request.get_host }}">
|
||||
{% endif %}
|
||||
<meta name="copyright" content="{{header_footer.footer_copyright}}" />
|
||||
<meta name="author" content="{{settings.author}}" />
|
||||
<meta name="contact" content="{{settings.email_address}}" />
|
||||
|
||||
<meta name="robots" content="index, follow" />
|
||||
<meta name="googlebot" content="index, follow" />
|
||||
<meta name="subjects" content="{{settings.name}}" />
|
||||
<meta name="classification" content="{{settings.name}}" />
|
||||
|
||||
<meta itemprop="name" content="{% block title1 %}{% endblock title1 %}">
|
||||
<meta itemprop="description" content="{{seo_settings.meta_description}}">
|
||||
{% if seo_settings.meta_image %}
|
||||
<meta itemprop="image" content="{% if request.is_secure %}https://{{ request.get_host }}{{seo_settings.meta_image.url}}{% else %}http://{{ request.get_host }}{{seo_settings.meta_image.url}}{% endif %}">
|
||||
{% endif %}
|
||||
|
||||
<meta property="og:title" content="{% block title2 %}{% endblock title2 %}" />
|
||||
<meta property="og:type" content="{{seo_settings.seo_keywords}}" />
|
||||
{% if request.is_secure %}
|
||||
<meta property="og:url" content="https://{{ request.get_host }}" />
|
||||
{% else %}
|
||||
<meta property="og:url" content="http://{{ request.get_host }}" />
|
||||
{% endif %}
|
||||
{% if seo_settings.meta_image %}
|
||||
<meta property="og:image" content="{% if request.is_secure %}https://{{ request.get_host }}{{seo_settings.meta_image.url}}{% else %}http://{{ request.get_host }}{{seo_settings.meta_image.url}}{% endif %}" />
|
||||
{% endif %}
|
||||
<meta property="og:site_name" content="{{settings.name}}" />
|
||||
<meta property="og:description" content="{{seo_settings.meta_description}}" />
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="{{settings.favicon.url}}" type="image/x-icon">
|
||||
<link rel="icon" href="{{settings.favicon.url}}" type="image/x-icon">
|
||||
|
||||
<link href="{% static 'front/assets/css/bootstrap.min.css' %}" rel="stylesheet">
|
||||
|
||||
<link href="{% static 'front/assets/css/bootstrap-icons.css' %}" rel="stylesheet">
|
||||
|
||||
<link href="{% static 'front/assets/css/all.min.css' %}" rel="stylesheet">
|
||||
|
||||
<link href="{% static 'front/assets/css/fontawesome.min.css' %}" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'front/assets/css/swiper-bundle.min.css' %}">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'front/assets/css/magnific-popup.css' %}">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'front/assets/css/animate.min.css' %}">
|
||||
|
||||
<link rel="stylesheet" href="{% static 'front/assets/css/style.css' %}">
|
||||
|
||||
<title>{% block title %}{% endblock title %}</title>
|
||||
<style>
|
||||
.service-ico {
|
||||
font-size: 70px !important;
|
||||
color: #5da78b;
|
||||
}
|
||||
</style>
|
||||
|
||||
{% if settings.facebook_chat_is_active %}
|
||||
{{settings.facebook_chat_code|safe}}
|
||||
{% endif %}
|
||||
|
||||
{% if settings.facebook_pixel_code %}
|
||||
{{settings.facebook_pixel_code|safe}}
|
||||
{% endif %}
|
||||
|
||||
{% if settings.analytics_code %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
{% if settings.custom_css %}
|
||||
<style>
|
||||
{{ settings.custom_css }}
|
||||
</style>
|
||||
{% endif %}
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header class="header-area position_top">
|
||||
<div class="site-logo">
|
||||
<div class="logo">
|
||||
<a href="{% url "homePageFront" %}"><img src="{{ settings.logo_light.url }}" alt="image"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-menu">
|
||||
<nav class="main-nav">
|
||||
<div class="mobile-menu-logo">
|
||||
<a href="{% url "homePageFront" %}"><img src="{{ settings.logo_dark.url }}" alt></a>
|
||||
<div class="remove">
|
||||
<i class="bi bi-plus-lg"></i>
|
||||
</div>
|
||||
</div>
|
||||
{% if settings.default_menu_is_active %}
|
||||
<ul>
|
||||
<li class="has-child {% if request.path == '/' %}active{% endif %}">
|
||||
<a href="{% url "homePageFront" %}">Home</a>
|
||||
</li>
|
||||
<li class="has-child {% if request.path == '/about-us/' %}active{% endif %}">
|
||||
<a href="{% url "aboutPageFront" %}">About Us</a>
|
||||
</li>
|
||||
<li class="has-child {% if request.path == '/services/' %}active{% endif %}">
|
||||
<a href="{% url "serviceFrontPage" %}">Services</a>
|
||||
</li>
|
||||
<li class="has-child {% if request.path == '/projects/' %}active{% endif %}">
|
||||
<a href="{% url "projectPageFront" %}">Projects</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% else %}
|
||||
<ul>
|
||||
{% for primary_menu in primary_menus %}
|
||||
<li class="has-child {% if primary_menu.name == 'Home' %}active{% endif %}">
|
||||
<a href="{{ primary_menu.url }}">{{ primary_menu.name }}</a>
|
||||
|
||||
{% if primary_menu.submenu_set.all %}
|
||||
<i class="bi bi-chevron-down"></i>
|
||||
<ul class="sub-menu">
|
||||
{% for sub_menu in sub_menus %}
|
||||
{% if sub_menu.parent_menu == primary_menu %}
|
||||
<li><a href="{{ sub_menu.url }}">{{ sub_menu.name }}</a></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
<div class="get-qoute d-flex justify-content-center d-lg-none d-block pt-50">
|
||||
<div class="cmn-btn">
|
||||
<div class="line-1"></div>
|
||||
<div class="line-2"></div>
|
||||
<a href="{{ header_footer.header_button_url }}">{{ header_footer.header_button_text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="nav-right">
|
||||
<div class="get-qoute">
|
||||
<div class="cmn-btn">
|
||||
<div class="line-1"></div>
|
||||
<div class="line-2"></div>
|
||||
<a href="{{ header_footer.header_button_url }}">{{ header_footer.header_button_text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mobile-menu">
|
||||
<a href="javascript:void(0)" class="cross-btn">
|
||||
<span class="cross-top"></span>
|
||||
<span class="cross-middle"></span>
|
||||
<span class="cross-bottom"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
{% block content %}{% endblock content %}
|
||||
|
||||
<!--====================== Footer Section ======================-->
|
||||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="footer-top">
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-lg-3 col-xl-3">
|
||||
<div class="footer-widget">
|
||||
<div class="footer-logo">
|
||||
<a href="index.html"><img src="{{ settings.logo_light.url }}" alt></a>
|
||||
</div>
|
||||
<p>{{ header_footer.footer_col1_description }}</p>
|
||||
<ul class="social-media-icons">
|
||||
{% if header_footer.social1_icon %}
|
||||
<li><a href="{{ header_footer.social1_link }}"><i class="{{ header_footer.social1_icon }}"></i></a></li>
|
||||
{% endif %}
|
||||
{% if header_footer.social2_icon %}
|
||||
<li><a href="{{ header_footer.social2_link }}"><i class="{{ header_footer.social2_icon }}"></i></a></li>
|
||||
{% endif %}
|
||||
{% if header_footer.social3_icon %}
|
||||
<li><a href="{{ header_footer.social3_link }}"><i class="{{ header_footer.social3_icon }}"></i></a></li>
|
||||
{% endif %}
|
||||
{% if header_footer.social4_icon %}
|
||||
<li><a href="{{ header_footer.social4_link }}"><i class="{{ header_footer.social4_icon }}"></i></a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-lg-3 col-xl-3">
|
||||
<div class="footer-widget">
|
||||
<h4>Our Services</h4>
|
||||
<ul class="footer-menu">
|
||||
{% for service in fservices|slice:":6" %}
|
||||
<li><a href="{% url "serviceDetail" service.slug %}">{{ service.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-lg-3 col-xl-3">
|
||||
<div class="footer-widget">
|
||||
<h4>Recent Projects</h4>
|
||||
<ul class="footer-menu">
|
||||
{% for project in fprojects|slice:":6" %}
|
||||
<li><a href="{% url "projectDetails" project.slug %}">{{ project.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 col-lg-3 col-xl-3">
|
||||
<div class="footer-widget">
|
||||
<h4>Contacts</h4>
|
||||
<div class="number">
|
||||
<div class="num-icon">
|
||||
<i class="fas fa-phone-alt"></i>
|
||||
</div>
|
||||
<div class="phone">
|
||||
<a href="tel:{{ settings.phone }}">{{ settings.phone }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="office-mail">
|
||||
<div class="mail-icon">
|
||||
<i class="far fa-envelope"></i>
|
||||
</div>
|
||||
<div class="email">
|
||||
<a href="mailto:{{ settings.email_address }}"><span class="__cf_email__"
|
||||
data-cfemail="630a0d050c23061b020e130f064d000c0e">{{ settings.email_address }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="address">
|
||||
<div class="address-icon">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
</div>
|
||||
<p>{{settings.address}}, {{settings.city}}-{{settings.postal}}, {{settings.state}}, {{settings.country}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-4 col-lg-4 col-xl-5">
|
||||
<div class="copy-txt">
|
||||
<span>{{ header_footer.footer_copyright|safe }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</main>
|
||||
|
||||
{% if settings.magic_cursor_is_active %}
|
||||
<div class="cursor"></div>
|
||||
{% endif %}
|
||||
|
||||
<div id="progress">
|
||||
<span id="progress-value"><i class="fas fa-arrow-up"></i></span>
|
||||
</div>
|
||||
|
||||
<script src="{% static 'front/assets/js/jquery-3.6.0.min.js' %}"></script>
|
||||
|
||||
<script src="{% static 'front/assets/js/popper.min.js' %}"></script>
|
||||
<script src="{% static 'front/assets/js/bootstrap.min.js' %}"></script>
|
||||
|
||||
<script src="{% static 'front/assets/js/swiper-bundle.min.js' %}"></script>
|
||||
|
||||
<script src="{% static 'front/assets/js/waypoints.min.js' %}"></script>
|
||||
|
||||
<script src="{% static 'front/assets/js/jquery.counterup.min.js' %}"></script>
|
||||
|
||||
<script src="{% static 'front/assets/js/isotope.pkgd.min.js' %}"></script>
|
||||
|
||||
<script src="{% static 'front/assets/js/jquery.magnific-popup.min.js' %}"></script>
|
||||
|
||||
<script src="{% static 'front/assets/js/wow.min.js' %}"></script>
|
||||
|
||||
<script src="{% static 'front/assets/js/particles.min.js' %}"></script>
|
||||
<script src="{% static 'front/assets/js/app.js' %}"></script>
|
||||
|
||||
<script src="{% static 'front/assets/js/custom.js' %}"></script>
|
||||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
|
||||
|
||||
|
||||
{% if settings.custom_js %}
|
||||
<script>
|
||||
{{ settings.custom_js }}
|
||||
</script>
|
||||
{% endif %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,163 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{seo.meta_title}} - {{seo.meta_description}} {% endblock title %}
|
||||
{% block title1 %} {{seo.meta_title}} - {{seo_settings.meta_title}} {% endblock title1 %}
|
||||
{% block title2 %} {{seo.meta_title}} - {{seo_settings.meta_title}} {% endblock title2 %}
|
||||
{% block content %}
|
||||
|
||||
<main class="creasoft-wrap">
|
||||
|
||||
<div class="line_wrap">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
<section class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumb-wrapper">
|
||||
<div class="breadcrumb-cnt">
|
||||
<h1>About us</h1>
|
||||
<span><a href="{% url "homePageFront" %}">Home</a><i class="bi bi-arrow-right"></i>About us</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% if aboutpage %}
|
||||
<section class="why-choose sec-mar wow animate fadeIn" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="why-choose-left">
|
||||
{% if aboutpage.image1 %}
|
||||
<div class="choose-banner1">
|
||||
<img src="{{ aboutpage.image1.url }}" alt>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="choose-banner2">
|
||||
{% if aboutpage.image2 %}
|
||||
<img src="{{ aboutpage.image2.url }}" alt>
|
||||
{% endif %}
|
||||
{% if aboutpage.image3 %}
|
||||
<img src="{{ aboutpage.image3.url }}" alt>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if aboutpage.years_of_experience %}
|
||||
<div class="years">
|
||||
<h5>{{ aboutpage.years_of_experience }}</h5>
|
||||
<span>Years</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="why-choose-right">
|
||||
<div class="sec-title layout2">
|
||||
{% if aboutpage.subtitle %}
|
||||
<span>{{ aboutpage.subtitle }}</span>
|
||||
{% endif %}
|
||||
{% if aboutpage.title %}
|
||||
<h2>{{ aboutpage.title }}</h2>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="counter-boxes">
|
||||
{% for fact in funfact|slice:":3" %}
|
||||
<div class="count-box">
|
||||
<span class="">{% if fact.count %}{{ fact.count }}{% endif %}</span><sup>{% if fact.count_after %}{{ fact.count_after }}{% endif %}</sup>
|
||||
{% if fact.title %}
|
||||
<h5>{{ fact.title }}</h5>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% if aboutpage.description %}
|
||||
<p>{{ aboutpage.description|safe }}</p>
|
||||
{% endif %}
|
||||
<div class="buttons-group">
|
||||
{% if aboutpage.feature1 %}
|
||||
<span>{{ aboutpage.feature1 }}</span>
|
||||
{% endif %}
|
||||
{% if aboutpage.feature2 %}
|
||||
<span>{{ aboutpage.feature2 }}</span>
|
||||
{% endif %}
|
||||
{% if aboutpage.feature3 %}
|
||||
<span>{{ aboutpage.feature3 }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
<!--====================== background Section======================-->
|
||||
<div id="particles-js" class="particles-cls"></div>
|
||||
<!--====================== Hero Section======================-->
|
||||
<!--====================== About Section ======================-->
|
||||
{% if about %}
|
||||
<section class="about-area sec-mar-bottom wow animate slideInUp" data-wow-delay="200ms"
|
||||
data-wow-duration="1500ms">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 or-2 wow animate fadeIn" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div class="sec-title layout2">
|
||||
{% if about.subtitle %}
|
||||
<span>{{ about.subtitle }}</span>
|
||||
{% endif %}
|
||||
{% if about.title %}
|
||||
<h2>{{ about.title }}</h2>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="about-left">
|
||||
{% if about.short_description %}
|
||||
<h3>{{ about.short_description }}</h3>
|
||||
{% endif %}
|
||||
{% if about.long_description %}
|
||||
<p>{{ about.long_description|safe }}</p>
|
||||
{% endif %}
|
||||
<div class="company-since">
|
||||
{% if settings.logo_dark %}
|
||||
<div class="company-logo">
|
||||
<img src="{{ settings.logo_dark.url }}" width="300" alt>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if about.ranking_number %}
|
||||
<strong>#{{ about.ranking_number }}</strong>
|
||||
{% endif %}
|
||||
|
||||
<h4>{% if about.tag_line %}{{ about.tag_line }}{% endif %} {% if about.experience %}<span>{{ about.experience }}</span>{% endif %}</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 or-1 wow animate fadeIn" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div class="about-right">
|
||||
{% if about.image %}
|
||||
<div class="banner-1">
|
||||
<img src="{{ about.image.url }}" alt>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if about.video_thumbnail %}
|
||||
<div class="banner-2">
|
||||
<img src="{{ about.video_thumbnail.url }}" alt>
|
||||
<div class="banner2-inner">
|
||||
<div class="play">
|
||||
<a class="video-popup" href="{{ about.video_url }}"><i
|
||||
class="fas fa-play"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,150 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{seo.meta_title}} - {{seo.meta_description}} {% endblock title %}
|
||||
{% block title1 %} {{seo.meta_title}} - {{seo_settings.meta_title}} {% endblock title1 %}
|
||||
{% block title2 %} {{seo.meta_title}} - {{seo_settings.meta_title}} {% endblock title2 %}
|
||||
{% block content %}
|
||||
<main class="creasoft-wrap">
|
||||
|
||||
<div class="line_wrap">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumb-wrapper">
|
||||
<div class="breadcrumb-cnt">
|
||||
<h1>Contact us</h1>
|
||||
<span><a href="{% url "homePageFront" %}">Home</a><i class="bi bi-arrow-right"></i>Contact us</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="contact-area sec-mar">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-5">
|
||||
<div class="contact-left">
|
||||
<div class="sec-title layout2">
|
||||
<span>Get in touch</span>
|
||||
<h2>Contact us if you have more questions.</h2>
|
||||
</div>
|
||||
<ul class="social-follow">
|
||||
{% if header_footer.social1_icon %}
|
||||
<li><a href="{{ header_footer.social1_link }}"><i class="{{ header_footer.social1_icon }}"></i></a></li>
|
||||
{% endif %}
|
||||
{% if header_footer.social2_icon %}
|
||||
<li><a href="{{ header_footer.social2_link }}"><i class="{{ header_footer.social2_icon }}"></i></a></li>
|
||||
{% endif %}
|
||||
{% if header_footer.social3_icon %}
|
||||
<li><a href="{{ header_footer.social3_link }}"><i class="{{ header_footer.social3_icon }}"></i></a></li>
|
||||
{% endif %}
|
||||
{% if header_footer.social4_icon %}
|
||||
<li><a href="{{ header_footer.social4_link }}"><i class="{{ header_footer.social4_icon }}"></i></a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
<div class="informations">
|
||||
{% if settings.address %}
|
||||
<div class="single-info">
|
||||
<div class="icon">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h3>Location</h3>
|
||||
<p>{{settings.address}}, {% if settings.city %}{{settings.city}}-{% endif %}{% if settings.postal %}{{settings.postal}},{% endif %} {% if settings.state %}{{settings.state}},{% endif %} {% if settings.country %}{{settings.country}}{% endif %}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if settings.phone %}
|
||||
<div class="single-info">
|
||||
<div class="icon">
|
||||
<i class="fas fa-phone-alt"></i>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h3>Phone</h3>
|
||||
<a href="tel:{{ settings.phone }}">{{ settings.phone }}</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if settings.email_address %}
|
||||
<div class="single-info">
|
||||
<div class="icon">
|
||||
<i class="far fa-envelope"></i>
|
||||
</div>
|
||||
<div class="info">
|
||||
<h3>Email</h3>
|
||||
<a href="mailto:{{ settings.email_address }}"><span>{{ settings.email_address }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-7">
|
||||
<div class="mapouter">
|
||||
<div class="gmap_canvas">
|
||||
{{settings.map_iframe|safe}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="getin-touch">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-7">
|
||||
<div class="contact-form wow animate fadeInUp" data-wow-delay="200ms"
|
||||
data-wow-duration="1500ms">
|
||||
<h3>Have Any Questions</h3>
|
||||
<div id="custom-alert" class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
<strong>Success!</strong> Your message has been sent successfully! We will get back to you soon.
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
|
||||
<form method="post" class="cntform" id="contact-form">
|
||||
{% csrf_token %}
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<input type="text" name="name" required placeholder="Enter your name">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<input type="email" name="email" required placeholder="Enter your email">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<input type="number" name="phone" placeholder="Enter your phone">
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<input type="text" name="subject" required placeholder="Subject">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<textarea name="message" cols="30" rows="10"
|
||||
placeholder="Your message"></textarea>
|
||||
<input type="submit" class="contact-btn" value="Send Message">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% if settings.contact_form_image %}
|
||||
<div class="col-md-6 col-lg-5 wow animate fadeInUp" data-wow-delay="300ms"
|
||||
data-wow-duration="1500ms">
|
||||
<div class="call-banner">
|
||||
<img src="{{ settings.contact_form_image.url }}" alt>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,268 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{meta.meta_title}} - {{meta.meta_description}} {% endblock title %}
|
||||
{% block title1 %} {{meta.meta_title}} - {{seo_settings.tag_line}} {% endblock title1 %}
|
||||
{% block title2 %} {{meta.meta_title}} - {{seo_settings.tag_line}} {% endblock title2 %}
|
||||
{% block content %}
|
||||
|
||||
<main class="creasoft-wrap layout2">
|
||||
|
||||
<div class="line_wrap layout2">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
<section class="hero-area">
|
||||
<div class="hero-slide">
|
||||
<div class="swiper-wrapper">
|
||||
{% for slider in sliders %}
|
||||
<div class="swiper-slide">
|
||||
<section class="hero-area">
|
||||
{% if settings.slider_particle_is_active %}
|
||||
<div id="particles-js-{{ forloop.counter }}" class="particles-cls"></div>
|
||||
{% endif %}
|
||||
<div class="hero-wrapper">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="hero-content layout2">
|
||||
|
||||
<h1>{% if slider.title %}{{ slider.title }}{% endif %}
|
||||
<span>{% if slider.subtitle %}{{ slider.subtitle }}{% endif %}</span>
|
||||
</h1>
|
||||
<p>{% if slider.description %}{{ slider.description|safe }}{% endif %}</p>
|
||||
<div class="buttons">
|
||||
{% if slider.button1_url or slider.button1_text %}
|
||||
<div class="cmn-btn">
|
||||
<div class="line-1"></div>
|
||||
<div class="line-2"></div>
|
||||
<a href="{{ slider.button1_url }}">{{ slider.button1_text }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if slider.button2_url or slider.button2_text %}
|
||||
<div class="cmn-btn layout-two">
|
||||
<div class="line-1"></div>
|
||||
<div class="line-2"></div>
|
||||
<a href="{{ slider.button2_url }}">{{ slider.button2_text }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
{% if slider.image %}
|
||||
<div class="hero-img">
|
||||
<img src="{{ slider.image.url }}" class="slider_img"
|
||||
alt>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
<div class="swiper-button-next" id="slider_btn"></div>
|
||||
<div class="swiper-button-prev" id="slider_btn"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--====================== background Section======================-->
|
||||
<div id="particles-js" class="particles-cls"></div>
|
||||
<!--====================== =============== ======================-->
|
||||
|
||||
|
||||
<!--====================== Service Section======================-->
|
||||
{% if services %}
|
||||
<section class="services-area layout2 sec-mar">
|
||||
<div class="container">
|
||||
<div class="title-wrap wow animate fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div class="sec-title white">
|
||||
<span>Our Solutions</span>
|
||||
<h2>Services</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper services-slider">
|
||||
<div class="swiper-wrapper">
|
||||
{% for service in services %}
|
||||
<div class="swiper-slide wow animate fadeInUp" data-wow-delay="400ms" data-wow-duration="1500ms">
|
||||
<div class="single-service layout2">
|
||||
<span>0{{ forloop.counter }}</span>
|
||||
{% if service.fontawesome_icon_class %}
|
||||
<div class="icon">
|
||||
<i class="{{ service.fontawesome_icon_class }} service-ico"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if service.name %}
|
||||
<h4>{{ service.name }}</h4>
|
||||
{% endif %}
|
||||
{% if service.short_description %}
|
||||
<p>{{ service.short_description }}</p>
|
||||
{% endif %}
|
||||
<div class="read-btn">
|
||||
<a href="{% url "serviceDetail" service.slug %}">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="swiper-pagination d-md-none d-md-block"></div>
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
<!--====================== About Section ======================-->
|
||||
{% if about %}
|
||||
<section class="about-area sec-mar-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 or-2 wow animate fadeIn" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div class="sec-title white layout2">
|
||||
{% if about.subtitle %}
|
||||
<span>{{ about.subtitle }}</span>
|
||||
{% endif %}
|
||||
{% if about.title %}
|
||||
<h2>{{ about.title }}</h2>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="about-left layout2">
|
||||
{% if about.short_description %}
|
||||
<h3>{{ about.short_description }}</h3>
|
||||
{% endif %}
|
||||
{% if about.long_description %}
|
||||
<p>{{ about.long_description|safe }}</p>
|
||||
{% endif %}
|
||||
<div class="company-since layout2">
|
||||
{% if settings.logo_light %}
|
||||
<div class="company-logo">
|
||||
<img src="{{ settings.logo_light.url }}" width="300" alt>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if about.ranking_number %}
|
||||
<strong>#{{ about.ranking_number }}</strong>
|
||||
{% endif %}
|
||||
<h4>{% if about.tag_line %}{{ about.tag_line }}{% endif %} <span>{% if about.experience %}{{ about.experience }}{% endif %}</span></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 or-1 wow animate fadeIn" data-wow-delay="200ms" data-wow-duration="1500ms">
|
||||
<div class="about-right layout2">
|
||||
{% if about.image %}
|
||||
<div class="banner-1">
|
||||
<img src="{{ about.image.url }}" alt>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if about.video_thumbnail %}
|
||||
<div class="banner-2">
|
||||
<img src="{{ about.video_thumbnail.url }}" alt>
|
||||
<div class="banner2-inner">
|
||||
{% if about.video_url %}
|
||||
<div class="play">
|
||||
<a class="video-popup" href="{{ about.video_url }}"><i
|
||||
class="fas fa-play"></i></a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
<!--====================== Project Section ======================-->
|
||||
{% if projects %}
|
||||
<section class="project-area sec-mar">
|
||||
<div class="container">
|
||||
<div class="title-wrap">
|
||||
<div class="sec-title white">
|
||||
<span>Most Popular</span>
|
||||
<h2>Projects</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<ul class="isotope-menu layout2">
|
||||
<li class="active" data-filter="*">All</li>
|
||||
{% for category in project_categories %}
|
||||
<li data-filter=".{{category.slug}}">{% if category.name %}{{category.name}}{% endif %}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4 project-items">
|
||||
{% for project in projects|slice:":6" %}
|
||||
<div class="col-md-6 col-lg-4 single-item {{ project.category.slug }}">
|
||||
<div class="item-img">
|
||||
<a href="{% url "projectDetails" project.slug %}">
|
||||
<img src="{{ project.getProjectImage }}" alt="Project image">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item-inner-cnt">
|
||||
{% if project.category %}
|
||||
<span>{{ project.category }}</span>
|
||||
{% endif %}
|
||||
{% if project.title %}
|
||||
<h4>{{ project.title }}</h4>
|
||||
{% endif %}
|
||||
<div class="view-btn">
|
||||
<a href="{% url "projectDetails" project.slug %}">view details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
<!--====================== Clients Section ======================-->
|
||||
{% if clients %}
|
||||
<section class="our-partner">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-3">
|
||||
<div class="sec-title white layout2">
|
||||
<span></span>
|
||||
<h2>Our Partner</h2>
|
||||
<div class="-partnerslider-navigator">
|
||||
<div class="swiper-button-prev-c"><i class="bi bi-chevron-left"></i></div>
|
||||
<div class="swiper-button-next-c"><i class="bi bi-chevron-right"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<div class="swiper partner-slider">
|
||||
<div class="swiper-wrapper">
|
||||
{% for client in clients %}
|
||||
{% if client.image %}
|
||||
<div class="swiper-slide">
|
||||
<div class="single-partner">
|
||||
<img src="{{ client.image.url }}" alt="{{ client.name }}">
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
<script>
|
||||
const sliderCounting = {{sliders.count}}
|
||||
</script>
|
||||
|
||||
{% endblock content %}
|
||||
@@ -0,0 +1,50 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{page.title}} - {{seo_settings.meta_title}} {% endblock title %}
|
||||
{% block title1 %} {{page.title}} - {{seo_settings.meta_title}} {% endblock title1 %}
|
||||
{% block title2 %} {{page.title}} - {{seo_settings.meta_title}} {% endblock title2 %}
|
||||
{% block content %}
|
||||
|
||||
<main class="creasoft-wrap">
|
||||
|
||||
<div class="line_wrap">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumb-wrapper">
|
||||
<div class="breadcrumb-cnt">
|
||||
<h1>{{page.title}}</h1>
|
||||
<span><a href="{% url "homePageFront" %}">Home</a><i class="bi bi-arrow-right"></i>{{page.title}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="back-to-home sec-pad">
|
||||
<div class="container">
|
||||
<div class="row ">
|
||||
<div class="col-xl-12">
|
||||
<div class="">
|
||||
{{ page.content|safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,158 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{project.title}} - {{seo_settings.meta_title}} {% endblock title %}
|
||||
{% block title1 %} {{project.title}} - {{seo_settings.meta_title}} {% endblock title1 %}
|
||||
{% block title2 %} {{project.title}} - {{seo_settings.meta_title}} {% endblock title2 %}
|
||||
{% block content %}
|
||||
<main class="creasoft-wrap">
|
||||
|
||||
<div class="line_wrap">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumb-wrapper">
|
||||
<div class="breadcrumb-cnt">
|
||||
<h1>{{ project.title }}</h1>
|
||||
<span><a href="{% url "homePageFront" %}">Home</a><i class="bi bi-arrow-right"></i>Project<i class="bi bi-arrow-right"></i>{{ project.title }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="project-details sec-mar-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="project-details-content">
|
||||
{% if project.title %}
|
||||
<h3>{{ project.title }}</h3>
|
||||
{% endif %}
|
||||
{{ project.description|safe }}
|
||||
<div class="project-thumb mt-4">
|
||||
<img src="{{ project.getProjectImage }}" style="width:400px; border-radius:10px;" alt="project">
|
||||
{% if project.category %}
|
||||
<div class="tag">
|
||||
<a href="">{{ project.category }}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="sidebar-widget">
|
||||
{% if project.category %}
|
||||
<div class="client-box">
|
||||
<span>Category:</span>
|
||||
<h5>{{ project.category }}</h5>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if project.client %}
|
||||
<div class="client-box">
|
||||
<span>Client:</span>
|
||||
<h5>{{ project.client }}</h5>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if project.company %}
|
||||
<div class="client-box">
|
||||
<span>Company:</span>
|
||||
<h5>{{ project.company }}</h5>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if project.duration %}
|
||||
<div class="client-box">
|
||||
<span>Duration:</span>
|
||||
<h5>{{ project.duration }}</h5>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="sidebar-widget">
|
||||
<div class="contact-info">
|
||||
<h3>Need help?</h3>
|
||||
<p>Please feel free to contact with us. We are here to help you.</p>
|
||||
<div class="cmpy-info">
|
||||
<div class="icon">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
</div>
|
||||
<div class="cnt">
|
||||
<h5>Location</h5>
|
||||
<p>{{settings.address}}, {{settings.city}}-{{settings.postal}}, {{settings.state}}, {{settings.country}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cmpy-info">
|
||||
<div class="icon">
|
||||
<i class="fas fa-phone-alt"></i>
|
||||
</div>
|
||||
<div class="cnt">
|
||||
<h5>Phone</h5>
|
||||
<a href="tel:{{ settings.phone }}">{{ settings.phone }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cmpy-info">
|
||||
<div class="icon">
|
||||
<i class="far fa-envelope"></i>
|
||||
</div>
|
||||
<div class="cnt">
|
||||
<h5>Email</h5>
|
||||
<a href="mailto:{{ settings.email_address }}"><span class="__cf_email__"
|
||||
data-cfemail="630a0d050c23061b020e130f064d000c0e">{{ settings.email_address }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% if settings.show_call_now_widget %}
|
||||
<div class="sidebar-banner">
|
||||
<img src="{% static 'front/assets/img/widget-banner-bg.jpg' %}" alt>
|
||||
<div class="banner-inner">
|
||||
<h3>Any Project <span>Call Now.</span>
|
||||
<img class="angle" src="{% static 'front/assets/img/arrow-angle.png' %}" alt>
|
||||
</h3>
|
||||
<a href="tel:{{settings.phone}}">{{settings.phone}}</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="project-slider">
|
||||
<h4>Other Projects</h4>
|
||||
<div class="arrow">
|
||||
<div class="swiper-button-next-c"><i class="bi bi-arrow-right"></i></div>
|
||||
<div class="swiper-button-prev-c"><i class="bi bi-arrow-left"></i></div>
|
||||
</div>
|
||||
<div class="swiper project-slide">
|
||||
<div class="swiper-wrapper">
|
||||
{% for project in projects|slice:":3" %}
|
||||
<div class="swiper-slide">
|
||||
<div class="single-item">
|
||||
<div class="item-img">
|
||||
<a href="{% url "projectDetails" project.slug %}"><img src="{{ project.getProjectImage }}"
|
||||
alt></a>
|
||||
</div>
|
||||
<div class="item-inner-cnt">
|
||||
<span>{{ project.category }}</span>
|
||||
<h4>{{ project.title }}</h4>
|
||||
<div class="view-btn">
|
||||
<a href="{% url "projectDetails" project.slug %}">view details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,75 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{service.name}} - {{seo_settings.meta_title}} {% endblock title %}
|
||||
{% block title1 %} {{service.name}} - {{seo_settings.meta_title}} {% endblock title1 %}
|
||||
{% block title2 %} {{service.name}} - {{seo_settings.meta_title}}{% endblock title2 %}
|
||||
{% block content %}
|
||||
|
||||
<main class="creasoft-wrap">
|
||||
|
||||
<div class="line_wrap">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumb-wrapper">
|
||||
<div class="breadcrumb-cnt">
|
||||
<h1>{{ service.name }}</h1>
|
||||
<span><a href="{% url "homePageFront" %}">Home</a><i class="bi bi-arrow-right"></i>Service<i class="bi bi-arrow-right"></i>{{ service.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="service-details sec-mar-top">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="service-details-content">
|
||||
{% if service.detail_page_image %}
|
||||
<img src="{{ service.detail_page_image.url }}" style="border-radius:10px;" alt="service">
|
||||
{% endif %}
|
||||
<h3><i class="{{ service.fontawesome_icon_class }} "></i>{{ service.name }}
|
||||
</h3>
|
||||
{{ service.detail_page_description|safe }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="sidebar-widget">
|
||||
<h4>Other Services</h4>
|
||||
<ul class="category">
|
||||
{% for service in services %}
|
||||
<li><a href="{% url "serviceDetail" service.slug %}">{{ service.name }}<i class="bi bi-arrow-right"></i></a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% if settings.show_call_now_widget %}
|
||||
{% if service.show_call_now_widget %}
|
||||
<div class="sidebar-banner">
|
||||
<img src="{% static 'front/assets/img/widget-banner-bg.jpg' %}" alt>
|
||||
<div class="banner-inner">
|
||||
<h3>Any Project <span>Call Now.</span>
|
||||
<img class="angle" src="{% static 'front/assets/img/arrow-angle.png' %}" alt>
|
||||
</h3>
|
||||
<a href="tel:{{settings.phone}}">{{settings.phone}}</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,50 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{title}} - {{seo_settings.meta_title}} {% endblock title %}
|
||||
{% block title1 %} {{title}} - {{seo_settings.meta_title}} {% endblock title1 %}
|
||||
{% block title2 %} {{title}} - {{seo_settings.meta_title}} {% endblock title2 %}
|
||||
{% block content %}
|
||||
|
||||
<main class="creasoft-wrap">
|
||||
|
||||
<div class="line_wrap">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumb-wrapper">
|
||||
<div class="breadcrumb-cnt">
|
||||
<h1>Privacy Policy</h1>
|
||||
<span><a href="{% url "homePageFront" %}">Home</a><i class="bi bi-arrow-right"></i>Privacy Policy</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="back-to-home sec-pad">
|
||||
<div class="container">
|
||||
<div class="row ">
|
||||
<div class="col-xl-12">
|
||||
<div class="">
|
||||
{{ policy.policy_texts|safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,91 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{seo.meta_title}} - {{seo.meta_description}} {% endblock title %}
|
||||
{% block title1 %} {{seo.meta_title}} - {{seo_settings.meta_title}} {% endblock title1 %}
|
||||
{% block title2 %} {{seo.meta_title}} - {{seo_settings.meta_title}} {% endblock title2 %}
|
||||
{% block content %}
|
||||
|
||||
<main class="creasoft-wrap">
|
||||
|
||||
<div class="line_wrap">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumb-wrapper">
|
||||
<div class="breadcrumb-cnt">
|
||||
<h1>Projects</h1>
|
||||
<span><a href="{% url "homePageFront" %}">Home</a><i class="bi bi-arrow-right"></i>Projects</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% if projects %}
|
||||
<section class="project-area sec-mar">
|
||||
<div class="container">
|
||||
<div class="title-wrap">
|
||||
<div class="sec-title">
|
||||
<span>Case Study</span>
|
||||
<h2>Project</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<ul class="isotope-menu">
|
||||
<li class="active" data-filter="*">All</li>
|
||||
{% for category in project_categories %}
|
||||
<li data-filter=".{{category.slug}}">{{category.name}}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4 project-items">
|
||||
|
||||
{% for project in projects %}
|
||||
<div class="col-md-6 col-lg-4 single-item {{ project.category.slug }}">
|
||||
<div class="item-img">
|
||||
<a href="{% url "projectDetails" project.slug %}"><img src="{{ project.getProjectImage }}" alt></a>
|
||||
</div>
|
||||
<div class="item-inner-cnt">
|
||||
{% if project.category %}
|
||||
<span>{{ project.category }}</span>
|
||||
{% endif %}
|
||||
<h4>{{ project.title }}</h4>
|
||||
<div class="view-btn">
|
||||
<a href="{% url "projectDetails" project.slug %}">view details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="load-more">
|
||||
<ul class="paginations">
|
||||
{% if projects.previous_page_number > 0 %}
|
||||
<li><a href="?page={{projects.previous_page_number}}"><i class="fas fa-long-arrow-alt-left"></i></a></li>
|
||||
{% endif %}
|
||||
{% for page in projects.paginator.page_range %}
|
||||
<li{% if page == projects.number %} class="active"{% endif %}><a href="?page={{ page }}">{{ page }}</a></li>
|
||||
{% endfor %}
|
||||
{% if projects.next_page_number > 0 %}
|
||||
<li><a href="?page={{ projects.next_page_number }}"><i class="fas fa-long-arrow-alt-right"></i></a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,83 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{seo.meta_title}} - {{seo.meta_description}} {% endblock title %}
|
||||
{% block title1 %} {{seo.meta_title}} - {{seo_settings.meta_title}} {% endblock title1 %}
|
||||
{% block title2 %} {{seo.meta_title}} - {{seo_settings.meta_title}} {% endblock title2 %}
|
||||
{% block content %}
|
||||
<style>
|
||||
.premium-pricing h3{
|
||||
color:white;
|
||||
}
|
||||
.premium-pricing span{
|
||||
color:white;
|
||||
}
|
||||
.premium-pricing strong{
|
||||
color:white;
|
||||
}
|
||||
</style>
|
||||
|
||||
<main class="creasoft-wrap">
|
||||
|
||||
<div class="line_wrap">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumb-wrapper">
|
||||
<div class="breadcrumb-cnt">
|
||||
<h1>Service</h1>
|
||||
<span><a href="{% url "homePageFront" %}">Home</a><i class="bi bi-arrow-right"></i>Service</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% if services %}
|
||||
|
||||
<section class="services-grid sec-mar">
|
||||
<div class="container">
|
||||
<div class="title-wrap">
|
||||
<div class="sec-title">
|
||||
<span>Our Solutions</span>
|
||||
<h2>Services</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
{% for service in services %}
|
||||
<div class="col-md-6 col-lg-4 wow animate fadeInUp" data-wow-delay="200ms"
|
||||
data-wow-duration="1500ms">
|
||||
<div class="single-service">
|
||||
<span>0{{forloop.counter}}</span>
|
||||
{% if service.fontawesome_icon_class %}
|
||||
<div class="icon">
|
||||
<i class="{{ service.fontawesome_icon_class }} service-ico"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if service.name %}
|
||||
<h4>{{ service.name }}</h4>
|
||||
{% endif %}
|
||||
{% if service.short_description %}
|
||||
<p>{{ service.short_description }}</p>
|
||||
{% endif %}
|
||||
<div class="read-btn">
|
||||
<a href="{% url "serviceDetail" service.slug %}">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,50 @@
|
||||
{% extends 'front/base.html' %}
|
||||
{% load static %}
|
||||
{% block title %} {{title}} - {{seo_settings.meta_title}} {% endblock title %}
|
||||
{% block title1 %} {{title}} - {{seo_settings.meta_title}} {% endblock title1 %}
|
||||
{% block title2 %} {{title}} - {{seo_settings.meta_title}} {% endblock title2 %}
|
||||
{% block content %}
|
||||
|
||||
<main class="creasoft-wrap">
|
||||
|
||||
<div class="line_wrap">
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
<div class="line_item"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="breadcrumbs">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="breadcrumb-wrapper">
|
||||
<div class="breadcrumb-cnt">
|
||||
<h1>Terms & Conditions</h1>
|
||||
<span><a href="{% url "homePageFront" %}">Home</a><i class="bi bi-arrow-right"></i>Terms & Conditions</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="back-to-home sec-pad">
|
||||
<div class="container">
|
||||
<div class="row ">
|
||||
<div class="col-xl-12">
|
||||
<div class="">
|
||||
{{ term.term_texts|safe }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
{% for url in urls %}
|
||||
<url>
|
||||
<loc>{{ request.scheme }}://{{ request.get_host }}{{ url }}</loc>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
{% endfor %}
|
||||
</urlset>
|
||||
Reference in New Issue
Block a user