tetawebapp/tetawebapp/static/scripts/tetawebapp.js

var red = "#FF0000";
var green = "#00FF00";
var light_red = "#FCD5DC";
var light_green = "#D5FCD8";
var base_bg = "#FFFFFF";
var base_border = "#888888";

/* **************************************************************************************
 * GLOBAL
 * **************************************************************************************/

// Cookies
function setcookie(cname, cvalue, exdays) {
    // Set cookie
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getcookie(cname) {
  // Get cookie by name
  var value = "; " + document.cookie;
  var parts = value.split("; " + cname + "=");
  if (parts.length == 2) return parts.pop().split(";").shift();
}

// Eye candies
function invalid_input(obj) {
  // Invalid input makes obj borders and background to glow red for 2 seconds
  // Border color will stay red until a valid input is sent
  obj.style.backgroundColor = light_red;
  obj.style.borderColor = red;
  setTimeout( function() {
    obj.style.backgroundColor = base_bg;
    }
  , 2000);
}

function valid_input(obj) {
  // Valid input makes obj background to glow green for 2 seconds
  // If obj borders were red, they get they normal color back
  obj.style.backgroundColor = light_green;
  obj.style.borderColor = base_border;
  setTimeout( function() {
    obj.style.backgroundColor = base_bg;
    }
  , 2000);
}

function verify_login() {
  // Verify login inputs
  login = document.getElementById('login');
  password = document.getElementById('password');
  if (login.value.length > 0) {
    valid_input(login);
    if (password.value.length > 0) {
      valid_input(password);
      return true;
    }
    invalid_input(password);
    return false;
  }
  invalid_input(login);
  return false;
}

/* **************************************************************************************
 * AJAX
 * **************************************************************************************/

function get_html_from_ajax(obj, url) {
  // Get HTML content from AJAX request from url argument
  // HTML content is then put as innerHTML to obj
  var xhttp = new XMLHttpRequest();
  xhttp.onerror = function(){
    obj.innerHTML = "Error while getting content (1)";
  };

  xhttp.onload = function(){
    if (xhttp.status != 200) {
      obj.innerHTML = "Error while getting content (2)";
      } 
  };

  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      var response = xhttp.responseText;
      obj.innerHTML = response;
    }
  };
  xhttp.open('POST', url, true);
  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  xhttp.send();
}

function set_value_from_ajax(obj, url, err_code) {
  // Send value from obj.value via AJAX request to url argument
  // obj.value is passed to URL in a REST sheme like <URL>/<VALUE>
  // If err_code response is received, then a server side
  // error has occured and input is invalidated.
  url = url + '/' + obj.value;
  var xhttp = new XMLHttpRequest();
  xhttp.onerror = function(){
    invalid_input(obj);
  };

  xhttp.onload = function(){
    if (xhttp.status != 200) {
      invalid_input(obj);
      } 
  };

  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      var response = xhttp.responseText;
      if (response == err_code) {
        invalid_input(obj);
        return;
      }
      valid_input(obj);
      return;
    }
  };
  xhttp.open('POST', url, true);
  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  xhttp.send();
}

function get_value_from_ajax(obj, url, err_code) {
  // Get value from AJAX request
  // The returned value is then set to obj.value.
  // If err_code response is received, then a server side
  // error has occured and input is invalidated
  var xhttp = new XMLHttpRequest();
  xhttp.onerror = function(){
    invalid_input(obj);
  };

  xhttp.onload = function(){
    if (xhttp.status != 200) {
      invalid_input(obj);
      } 
  };

  xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
      var response = xhttp.responseText;
      if (response == err_code) {
        invalid_input(obj);
        return;
      }
      obj.value = response;
      valid_input(obj);
      return;
    }
  };
  xhttp.open('POST', url, true);
  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  xhttp.send();
}