login.js

/*
 * Copyright 2012 LinkedIn Corp.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */

$.namespace('azkaban');

var loginView;
azkaban.LoginView = Backbone.View.extend({
	events: {
		"click #login-submit": "handleLogin",
		'keypress input': 'handleKeyPress'
	},

	initialize: function(settings) {
		$('#error-msg').hide();
	},
	
	handleLogin: function(evt) {
		console.log("Logging in.");
		var username = $("#username").val();
		var password = $("#password").val();
	 
		$.ajax({
			async: "false",
			url: contextURL,
			dataType: "json",
			type: "POST",
			data: {
				action: "login", 
				username: username, 
				password: password
			},
			success: function(data) {
				if (data.error) {
					$('#error-msg').text(data.error);
					$('#error-msg').slideDown('fast');
				}
				else {
					document.location.reload();
				}
			}
		});
	},
	
	handleKeyPress: function(evt) {
		if (evt.charCode == 13 || evt.keyCode == 13) {
			this.handleLogin();
		}
	},
	
	render: function() {
	}
});

$(function() {
	loginView = new azkaban.LoginView({el: $('#login-form')});
});