kuroko2 0.2.0

data/app/assets/javascripts/kuroko2/definition_linker.js

@@ -0,0 +1,20 @@
+jQuery(function ($) {
+  function setDeifinitionLink(script) {
+    script = script.replace(/sub_process:\s+(\d+)\s*\n/, function(match, jobId) {
+      return '<a href="/definitions/' + jobId + '">' + match + '</a>';
+    });
+
+    script = script.replace(/^wait:\s*(.+)\s*$/gm, function(match, option) {
+      return 'wait: ' + option.replace(/(\d+)\/\w+/g, function(match, jobId){
+	return '<a href="/definitions/' + jobId + '">' + match + '</a>';
+      });
+    });
+
+    return script
+  }
+
+  $('pre.kuroko-script').each(function(){
+    var script = $(this).html();
+    $(this).html(setDeifinitionLink(script));
+  });
+});

data/app/assets/javascripts/kuroko2/instance_linker.js

@@ -0,0 +1,10 @@
+jQuery(function ($) {
+  $('td.log').each(function(){
+    var logText = $(this).html();
+    $(this).html(
+      logText.replace(/instance#(\d+)\/(\d+)(?:\s+|\.)/, function(match, jobId, instanceId){
+	return '<a href="/definitions/' + jobId + '/instances/' + instanceId+ '">' + match + '</a>';
+      })
+    );
+  });
+});

data/app/assets/javascripts/kuroko2/job_definition_stats.js

@@ -0,0 +1,67 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+
+jQuery(function ($) {
+  var groups = new vis.DataSet();
+  groups.add({
+    id: 'execution-time',
+    content: 'ExecutionTime',
+  });
+  groups.add({
+    id: 'memory',
+    content: 'Memory',
+  });
+
+  var basicOptions = {
+    zoomable: false,
+    drawPoints: { enabled: true }
+  };
+
+  var pointerApproaching = function( $element, distance, event ) {
+    var left = $element.offset().left - distance,
+        top = $element.offset().top - distance,
+        right = left + $element.width() + ( 2 * distance ),
+        bottom = top + $element.height() + ( 2 * distance ),
+        x = event.pageX,
+        y = event.pageY;
+    return ( x > left && x < right && y > top && y < bottom );
+  };
+
+  var bindTooltipAction = function($target){
+    $target.mousemove( function( event ) {
+      $('.vis-line-graph svg rect').each(function(){
+	if( pointerApproaching($(this), 15, event) ) {
+	  $(this).next().show();
+        } else {
+	  $(this).next().hide();
+	}
+      });
+    });
+  };
+
+  var executionTimePath = $('#execution-time').data('execution-time-path')
+  if( executionTimePath ) {
+    $.get(executionTimePath, function (response) {
+      new vis.Graph2d(
+        $('#execution-time').get(0),
+        response.data,
+        groups,
+        $.extend(basicOptions, { dataAxis: { left: { title: { text: 'Minutes' } } }, interpolation: false, start: response.start_at, end: response.end_at })
+      );
+
+      bindTooltipAction($('#execution-time'));
+    });
+  }
+
+  var memoryPath = $('#memory').data('memory-path')
+  if( memoryPath ) {
+    $.get(memoryPath, function (response) {
+      new vis.Graph2d(
+        $('#memory').get(0),
+        response.data,
+        groups,
+        $.extend(basicOptions, { dataAxis: { left: { title: { text: 'Kbytes' } } } })
+      );
+    });
+  }
+});

data/app/assets/javascripts/kuroko2/job_definitions.js

@@ -0,0 +1,79 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+
+jQuery(function ($) {
+  $('.star-holder').delegate('.star', 'ajax:complete', function (xhr, status) {
+    var currentTarget = xhr.currentTarget;
+    var definitionsPath = $('.star').data("definitions-path");
+
+    switch (status.status) {
+      case 200: // deleted
+        var definitionId = status.responseJSON['job_definition_id'];
+
+        var elem = $('<a class="star" rel="nofollow" data-remote="true" data-method="post"><i class="fa fa-star-o"></i></a>')
+          .attr("href", definitionsPath + "/" + definitionId + "/stars")
+          .attr("data-definition-id", definitionId);
+
+        $(currentTarget).replaceWith(elem);
+
+        break;
+      case 201: // created
+        var starId = status.responseJSON['id'];
+        var definitionId = status.responseJSON['job_definition_id'];
+
+        var elem = $('<a class="star" rel="nofollow" data-remote="true" data-method="delete"><i class="fa fa-star"></i></a>')
+          .attr("href", definitionsPath + "/" + definitionId + "/stars/" + starId)
+          .attr("data-star-id", starId)
+          .attr("data-definition-id", definitionId);
+
+        $(currentTarget).replaceWith(elem);
+
+        break;
+    }
+  });
+
+  $('#instances-holder').delegate('#instances', 'ajax:complete', function (xhr, status) {
+    switch (status.status) {
+      case 200: // pagination
+        $('#instances').replaceWith(status.responseText);
+
+        break;
+    }
+  });
+
+  $('#schedules-holder').delegate('#schedules', 'ajax:complete', function (xhr, status) {
+    switch (status.status) {
+      case 200:
+      case 201:
+        var schedulesPath = $('#schedules').data("schedules-path");
+
+        $.get(schedulesPath, function (data) {
+          $('#schedules').replaceWith(data);
+        });
+        break;
+      case 400:
+        $('#cron-field').addClass("has-error");
+
+        break;
+    }
+  });
+
+  $('#suspend-schedules-holder').delegate('#suspend-schedules', 'ajax:complete', function (xhr, status) {
+    switch (status.status) {
+      case 200:
+      case 201:
+        var schedulesPath = $('#suspend-schedules').data("suspend-schedules-path");
+
+        $.get(schedulesPath, function (data) {
+          $('#suspend-schedules').replaceWith(data);
+        });
+        break;
+      case 400:
+        $('#suspend-cron-field').addClass("has-error");
+
+        break;
+    }
+  });
+
+  $('#admin_assignments_user_id').select2();
+});

