This commit is contained in:
Usman Nasir
parent
b8974ca201
commit
7f2bbd84b4
|
|
@ -2,358 +2,378 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<style>
|
||||
.d-flex {
|
||||
display: flex;
|
||||
}
|
||||
<style>
|
||||
.d-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-column {
|
||||
flex-direction: column;
|
||||
}
|
||||
.flex-column {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.justify-content-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-content-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.col-login {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.col-login {
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.col-login-left {
|
||||
background: rgb(51, 204, 204);
|
||||
background: -moz-linear-gradient(0deg, rgba(51, 204, 204, 1) 0%, rgba(0, 0, 122, 1) 100%);
|
||||
background: -webkit-linear-gradient(0deg, rgba(51, 204, 204, 1) 0%, rgba(0, 0, 122, 1) 100%);
|
||||
background: linear-gradient(0deg, rgba(51, 204, 204, 1) 0%, rgba(0, 0, 122, 1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33cccc", endColorstr="#00007a", GradientType=1);
|
||||
justify-content: space-between;
|
||||
}
|
||||
.col-login-left {
|
||||
background: rgb(51, 204, 204);
|
||||
background: -moz-linear-gradient(0deg, rgba(51, 204, 204, 1) 0%, rgba(0, 0, 122, 1) 100%);
|
||||
background: -webkit-linear-gradient(0deg, rgba(51, 204, 204, 1) 0%, rgba(0, 0, 122, 1) 100%);
|
||||
background: linear-gradient(0deg, rgba(51, 204, 204, 1) 0%, rgba(0, 0, 122, 1) 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33cccc", endColorstr="#00007a", GradientType=1);
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.form-group .input-group select.form-control,
|
||||
.form-group .input-group input.form-control,
|
||||
button.btn.btn-login {
|
||||
height: 45px;
|
||||
.form-group .input-group select.form-control,
|
||||
.form-group .input-group input.form-control,
|
||||
button.btn.btn-login {
|
||||
height: 45px;
|
||||
|
||||
}
|
||||
button.btn.btn-login {
|
||||
background-color: rgb(51, 204, 204);
|
||||
box-shadow: 0 0 px 0px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
|
||||
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
|
||||
}
|
||||
button.btn.btn-login:hover {
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
}
|
||||
|
||||
.form-group .input-group select.form-control:focus,
|
||||
.form-group .input-group input.form-control:focus,
|
||||
button.btn.btn-login {
|
||||
border: 1px solid rgb(51, 204, 204);
|
||||
}
|
||||
button.btn.btn-login {
|
||||
background-color: rgb(51, 204, 204);
|
||||
box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
|
||||
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
|
||||
}
|
||||
|
||||
.col-login-right {
|
||||
background: #ffffff;
|
||||
justify-content: center;
|
||||
}
|
||||
button.btn.btn-login:hover {
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
.col-login-right .login-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
}
|
||||
a.login-changelogs {
|
||||
border-top: 1px solid #fff;
|
||||
}
|
||||
.form-group .input-group select.form-control:focus,
|
||||
.form-group .input-group input.form-control:focus,
|
||||
button.btn.btn-login {
|
||||
border: 1px solid rgb(51, 204, 204);
|
||||
}
|
||||
|
||||
.login-changelogs .card {
|
||||
padding: 1em;
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
|
||||
}
|
||||
.col-login-right {
|
||||
background: #ffffff;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.login-changelogs .card:hover {
|
||||
color: rgb(51, 204, 204);
|
||||
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16), 0 10px 10px rgba(0, 0, 0, 0.18);
|
||||
}
|
||||
.card-body {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.col-login-right .login-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.object-fit {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 6px;
|
||||
}
|
||||
a.login-changelogs {
|
||||
border-top: 1px solid #fff;
|
||||
}
|
||||
|
||||
h4.card-learnmore {
|
||||
margin-top: 15px;
|
||||
position: relative;
|
||||
color: rgb(51, 204, 204);
|
||||
font-weight: 500;
|
||||
font-size: 1.2em;
|
||||
.login-changelogs .card {
|
||||
padding: 1em;
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
|
||||
}
|
||||
|
||||
}
|
||||
.login-changelogs .card:hover {
|
||||
color: rgb(51, 204, 204);
|
||||
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16), 0 10px 10px rgba(0, 0, 0, 0.18);
|
||||
}
|
||||
|
||||
h4.card-learnmore span {
|
||||
display: inline;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px solid rgb(51, 204, 204);
|
||||
}
|
||||
.alert.alert-danger {
|
||||
text-align: center;
|
||||
margin: 1em 2em 1em 2em;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
border: 1px solid red;
|
||||
}
|
||||
.card-body {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.object-fit {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
h4.card-learnmore {
|
||||
margin-top: 15px;
|
||||
position: relative;
|
||||
color: rgb(51, 204, 204);
|
||||
font-weight: 500;
|
||||
font-size: 1.2em;
|
||||
|
||||
}
|
||||
|
||||
h4.card-learnmore span {
|
||||
display: inline;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px solid rgb(51, 204, 204);
|
||||
}
|
||||
|
||||
.alert.alert-danger {
|
||||
text-align: center;
|
||||
margin: 1em 2em 1em 2em;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
|
||||
/* Loading Spinner */
|
||||
.spinner {
|
||||
margin: 0;
|
||||
width: 70px;
|
||||
height: 18px;
|
||||
margin: -35px 0 0 -9px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
text-align: center
|
||||
}
|
||||
/* Loading Spinner */
|
||||
.spinner {
|
||||
margin: 0;
|
||||
width: 70px;
|
||||
height: 18px;
|
||||
margin: -35px 0 0 -9px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.spinner>div {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-color: #333;
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
|
||||
animation: bouncedelay 1.4s infinite ease-in-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both
|
||||
}
|
||||
.spinner > div {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-color: #333;
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
|
||||
animation: bouncedelay 1.4s infinite ease-in-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both
|
||||
}
|
||||
|
||||
.spinner .bounce1 {
|
||||
-webkit-animation-delay: -.32s;
|
||||
animation-delay: -.32s
|
||||
}
|
||||
.spinner .bounce1 {
|
||||
-webkit-animation-delay: -.32s;
|
||||
animation-delay: -.32s
|
||||
}
|
||||
|
||||
.spinner .bounce2 {
|
||||
-webkit-animation-delay: -.16s;
|
||||
animation-delay: -.16s
|
||||
}
|
||||
.spinner .bounce2 {
|
||||
-webkit-animation-delay: -.16s;
|
||||
animation-delay: -.16s
|
||||
}
|
||||
|
||||
@-webkit-keyframes bouncedelay {
|
||||
@-webkit-keyframes bouncedelay {
|
||||
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
-webkit-transform: scale(0.0)
|
||||
}
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
-webkit-transform: scale(0.0)
|
||||
}
|
||||
|
||||
40% {
|
||||
-webkit-transform: scale(1.0)
|
||||
}
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: scale(1.0)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bouncedelay {
|
||||
@keyframes bouncedelay {
|
||||
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
transform: scale(0.0);
|
||||
-webkit-transform: scale(0.0)
|
||||
}
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
transform: scale(0.0);
|
||||
-webkit-transform: scale(0.0)
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: scale(1.0);
|
||||
-webkit-transform: scale(1.0)
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<meta charset="UTF-8">
|
||||
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
|
||||
<title> Login - CyberPanel </title>
|
||||
<meta name="description" content="Login to your CypberPanel account">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
40% {
|
||||
transform: scale(1.0);
|
||||
-webkit-transform: scale(1.0)
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<meta charset="UTF-8">
|
||||
<!--[if IE]>
|
||||
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
|
||||
<title> Login - CyberPanel </title>
|
||||
<meta name="description" content="Login to your CypberPanel account">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
|
||||
<!-- Favicons -->
|
||||
{% load static %}
|
||||
<!-- Favicons -->
|
||||
{% load static %}
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/finalLoginPageCSS/allCss.css' %}">
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'baseTemplate/assets/finalLoginPageCSS/allCss.css' %}">
|
||||
|
||||
<!-- HELPERS -->
|
||||
<!-- HELPERS -->
|
||||
|
||||
<!-- ELEMENTS -->
|
||||
<!-- ELEMENTS -->
|
||||
|
||||
<!-- ICONS -->
|
||||
<!-- ICONS -->
|
||||
|
||||
<!-- Admin theme -->
|
||||
<!-- Admin theme -->
|
||||
|
||||
<!-- Components theme -->
|
||||
<!-- Components theme -->
|
||||
|
||||
<!-- JS Core -->
|
||||
<!-- JS Core -->
|
||||
|
||||
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/jquery-core.min.js' %}"></script>
|
||||
<script type="text/javascript" src="{% static 'baseTemplate/assets/js-core/jquery-core.min.js' %}"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(window).load(function() {
|
||||
setTimeout(function() {
|
||||
$('#loading').fadeOut(400, "linear");
|
||||
}, 300);
|
||||
});
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
$(window).load(function () {
|
||||
setTimeout(function () {
|
||||
$('#loading').fadeOut(400, "linear");
|
||||
}, 300);
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- JS Ends -->
|
||||
<!-- JS Ends -->
|
||||
|
||||
<style type="text/css">
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
background: #ffffff;
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
background: #ffffff;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
{{ cosmetic.MainDashboardCSS | safe }}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="loading">
|
||||
<div id="loading">
|
||||
<div class="spinner">
|
||||
<div class="bounce1"></div>
|
||||
<div class="bounce2"></div>
|
||||
<div class="bounce3"></div>
|
||||
<div class="bounce1"></div>
|
||||
<div class="bounce2"></div>
|
||||
<div class="bounce3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class>
|
||||
<div class>
|
||||
<div class="col-md-6 col-sm-12 hidden-md col-login col-login-left">
|
||||
<div class="row panel-body my-30" style="padding-bottom: 0px;">
|
||||
<div class="col-lg-6 col-md-12 panel-body">
|
||||
<h2 class="text-transform-upr text-white my-30 text-bold">WEB HOSTING CONTROL PANEL
|
||||
</br />FOR EVERYONE
|
||||
<div class="row panel-body my-30" style="padding-bottom: 0px;">
|
||||
<div class="col-lg-6 col-md-12 panel-body">
|
||||
<h2 class="text-transform-upr text-white my-30 text-bold">WEB HOSTING CONTROL PANEL
|
||||
</br />FOR EVERYONE
|
||||
|
||||
</h2>
|
||||
<h4 class="text-white">Powered By OpenLiteSpeed/LiteSpeed Enterprise. Built For Speed, Security and
|
||||
Reliability.</h4>
|
||||
</h2>
|
||||
<h4 class="text-white">Powered By OpenLiteSpeed/LiteSpeed Enterprise. Built For Speed, Security and
|
||||
Reliability.</h4>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 text-center panel-body">
|
||||
<img class="" src="/static/images/cyberpanel-banner-graphics.png" alt="" width="96%">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-md-12 text-center panel-body">
|
||||
<img class="" src="/static/images/cyberpanel-banner-graphics.png" alt="" width="96%">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row panel-body">
|
||||
<div class="row panel-body">
|
||||
<a class=" login-changelogs" href="https://go.cyberpanel.net/updates" target='_blank'>
|
||||
<div class="card mb-3" style="max-width: 540px;">
|
||||
<div class="row g-0">
|
||||
<div class="col-md-3">
|
||||
<img src="/static/images/new-design-list-websites-square.png" alt="..." class="object-fit">
|
||||
</div>
|
||||
<div class="col-md-8 ml-5">
|
||||
<div class="card-body d-flex flex-column justify-content-around">
|
||||
<h3 class="card-title mb-5 font-weight-bold">Change Logs</h3>
|
||||
<p class="card-text mt-10">Stay up to date about new releases and features.</p>
|
||||
<h4 class="card-learnmore">
|
||||
<div class="row panel-body">
|
||||
<a class=" login-changelogs" href="https://go.cyberpanel.net/updates" target='_blank'>
|
||||
<div class="card mb-3" style="max-width: 540px;">
|
||||
<div class="row g-0">
|
||||
<div class="col-md-3">
|
||||
<img src="/static/images/new-design-list-websites-square.png" alt="..."
|
||||
class="object-fit">
|
||||
</div>
|
||||
<div class="col-md-8 ml-5">
|
||||
<div class="card-body d-flex flex-column justify-content-around">
|
||||
<h3 class="card-title mb-5 font-weight-bold">Change Logs</h3>
|
||||
<p class="card-text mt-10">Stay up to date about new releases and features.</p>
|
||||
<h4 class="card-learnmore">
|
||||
<span>
|
||||
Learn More
|
||||
<i>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" aria-hidden="true" focusable="false" data-icon="external-link-alt" role="img" viewBox="0 0 512 512">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" aria-hidden="true"
|
||||
focusable="false" data-icon="external-link-alt" role="img" viewBox="0 0 512 512">
|
||||
<path fill="currentColor"
|
||||
d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z" />
|
||||
d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"/>
|
||||
</svg>
|
||||
</i>
|
||||
</span>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-app="loginSystem" ng-controller="loginSystem" class="col-md-6 col-sm-12 col-login col-login-right" style="">
|
||||
<div class="login-wrapper">
|
||||
<form id="loginForm" action="/" class="col-md-8 col-md-offset-2">
|
||||
<h1 class="text-transform-upr text-center panel-body text-bold" style="padding-bottom: 0px; color: #33CCCC;">
|
||||
<img class="center-block text-center my-20" src="{% static 'images/cyber-panel-logo.svg' %}">
|
||||
CyberPanel
|
||||
</h1>
|
||||
<h4 class="text-muted text-center mb-10">Web Hosting Control Panel</h4>
|
||||
<div class="">
|
||||
<div class="mx-30">
|
||||
<div class="content-box-wrapper panel-body my-10 mx-30">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<input ng-model="username" type="text" class="form-control" name="username" placeholder="Enter username" required style="height: 45px;">
|
||||
<span class="input-group-addon bg-blue">
|
||||
<div class="login-wrapper">
|
||||
<form id="loginForm" action="/" class="col-md-8 col-md-offset-2">
|
||||
<h1 class="text-transform-upr text-center panel-body text-bold"
|
||||
style="padding-bottom: 0px; color: #33CCCC;">
|
||||
<img class="center-block text-center my-20" src="{% static 'images/cyber-panel-logo.svg' %}">
|
||||
CyberPanel
|
||||
</h1>
|
||||
<h4 class="text-muted text-center mb-10">Web Hosting Control Panel</h4>
|
||||
<div class="">
|
||||
<div class="mx-30">
|
||||
<div class="content-box-wrapper panel-body my-10 mx-30">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<input ng-model="username" type="text" class="form-control" name="username"
|
||||
placeholder="Enter username" required style="height: 45px;">
|
||||
<span class="input-group-addon bg-blue">
|
||||
<i class="glyph-icon icon-envelope-o"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<input ng-keypress="initiateLogin($event)" ng-model="password" type="password" class="form-control" id="password" placeholder="Password" required name="password" style="height: 45px;">
|
||||
<span class="input-group-addon bg-blue">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<input ng-keypress="initiateLogin($event)" ng-model="password" type="password"
|
||||
class="form-control" id="password" placeholder="Password" required
|
||||
name="password" style="height: 45px;">
|
||||
<span class="input-group-addon bg-blue">
|
||||
<i class="glyph-icon icon-unlock-alt"></i>
|
||||
</span>
|
||||
</div>
|
||||
<img id="verifyingLogin" class="center-block" src="{% static 'images/loading.gif' %}">
|
||||
</div>
|
||||
</div>
|
||||
<img id="verifyingLogin" class="center-block" src="{% static 'images/loading.gif' %}">
|
||||
</div>
|
||||
|
||||
<div ng-hide="verifyCode" class="form-group">
|
||||
<div class="input-group">
|
||||
<input ng-model="twofa" type="text" class="form-control" name="twofa" placeholder="Enter code from Google Authenticator" required style="height: 45px;">
|
||||
<span class="input-group-addon bg-blue">
|
||||
<div ng-hide="verifyCode" class="form-group">
|
||||
<div class="input-group">
|
||||
<input ng-model="twofa" type="text" class="form-control" name="twofa"
|
||||
placeholder="Enter code from Google Authenticator" required
|
||||
style="height: 45px;">
|
||||
<span class="input-group-addon bg-blue">
|
||||
<i class="glyph-icon icon-unlock-alt"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<select ng-model="languageSelection" ng-init="languageSelection='english'"
|
||||
class="form-control">
|
||||
<option value="english">English</option>
|
||||
<option>Bangla</option>
|
||||
<option>Bosnian</option>
|
||||
<option>Bulgarian</option>
|
||||
<option>Chinese</option>
|
||||
<option>French</option>
|
||||
<option>German</option>
|
||||
<option>Greek</option>
|
||||
<option>Italian</option>
|
||||
<option>Indonesian</option>
|
||||
<option>Japanese</option>
|
||||
<option>Polish</option>
|
||||
<option>Portuguese</option>
|
||||
<option>Russian</option>
|
||||
<option>Spanish</option>
|
||||
<option>Turkish</option>
|
||||
<option>Vietnamese</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<button type="button" style="background-color: #33CCCC;" ng-click="verifyLoginCredentials()"
|
||||
class="btn btn-success btn-block btn-login">Sign In
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<select ng-model="languageSelection" ng-init="languageSelection='english'" class="form-control">
|
||||
<option value="english">English</option>
|
||||
<option>Bangla</option>
|
||||
<option>Bosnian</option>
|
||||
<option>Bulgarian</option>
|
||||
<option>Chinese</option>
|
||||
<option>French</option>
|
||||
<option>German</option>
|
||||
<option>Greek</option>
|
||||
<option>Italian</option>
|
||||
<option>Indonesian</option>
|
||||
<option>Japanese</option>
|
||||
<option>Polish</option>
|
||||
<option>Portuguese</option>
|
||||
<option>Russian</option>
|
||||
<option>Spanish</option>
|
||||
<option>Turkish</option>
|
||||
<option>Vietnamese</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<button type="button" style="background-color: #33CCCC;" ng-click="verifyLoginCredentials()" class="btn btn-success btn-block btn-login">Sign In
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<div id="loginFailed" class="alert alert-danger">
|
||||
<p>Could Not Login, Error message: {$ errorMessage $}</p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div id="loginFailed" class="alert alert-danger">
|
||||
<p>Could Not Login, Error message: {$ errorMessage $}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://code.angularjs.org/1.6.5/angular.min.js"></script>
|
||||
<script src="https://code.angularjs.org/1.6.5/angular-route.min.js"></script>
|
||||
<script src="{% static 'loginSystem/login-system.js' %}"></script>
|
||||
</div>
|
||||
<script src="https://code.angularjs.org/1.6.5/angular.min.js"></script>
|
||||
<script src="https://code.angularjs.org/1.6.5/angular-route.min.js"></script>
|
||||
<script src="{% static 'loginSystem/login-system.js' %}"></script>
|
||||
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -228,9 +228,27 @@ def loadLoginPage(request):
|
|||
package = Package(admin=admin, packageName="Default", diskSpace=1000, bandwidth=1000, ftpAccounts=1000,
|
||||
dataBases=1000, emailAccounts=1000, allowedDomains=20)
|
||||
package.save()
|
||||
return render(request, 'loginSystem/login.html', {})
|
||||
|
||||
### Load Custom CSS
|
||||
try:
|
||||
from baseTemplate.models import CyberPanelCosmetic
|
||||
cosmetic = CyberPanelCosmetic.objects.get(pk=1)
|
||||
except:
|
||||
from baseTemplate.models import CyberPanelCosmetic
|
||||
cosmetic = CyberPanelCosmetic()
|
||||
cosmetic.save()
|
||||
|
||||
return render(request, 'loginSystem/login.html', {'cosmetic': cosmetic})
|
||||
else:
|
||||
return render(request, 'loginSystem/login.html', {})
|
||||
### Load Custom CSS
|
||||
try:
|
||||
from baseTemplate.models import CyberPanelCosmetic
|
||||
cosmetic = CyberPanelCosmetic.objects.get(pk=1)
|
||||
except:
|
||||
from baseTemplate.models import CyberPanelCosmetic
|
||||
cosmetic = CyberPanelCosmetic()
|
||||
cosmetic.save()
|
||||
return render(request, 'loginSystem/login.html', {'cosmetic': cosmetic})
|
||||
|
||||
|
||||
@ensure_csrf_cookie
|
||||
|
|
|
|||
Loading…
Reference in New Issue