azkaban.projectlog.view.js

$.namespace('azkaban');

var logModel;
azkaban.LogModel = Backbone.Model.extend({});

// From ProjectLogEvent.java
// ERROR(128), CREATED(1), DELETED(2), USER_PERMISSION(3), GROUP_PERMISSION(4), DESCRIPTION(5);
var typeMapping = {
	"ERROR": "Error",
	"CREATED": "Project Created",
	"DELETED": "Project Deleted",
	"USER_PERMISSION" : "User Permission",
	"GROUP_PERMISSION" : "Group Permission",
	"DESCRIPTION" : "Description Set",
	"SCHEDULE": "Schedule",
	"UPLOADED": "Uploaded"
};

var projectLogView;
azkaban.ProjectLogView = Backbone.View.extend({
	events: {
		"click #updateLogBtn" : "handleUpdate"
	},
	initialize: function(settings) {
		this.model.set({"current": 0});
		this.handleUpdate();
	},
	handleUpdate: function(evt) {
		var current = this.model.get("current");
		var requestURL = contextURL + "/manager"; 
		var model = this.model;

		$.get(
			requestURL,
			{"project": projectName, "ajax":"fetchProjectLogs", "size": 1000, "skip": 0 },
			function(data) {
			console.log("fetchLogs");
	          	if (data.error) {
	          		showDialog("Error", data.error);
	          	}
	          	else {
	          		// Get the columns to map to the values.
	          		var columns = data.columns;
	          		var columnMap = {};
	          		for (var i =0; i < columns.length; ++i) {
	          			columnMap[columns[i]] = i;
	          		}
	          		var logSection = $("#logTable");
	          		$(logSection).empty();
	          		var logData = data.logData;
	          		for (var i = 0; i < logData.length; ++i) {
	          			var event = logData[i];
	          			var user = event[columnMap['user']];
	          			var time = event[columnMap['time']];
	          			var type = event[columnMap['type']];
	          			var message = event[columnMap['message']];
	          			
	          			var containerEvent = document.createElement("tr");
	          			$(containerEvent).addClass("projectEvent");
	          			
	          			var containerTime = document.createElement("td");
	          			$(containerTime).addClass("time");
	          			$(containerTime).text(getDateFormat(new Date(time)));
	          			
	          			var containerUser = document.createElement("td");
	          			$(containerUser).addClass("user");
	          			$(containerUser).text(user);
	          			
	          			var containerType = document.createElement("td");
	          			$(containerType).addClass("type");
	          			$(containerType).addClass(type);
	          			$(containerType).text(typeMapping[type] ? typeMapping[type] : type);
	          		
	          			var containerMessage = document.createElement("td");
	          			$(containerMessage).addClass("message");
	          			$(containerMessage).text(message);
	          			
	          			$(containerEvent).append(containerTime);
	          			$(containerEvent).append(containerUser);
	          			$(containerEvent).append(containerType);
	          			$(containerEvent).append(containerMessage);
	          			
	          			$(logSection).append(containerEvent);
	          		}
	          		
	          		model.set({"log": data});
	          	}
	         }
		);
	}
});

var showDialog = function(title, message) {
  $('#messageTitle').text(title);

  $('#messageBox').text(message);

  $('#messageDialog').modal({
      closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
      position: ["20%",],
      containerId: 'confirm-container',
      containerCss: {
        'height': '220px',
        'width': '565px'
      },
      onShow: function (dialog) {
      }
    });
}


$(function() {
	var selected;

	logModel = new azkaban.LogModel();
	projectLogView = new azkaban.ProjectLogView({el:$('#projectLogView'), model: logModel});
});