// DO NOT ADD PHP TO JS FILES!

/**
 * Login Component class
 */
LoginComponent = function ()
{
}


LoginComponent.onInit = function()
{
  watchChanges("#username", LoginComponent.onUsernameChange);
}


LoginComponent.onUsernameChange = function(username)
{
  if(!username.match(/^[a-zA-Z0-9.%?]{1,}$/))
  {
    const regex = /[^\w ?%.]/g;
    username    = username.replace(regex, '');
    document.getElementById("username").value = username;
  }
  
  if (validator.validate_sign_in_code(username))
  {
    LoginSignInComponent.onInit();
  }
  else
  {
    LoginSignInComponent.onStop();
  }
}


LoginComponent.enableLogin = function()
{
  enable_login_button = true;
  LoginComponent.enableLoginButton();
}


LoginComponent.disableLogin = function()
{
  enable_login_button = false;
  LoginComponent.disableLoginButton();
}


LoginComponent.enableLoginButton = function()
{
  $("#set_login_section").css({"opacity": "1"});
  $("#set_login_section_responsive").css({"opacity": "1"});
  $("#btnLogin").css({"cursor": "pointer"});
  $("#btnLogin_responsive").css({"cursor": "pointer"});
}


LoginComponent.disableLoginButton = function()
{
  $("#set_login_section").css({"opacity": "0.2"});
  $("#set_login_section_responsive").css({"opacity": "0.2"});
  $("#btnLogin").css({"cursor": "default"});
  $("#btnLogin_responsive").css({"cursor": "default"});
}