Login View Example

CookieUtil.js

CookieUtil = (function () {
  
  var expirationDays = 14;
  
  function deleteCookie(key) {
    var expiration = new Date(0).toGMTString();
    document.cookie = key + "=;expires=" + expiration;
  }
  
  function getCookie(key) {
    
  }
  
  function getExpiration() {
    var now = Date.now();
    var expirationDuration = expirationDays * 24 * 60 * 60 * 1000;
    var expirationTime = now + expirationDuration;
    return new Date(expirationTime);
  }
  
  function init(options) {
    
  }
  
  function setCookie(key, value) {
    
  }
  
  return {
    getCookie: getCookie,
    init: init,
    setCookie: setCookie
  }
  
}).call(this);

LoginService.js

LoginService = (function () {
  
  function LoginService() {
    if (!$) {
      throw Error("jQuery is not defined!");
    }
  }
  
  LoginService.prototype.login = function (data, callback) {
    $.post("/login", function(result) {
      if (result.isValid) {
        callback(null, result);
      } else {
        callback({ message: "Invalid credentials!" }, result);
      }
    });
  };
  
  return LoginService;
}).call(this);

LoginView.js

LoginView = (function () {
  
  function LoginView() {
    this.initializeBindings();
    this.loginService = new LoginService();
  }
  
  LoginView.prototype.initializeBindings = function () {
    $("#login-button").on("click", function () {
      this.login();
    }.bind(this));
  };
  
  LoginView.prototype.login = function () {
    var data = getLoginData();
    this.loginService.login(function (error, result) {
      
    });
  };
  
  function getLoginData() {
    return {
      username: $("#username").val(),
      password: $("#password").val()
    };
  }
  
  return LoginView;
}).call(this);