main.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 projectTableView;
azkaban.ProjectTableView = Backbone.View.extend({
  events: {
    "click .project-expander": "expandProject"
  },

  initialize: function(settings) {
  },

  expandProject: function(evt) {
    if (evt.target.tagName == "A") {
      return;
    }

    var target = evt.currentTarget;
    var targetId = target.id;
    var requestURL = contextURL + "/manager";

    var targetExpanded = $('#' + targetId + '-child');
    var targetTBody = $('#' + targetId + '-tbody');
    var createFlowListFunction = this.createFlowListTable;

    if (target.loading) {
      console.log("Still loading.");
    }
    else if (target.loaded) {
      if ($(targetExpanded).is(':visible')) {
        $(target).addClass('expanded').removeClass('collapsed');
        var expander = $(target).children('.project-expander-icon')[0];
        $(expander).removeClass('glyphicon-chevron-up');
        $(expander).addClass('glyphicon-chevron-down');
        $(targetExpanded).slideUp(300);
      }
      else {
        $(target).addClass('collapsed').removeClass('expanded');
        var expander = $(target).children('.project-expander-icon')[0];
        $(expander).removeClass('glyphicon-chevron-down');
        $(expander).addClass('glyphicon-chevron-up');
        $(targetExpanded).slideDown(300);
      }
    }
    else {
      // projectId is available
      $(target).addClass('wait').removeClass('collapsed').removeClass('expanded');
      target.loading = true;

      var request = {
        "project": targetId,
        "ajax": "fetchprojectflows"
      };

      var successHandler = function(data) {
        console.log("Success");
        target.loaded = true;
        target.loading = false;

        createFlowListFunction(data, targetTBody);

        $(target).addClass('collapsed').removeClass('wait');
        var expander = $(target).children('.project-expander-icon')[0];
        $(expander).removeClass('glyphicon-chevron-down');
        $(expander).addClass('glyphicon-chevron-up');
        $(targetExpanded).slideDown(300);
      };

      $.get(requestURL, request, successHandler, "json");
    }
  },

  render: function() {
  },

  createFlowListTable: function(data, innerTable) {
    var flows = data.flows;
    flows.sort(function(a,b) {
      return a.flowId.localeCompare(b.flowId);
    });
    var requestURL = contextURL + "/manager?project=" + data.project + "&flow=";
    for (var i = 0; i < flows.length; ++i) {
      var id = flows[i].flowId;
      var ida = document.createElement("a");
      ida.project = data.project;
      $(ida).text(id);
      $(ida).attr("href", requestURL + id);
      $(ida).addClass('list-group-item');
      $(innerTable).append(ida);
    }
  }
});

var projectHeaderView;
azkaban.ProjectHeaderView = Backbone.View.extend({
  events: {
    "click #create-project-btn": "handleCreateProjectJob"
  },

  initialize: function(settings) {
    console.log("project header view initialize.");
    if (settings.errorMsg && settings.errorMsg != "null") {
      $('#messaging').addClass("alert-danger");
      $('#messaging').removeClass("alert-success");
      $('#messaging-message').html(settings.errorMsg);
    }
    else if (settings.successMsg && settings.successMsg != "null") {
      $('#messaging').addClass("alert-success");
      $('#messaging').removeClass("alert-danger");
      $('#messaging-message').html(settings.successMsg);
    }
    else {
      $('#messaging').removeClass("alert-success");
      $('#messaging').removeClass("alert-danger");
    }
  },

  handleCreateProjectJob: function(evt) {
    $('#create-project-modal').modal();
  },

  render: function() {
  }
});

var createProjectView;
azkaban.CreateProjectView = Backbone.View.extend({
  events: {
    "click #create-btn": "handleCreateProject"
  },

  initialize: function(settings) {
    $("#modal-error-msg").hide();
  },

  handleCreateProject: function(evt) {
    // First make sure we can upload
    var projectName = $('#path').val();
    var description = $('#description').val();
    console.log("Creating");
    $.ajax({
      async: "false",
      url: "manager",
      dataType: "json",
      type: "POST",
      data: {
        action: "create",
        name: projectName,
        description: description
      },
      success: function(data) {
        if (data.status == "success") {
          if (data.action == "redirect") {
            window.location = data.path;
          }
        }
        else {
          if (data.action == "login") {
            window.location = "";
          }
          else {
            $("#modal-error-msg").text("ERROR: " + data.message);
            $("#modal-error-msg").slideDown("fast");
          }
        }
      }
    });
  },

  render: function() {
  }
});

var tableSorterView;
$(function() {
  projectHeaderView = new azkaban.ProjectHeaderView({
    el: $('#create-project'),
    successMsg: successMessage,
    errorMsg: errorMessage
  });

  projectTableView = new azkaban.ProjectTableView({
    el: $('#project-list')
  });

  /*tableSorterView = new azkaban.TableSorter({
    el: $('#all-jobs'),
    initialSort: $('.tb-name')
  });*/

  uploadView = new azkaban.CreateProjectView({
    el: $('#create-project-modal')
  });
});