File: //usr/local/cwpsrv/var/services/users/eventopu/pinkhead/login/cwp_theme/original/login.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{langmod.LGLLABEL1}}</title>
<link href="{{url}}/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="{{url}}/font-awesome/css/fontawesome-all.css">
<link href="{{url}}/css/plugins/iCheck/custom.css" rel="stylesheet">
<!-- Toastr style -->
<link href="{{url}}/css/plugins/toastr/toastr.min.css" rel="stylesheet">
<!-- Gritter -->
<link href="{{url}}/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
<link href="{{url}}/css/animate.css" rel="stylesheet">
{% if conten.STYLE =='dark'%}
<link href="{{url}}/css/style_dark.css" rel="stylesheet">
{% else %}
<link href="{{url}}/css/style.css" rel="stylesheet">
{% endif %}
<link rel="icon" href="{{url}}/img/ico/favicon.ico" type="image/png">
<style media="screen">
#btn_icon{
display: none;
}
body, html{
margin: 0px;
padding: 0px;
}
.logged-message{
/* display: flex;
height: 100vh;
justify-content: center;
align-items: center;
flex-direction: column; */
display: flex;
align-items: center;
}
.logged-message a{
margin-bottom: 2rem;
}
.logged-message img{
width: 35rem;
}
.logged-message-alert{
border-radius: 5px;
color: #676a6c;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
}
.logged-message-alert .fa{
font-size: 6rem;
}
.logged-message-alert h5{
font-size: 2rem;
}
.logged-message-alert h2{
font-size: 2.5rem;
font-weight: bold;
}
.logged-message-wrapper{
display: none;
max-width: 800px;
margin: 0 auto;
padding: 100px 20px 20px 20px;
}
</style>
</head>
<body class="gray-bg">
<div class="loginColumns animated fadeInDown" id="login">
<div class="row">
<div class="col-md-6">
<div class="col-md-12 text-center" style="margin-top: -20px">
{% if mod.stimg == 1 %}
<img width="330px" src="/login/cwp_theme/original/img/custom/new_logo_small.{{mod.imgext}}">
{% else %}
<a href="https://www.control-webpanel.com" target="_blank"><img width="330px" src="/login/cwp_theme/original/img/new_logo_small.png"></a>
{% endif %}
</div>
<p style="margin-top: 45px">
{{langmod.LGLLABEL2}}
</p>
<p>
{{langmod.LGLLABEL3}}
</p>
</div>
<div class="col-md-6">
<div class="ibox-content" id="formlogin">
<form class="m-t" role="form" action="#" id="formloginon" method="post">
<div class="form-group">
<input type="text" name="username" max="16" id="username" class="form-control" placeholder="{{langmod.LGLLABEL4}}" required="" maxlength="16" autofocus>
</div>
<div class="form-group">
<input type="password" name="password" id="password" class="form-control" placeholder="{{langmod.LGLLABEL5}}" required="">
</div>
<div class="form-group">
<div class="row">
<div class="col-lg-4" style="padding-top: 5px">{{langmod.LGLANG0}}</div>
<div class="col-lg-8">
<select class="form-control" id="userLang">
<option value="">{{langmod.LGLANGD}}</option>
<option value="ar">{{langmod.LGLANGAR}}</option>
<option value="bg">{{langmod.LGLANGBG}}</option>
<option value="cs">{{langmod.LGLANGCS}}</option>
<option value="da">{{langmod.LGLANGDA}}</option>
<option value="de">{{langmod.LGLANGDE}}</option>
<option value="el">{{langmod.LGLANGEL}}</option>
<option value="en">{{langmod.LGLANGEN}}</option>
<option value="es">{{langmod.LGLANGES}}</option>
<option value="fa">{{langmod.LGLANGFA}}</option>
<option value="fi">{{langmod.LGLANGFI}}</option>
<option value="fr">{{langmod.LGLANGFR}}</option>
<option value="ga">{{langmod.LGLANGGA}}</option>
<option value="he">{{langmod.LGLANGHE}}</option>
<option value="hr">{{langmod.LGLANGHR}}</option>
<option value="hu">{{langmod.LGLANGHU}}</option>
<option value="id">{{langmod.LGLANGID}}</option>
<option value="it">{{langmod.LGLANGIT}}</option>
<option value="ja">{{langmod.LGLANGJA}}</option>
<option value="ms">{{langmod.LGLANGMS}}</option>
<option value="nb">{{langmod.LGLANGNB}}</option>
<option value="nl">{{langmod.LGLANGNL}}</option>
<option value="no">{{langmod.LGLANGNO}}</option>
<option value="pl">{{langmod.LGLANGPL}}</option>
<option value="pt">{{langmod.LGLANGPT}}</option>
<option value="ro">{{langmod.LGLANGRO}}</option>
<option value="ru">{{langmod.LGLANGRU}}</option>
<option value="sl">{{langmod.LGLANGSL}}</option>
<option value="sv">{{langmod.LGLANGSV}}</option>
<option value="th">{{langmod.LGLANGTH}}</option>
<option value="tr">{{langmod.LGLANGTR}}</option>
<option value="uk">{{langmod.LGLANGUK}}</option>
<option value="ur">{{langmod.LGLANGUR}}</option>
<option value="zh">{{langmod.LGLANGZH}}</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<input type="checkbox" name="sessioning" id="sessioning" class="form-control1"> {{langmod.LGLLABEL38}}
</div>
<button type="submit" id="btnsubmit" class="btn btn-primary block full-width m-b" onclick="return valite()">
<i id="btn_icon" class="fa fa-spinner fa-spin"></i>
<span id="btn_title">{{langmod.LGLLABEL6}}</span>
</button>
<p class="text-muted text-center" style="display: {{cont.SSL}}">
<i class="fa fa-lock"></i> <small>{{langmod.LGLLABEL7}} <a href="{{cont.URLREDIRECT}}">{{langmod.LGLLABEL8}}</a></small>
</p>
<a class="btn btn-sm btn-white btn-block" href="#" onclick="return forgout(0)">{{langmod.LGLLABEL9}}</a>
<input type="hidden" id="token" name="token" value="">
<input type="hidden" id="intended" name="intended" value="{{intended}}">
</form>
</div>
<div class="ibox-content m-t" id="twofa" style="display: none">
<div class="row">
<div class="col-lg-12">
<h2 align="center">{{langmod.LGLABEl53}}</h2>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h6><p align="center">{{langmod.LGLABEl54}}</p></h6>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<h6><p class="form-text m-b-none"><b>{{langmod.LGLABEl55}}</b></p></h6>
<input type="text" class="form-control center text-center" maxlength="6" id="f2acode" name="f2acode" placeholder="******" required="" style="text-align: center;font-size:25px">
<h6><p class="form-text m-b-none">{{langmod.LGLABEl56}}</p></h6>
</div>
</div>
<div class="row" style="margin-top: 30px">
<button type="button" id="btn-f2acode" class="btn btn-primary block full-width m-b">
<i id="btn_icon" class="fa fa-spinner fa-spin"></i>
<span id="btn_title">{{langmod.LGLABEl57}}</span>
</button>
<p class="text-muted text-center"><small><a href="https://docs.control-webpanel.com/docs/user-guide/login/two-factor-authentication" target="_blank">{{langmod.LGLABEl58}}</a></small></p>
</div>
</div>
</div>
</div>
<hr/>
<div class="row">
<div class="col-md-6">
<a href="https://www.control-webpanel.com" target="_blank">{{langmod.LGLLABEL10}}</a> {{langmod.LGLLABEL102}}
</div>
<div class="col-md-6 text-right">
<small>© {{langmod.LGLLABEL11}} {{mod.ano}}</small>
</div>
</div>
</div>
<div class="logged-message-wrapper animated fadeInDown" id="logged_message">
<div class="logged-message row">
<div class="col-md-6" style="text-align: center;">
{% if mod.stimg==1 %}
<img width="330px" src="/login/cwp_theme/original/img/custom/new_logo_small.{{mod.imgext}}">
{% else %}
<a href="https://www.control-webpanel.com" target="_blank"><img width="330px" src="/login/cwp_theme/original/img/new_logo_small.png"></a>
{% endif %}
<!--<a href="https://www.control-webpanel.com" target="_blank"><img src="/login/cwp_theme/original/img/new_logo_small.png"></a>-->
</div>
<div class="col-md-6" style="border-left: 1px solid #ddd;">
<div class="logged-message-alert">
<i class="fa fa-spinner text-success fa-spin"></i>
<h2 class="text-success">
{{langmod.LGLLABEL35}}
</h2>
<h5>{{langmod.LGLLABEL36}}</h5>
<h5>{{langmod.LGLLABEL37}}</h5>
</div>
</div>
</div>
</div>
<div class="logged-message-wrapper animated fadeInDown" id="recover_pass">
<div class="logged-message row">
<div class="col-md-6" style="text-align: center;">
{% if mod.stimg==1 %}
<img width="330px" src="/login/cwp_theme/original/img/custom/new_logo_small.{{mod.imgext}}">
{% else %}
<a href="https://www.control-webpanel.com" target="_blank"><img width="330px" src="/login/cwp_theme/original/img/new_logo_small.png"></a>
{% endif %}
<!--<img src="/login/cwp_theme/original/img/new_logo_small.png">-->
</div>
<div class="col-md-6" style="border-left: 1px solid #ddd;">
<div class="logged-message-alert">
<i class="fa fa-envelope text-success" aria-hidden="true"></i>
<h2 class="text-success">
Almost there!
</h2>
<p style="font-size: 1.6rem;">A message with instructions to restore your password has been sent. Please check your spam box.</p>
<a href="/login/" style="font-weight: 500;font-size: 1.6rem;">Go to login page.</a>
</div>
</div>
</div>
</div>
<div class="middle-box animated fadeInDown" id="lost-pass" style="display: none">
<div class="text-center">
{% if mod.stimg==1 %}
<img width="330px" src="/login/cwp_theme/original/img/custom/new_logo_small.{{mod.imgext}}">
{% else %}
<a href="https://www.control-webpanel.com" target="_blank"><img width="330px" src="/login/cwp_theme/original/img/new_logo_small.png"></a>
{% endif %}
<!--<a href="https://control-webpanel.com/" target="_blank"><img src="/login/cwp_theme/original/img/cwp_logo.png" width="300"></a>-->
</div>
<div class="row">
<div class="col-md-12">
<div class="ibox-content">
<h2 class="font-bold">{{langmod.LGLLABEL12}}</h2>
<p>
{{langmod.LGLLABEL13}}
</p>
<div class="row">
<div class="col-lg-12">
<form class="m-t" role="form" action="">
<div class="form-group">
<input type="text" class="form-control recover-field" maxlength="32" name="lost-user" id="lost-user" placeholder="{{langmod.LGLLABEL4}}" required="">
</div>
<div class="form-group">
<input type="email" class="form-control recover-field" placeholder="{{langmod.LGLLABEL14}}" name="lost-email" id="lost-email" required="">
</div>
<button type="submit" class="btn btn-primary block full-width m-b" id="btnsendcode" onclick="return lostpass(this)">{{langmod.LGLLABEL15}}</button>
<p></p>
<a class="btn btn-sm btn-white btn-block" href="#" onclick="return forgout(1)">Cancel</a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Mainly scripts -->
<script src="{{url}}/js/jquery-3.1.1.min.js"></script>
<script src="{{url}}/js/popper.min.js"></script>
<script src="{{url}}/js/bootstrap.js"></script>
<!-- iCheck -->
<script src="{{url}}/js/plugins/iCheck/icheck.min.js"></script>
<script src="{{url}}/js/plugins/toastr/toastr.min.js"></script>
<script src="{{url}}/js/plugins/gritter/jquery.gritter.min.js"></script>
<script>
$("#btn-f2acode").click(function (){
var msjbtn =$("#btn-f2acode").text();
$.ajaxSetup({ headers: { 'csrftoken' : '{{ tokenajax }}' } });
$("#btn-f2acode").addClass('disabled');
$("#btn-f2acode").attr('disabled',true);
$("#btn-f2acode").html('<i class="fa fa-spinner fa-spin"></i>'+msjbtn);
$.ajax({
type: "POST",
url: "/login/index.php?acc=f2acode",
data:"code="+$("#f2acode").val()+"&username="+$("#username").val(),
complete: function(datos){
var obj = JSON.parse(datos.responseText);
if(obj.error){
//if(datos.responseText==0){
noti_bubble('{{langmod.LGLLABEL32}}','','error',false,false,'3000',true);
$("#btn-f2acode").removeClass('disabled');
$("#btn-f2acode").attr('disabled',false);
$("#btn-f2acode").html(msjbtn);
return false;
}else if(obj.token){
$('#login').fadeOut('fast',function(){
$('#twofa').hide();
$('#logged_message').show();
});
/*$('#twofa').fadeOut('fast',function(){
$('#logged_message').show();
});*/
$("#token").val(obj.token);//
$("#password").val('');
$('#formloginon').attr("action", "/"+$("#username").val()+"/");
$( "#formloginon" ).submit();
}
}
});
});
function noti_bubble(title,msj,type,bar,button,timer,repeat) {
toastr.options = {
closeButton: button,
progressBar: bar,
showMethod: 'slideDown',
preventDuplicates:repeat,
timeOut: timer
};
if(type =='success'){ toastr.success(title, msj); }
if(type =='error'){ toastr.error(title, msj); }
if(type =='info'){ toastr.info(title, msj); }
if(type =='warning'){ toastr.warning(title, msj); }
}
function cookie() {
$.ajaxSetup({ headers: { 'csrftoken' : '{{ tokenajax }}' } });
$.ajax({
type: "POST",
url: "/login/index.php?acc=cookie",
complete: function(datos){
if(datos.responseText!=''){
//window.location = datos.responseText;
}
}
});
}
function valite(){
if($("#username").val()=='root'){
noti_bubble('{{langmod.LGLLABEL19}}','','error',false,false,'3000',true);
return false;
}
$.ajaxSetup({ headers: { 'csrftoken' : '{{ tokenajax }}' } });
if(($("#username").val()=='')||($("#password").val()=='')){
noti_bubble('{{langmod.LGLLABEL17}}','','error',false,false,'3000',true);
// $("#btnsubmit").attr('disabled',false);
// $("#btnsubmit").removeClass('disabled');
// $("#btnsubmit").html('Login');
return false;
}else{
$("#btnsubmit").prop('disabled',true);
$("#btnsubmit").addClass('disabled');
$('#btn_icon').css('display','inline-block');
$("#btn_title").html('{{langmod.LGLLABEL16}}');
var pass=$("#password").val();
var pass= Base64.encode(pass);
var userN =$("#username").val();
userN =userN.trim();
if($("#sessioning").is(':checked')){ var sessioning =1; }else{ var sessioning =0; }
$.ajax({
type: "POST",
url: "/login/index.php?acc=validate",
data:"username="+userN+"&password="+pass+"&sessioning="+sessioning+"&userlang="+$("#userLang").val(),
complete: function(datos){
var obj = JSON.parse(datos.responseText);
if(obj.error){
if(obj.error!='locked'){
noti_bubble(obj.error,'','error',false,false,'3000',true);
$("#btnsubmit").prop('disabled',false);
$("#btnsubmit").removeClass('disabled');
$('#btn_icon').css('display','none');
$("#btn_title").html('Login');
} else if(obj.error=='locked'){
noti_bubble('{{langmod.LGLLABEL33}}','','error',false,false,'3000',true);
window.location = datos2.responseText;
}
return false;
}else if(obj.token){
$('#login').fadeOut('fast',function(){
$('#logged_message').show();
});
$("#token").val(obj.token);//
$("#password").val('');
$('#formloginon').attr("action", "/"+$("#username").val()+"/");
$( "#formloginon" ).submit();
return false;
}else if(obj.twofa){
$("#formlogin").hide();
$("#twofa").show();
return false;
}
}
});
}
return false;
}
function forgout(sw){
if(sw==0){
$("#login").hide();
$("#lost-pass").show();
}else if(sw==1){
$("#lost-pass").hide();
$("#login").show();
}
return false;
}
function validateEmail(email) {
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
function lostpass(elem){
$.ajaxSetup({ headers: { 'csrftoken' : '{{ tokenajax }}' } });
let valid = true;
if($("#lost-user").val() == ''){
$("#lost-user").addClass('error');
valid = false;
}
if(!validateEmail($("#lost-email").val())){
$("#lost-email").addClass('error');
valid = false;
}
if(valid){
$("#btnsendcode").addClass('disabled');
$("#btnsendcode").attr('disabled', true);
$("#btnsendcode").text('Validating...');
$('#recover-field').removeClass('.error');
$.ajax({
type: "POST",
url: "/login/index.php?acc=lostpass",
data:"username="+$("#lost-user").val()+"&email="+$("#lost-email").val(),
complete: function(datos){
if(datos.responseText == 0){
noti_bubble('Invalid username & email combination..','','error',false,false,'3000',true);
}else if(datos.responseText == 1){
$('#lost-pass').fadeOut('fast',function(){
$('#recover_pass').show();
});recover_pass
noti_bubble('A message with instructions has been sent.','','success',false,false,'3000',true);
}else{
noti_bubble('Something went wrong, please try again.','','error',false,false,'3000',true);
}
$("#btnsendcode").attr('disabled', false);
$("#btnsendcode").removeClass('disabled');
$("#btnsendcode").text('{{langmod.LGLLABEL15}}');
return false;
}
});
return false;
}else{
noti_bubble('Please complete all required fields.','','error',false,false,'3000',true);
return false;
}
}
var Base64 = {
// private property
_keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
// public method for encoding
encode : function (input) {
var output = "";
var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
var i = 0;
input = Base64._utf8_encode(input);
while (i < input.length) {
chr1 = input.charCodeAt(i++);
chr2 = input.charCodeAt(i++);
chr3 = input.charCodeAt(i++);
enc1 = chr1 >> 2;
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
enc4 = chr3 & 63;
if (isNaN(chr2)) {
enc3 = enc4 = 64;
} else if (isNaN(chr3)) {
enc4 = 64;
}
output = output +
this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
}
return output;
},
// public method for decoding
decode : function (input) {
var output = "";
var chr1, chr2, chr3;
var enc1, enc2, enc3, enc4;
var i = 0;
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
while (i < input.length) {
enc1 = this._keyStr.indexOf(input.charAt(i++));
enc2 = this._keyStr.indexOf(input.charAt(i++));
enc3 = this._keyStr.indexOf(input.charAt(i++));
enc4 = this._keyStr.indexOf(input.charAt(i++));
chr1 = (enc1 << 2) | (enc2 >> 4);
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
chr3 = ((enc3 & 3) << 6) | enc4;
output = output + String.fromCharCode(chr1);
if (enc3 != 64) {
output = output + String.fromCharCode(chr2);
}
if (enc4 != 64) {
output = output + String.fromCharCode(chr3);
}
}
output = Base64._utf8_decode(output);
return output;
},
// private method for UTF-8 encoding
_utf8_encode : function (string) {
string = string.replace(/\r\n/g,"\n");
var utftext = "";
for (var n = 0; n < string.length; n++) {
var c = string.charCodeAt(n);
if (c < 128) {
utftext += String.fromCharCode(c);
}
else if((c > 127) && (c < 2048)) {
utftext += String.fromCharCode((c >> 6) | 192);
utftext += String.fromCharCode((c & 63) | 128);
}
else {
utftext += String.fromCharCode((c >> 12) | 224);
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
utftext += String.fromCharCode((c & 63) | 128);
}
}
return utftext;
},
// private method for UTF-8 decoding
_utf8_decode : function (utftext) {
var string = "";
var i = 0;
var c = c1 = c2 = 0;
while ( i < utftext.length ) {
c = utftext.charCodeAt(i);
if (c < 128) {
string += String.fromCharCode(c);
i++;
}
else if((c > 191) && (c < 224)) {
c2 = utftext.charCodeAt(i+1);
string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
i += 2;
}
else {
c2 = utftext.charCodeAt(i+1);
c3 = utftext.charCodeAt(i+2);
string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
i += 3;
}
}
return string;
}
}
cookie();
</script>
</body>
</html>