文件操作 - login.html

文件: /usr/local/cwpsrv/var/services/users/cwp_theme/original/login.html

编辑文件内容

<!DOCTYPE html>
<html>

<head>

<title>{{langmod.LGLLABEL1}}</title>

<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 %}
      
    </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 %}

</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 %}
        
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="ibox-content">

<h2 class="font-bold">{{langmod.LGLLABEL12}}</h2>

<p>
                    {{langmod.LGLLABEL13}}
                </p>

<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>

<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>

<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>

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>

文件操作 - login.html

文件: /usr/local/cwpsrv/var/services/users/cwp_theme/original/login.html

编辑文件内容

修改文件时间

删除文件