project-logs.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 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;
    var requestData = {
      "project": projectName, 
      "ajax": "fetchProjectLogs", 
      "size": 1000, 
      "skip": 0 
    };

		var successHandler = function(data) {
			console.log("fetchLogs");
      if (data.error) {
        showDialog("Error", data.error);
        return;
      }
      // 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").find("tbody")[0];
      $(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});
    };
		$.get(requestURL, requestData, successHandler);
	}
});

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});
});