data/app/assets/javascripts/kuroko2/job_instances.js

@@ -0,0 +1,88 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+
+jQuery(function ($) {
+  var logIntervalId;
+  var updateInstance = function () {
+    var instancePath = $('#instance').data("instance-path");
+
+    $.get(instancePath, function (data) {
+      $('#instance').replaceWith(data);
+    });
+  };
+  var updateLogs = function () {
+    var logsPath = $('#logs').data("logs-path");
+
+    $.get(logsPath, function (data) {
+      $('#logs').html($(data).find('#logs').html());
+
+      if (!$('#logs table').data("reload")) {
+        clearInterval(logIntervalId);
+        updateInstance();
+      }
+    });
+  };
+
+  var updateTokens = function () {
+    var tokensPath = $('#tokens').data("tokens-path");
+
+    $.get(tokensPath, function (data) {
+      $('#tokens').replaceWith(data);
+    });
+  };
+
+  var executionLogToken;
+  var executionLogIntervalId;
+  var appendExecutionLogs = function () {
+    var apiPath = $('#execution_logs').data('api-path');
+    $.getJSON(apiPath, { "token": executionLogToken }, function(data) {
+      data['events'].forEach(function(event) {
+        $('#execution_log_body').append(
+          $('<tr>').append(
+            $('<td>').addClass('nowrap').text(event["timestamp"]),
+            $('<td>').text(event.pid),
+            $('<td>').text(event.uuid),
+            $('<td>').addClass('log').html(event['message'])
+          )
+        );
+      });
+
+      if(executionLogToken != data['token'] ) {
+        executionLogToken = data['token'];
+      } else {
+        clearInterval(executionLogIntervalId);
+      }
+    }).fail( function(data, status, error) {
+      if (!$('#logs table').data("reload")) {
+        clearInterval(executionLogIntervalId);
+      }
+    });
+  };
+
+  var startGetExecutionLog = function() {
+    executionLogIntervalId = setInterval(appendExecutionLogs, 2000);
+  };
+
+  var updateAll = function () {
+    updateTokens();
+    updateLogs();
+  };
+
+  if ($('#logs table').data("reload")) {
+    logIntervalId = setInterval(updateAll, 2000);
+  }
+
+  if ($('#execution_logs').size() > 0) {
+    startGetExecutionLog();
+  }
+});
+
+jQuery(function ($) {
+  $(document).keyup(function (e) {
+    // '\' key
+    if (e.keyCode == 220) {
+      $('#cancel-button').toggle();
+      $('#force-cancel-button').toggle();
+    }
+  });
+});

data/app/assets/javascripts/kuroko2/job_timelines.js.coffee

@@ -0,0 +1,24 @@
+$ ->
+  datasetPath = $('#timeline').data('dataset-path')
+  return unless datasetPath
+
+  container = $('#timeline')
+  options = {
+    zoomable: false,
+    orientation: 'both',
+    order: (a, b) ->
+      return a.end - b.end
+  }
+
+  callback = (response) ->
+    container.empty()
+    new vis.Timeline(
+      container.get(0),
+      response.data,
+      $.extend(options, {start: response.start_at, end: response.end_at})
+    )
+
+  $.get(datasetPath, callback)
+  setInterval ->
+    $.get(datasetPath, callback)
+  , 10000

data/app/assets/javascripts/kuroko2/narrow_job_definitions.js

@@ -0,0 +1,30 @@
+jQuery(function ($) {
+  var bind_data = function(data) {
+    $('#tags').html($(data).find('#tags').html());
+    $('#definitions').html($(data).find('#definitions').html());
+    $('#pagination').html($(data).find('#pagination').html());
+    $('html,body').scrollTop(0);
+    $.bootstrapSortable();
+  };
+
+  $('#tags').on({ 'ajax:success': function(e, data, status, xhr) {
+      bind_data(data);
+      history.pushState('', '', $(this).attr('href'));
+    }
+  }, '.js-narrow-tag');
+
+  $('#job_search').on({ 'ajax:success': function(e, data, status, xhr) {
+    bind_data(data)
+    url = '?' + $(this).serialize()
+    history.pushState('', '', url);
+  } }, 'form');
+
+  $('#pagination').on({ 'ajax:success': function(e, data, status, xhr) {
+    bind_data(data)
+    history.pushState('', '', $(this).attr('href'));
+  } }, 'a');
+
+  $(window).on('popstate', function(e){
+    $.get(location.href).then(function(data) { bind_data(data) });
+  });
+});