apps/workbench/app/assets/javascripts/pipeline_instances.js

   1 function run_pipeline_button_state() {
   2     var a = $('a.editable.required.editable-empty,input.form-control.required[value=]');
   3     if (a.length > 0) {
   4         $(".run-pipeline-button").addClass("disabled");
   5     }
   6     else {
   7         $(".run-pipeline-button").removeClass("disabled");
   8     }
   9 }
  10
  11 $(document).on('editable:success', function(event, tag, response, newValue) {
  12     var $tag = $(tag);
  13     if ($('.run-pipeline-button').length == 0)
  14         return;
  15     if ($tag.hasClass("required")) {
  16         if (newValue && newValue.trim() != "") {
  17             $tag.removeClass("editable-empty");
  18             $tag.parent().css("background-color", "");
  19             $tag.parent().prev().css("background-color", "");
  20         }
  21         else {
  22             $tag.addClass("editable-empty");
  23             $tag.parent().css("background-color", "#ffdddd");
  24             $tag.parent().prev().css("background-color", "#ffdddd");
  25         }
  26     }
  27     if ($tag.attr('data-name')) {
  28         // Update other inputs representing the same piece of data
  29         $('.editable[data-name="' + $tag.attr('data-name') + '"]').
  30             editable('setValue', newValue);
  31     }
  32     run_pipeline_button_state();
  33 });
  34
  35 $(document).on('ready ajax:complete', function() {
  36     $('a.editable.required').each(function() {
  37         var $tag = $(this);
  38         if ($tag.hasClass("editable-empty")) {
  39             $tag.parent().css("background-color", "#ffdddd");
  40             $tag.parent().prev().css("background-color", "#ffdddd");
  41         }
  42         else {
  43             $tag.parent().css("background-color", "");
  44             $tag.parent().prev().css("background-color", "");
  45         }
  46     });
  47     run_pipeline_button_state();
  48 });
  49
  50 $(document).on('arv-log-event', '.arv-refresh-on-state-change', function(event, eventData) {
  51     if (this != event.target) {
  52         // Not interested in events sent to child nodes.
  53         return;
  54     }
  55     if (eventData.event_type == "update" &&
  56         eventData.properties.old_attributes.state != eventData.properties.new_attributes.state)
  57     {
  58         $(event.target).trigger('arv:pane:reload');
  59     }
  60 });
  61
  62 $(document).on('arv-log-event', '.arv-log-event-subscribe-to-pipeline-job-uuids', function(event, eventData){
  63     if (this != event.target) {
  64         // Not interested in events sent to child nodes.
  65         return;
  66     }
  67     if (!((eventData.object_kind == 'arvados#pipelineInstance') &&
  68           (eventData.event_type == "create" ||
  69            eventData.event_type == "update") &&
  70          eventData.properties &&
  71          eventData.properties.new_attributes &&
  72          eventData.properties.new_attributes.components)) {
  73         return;
  74     }
  75     var objs = "";
  76     var components = eventData.properties.new_attributes.components;
  77     for (a in components) {
  78         if (components[a].job && components[a].job.uuid) {
  79             objs += " " + components[a].job.uuid;
  80         }
  81     }
  82     $(event.target).attr("data-object-uuids", eventData.object_uuid + objs);
  83 });
  84
  85 $(document).on('ready ajax:success', function() {
  86     $('.arv-log-refresh-control').each(function() {
  87         var uuids = $(this).attr('data-object-uuids');
  88         var $pane = $(this).closest('[data-pane-content-url]');
  89         $pane.attr('data-object-uuids', uuids);
  90     });
  91 });
  92
  93 $(document).on('arv-log-event', '.arv-log-event-handler-append-logs', function(event, eventData){
  94     if (this != event.target) {
  95         // Not interested in events sent to child nodes.
  96         return;
  97     }
  98     var wasatbottom = ($(this).scrollTop() + $(this).height() >= this.scrollHeight);
  99
 100     if (eventData.event_type == "stderr" || eventData.event_type == "stdout") {
 101         $(this).append(eventData.properties.text);
 102     }
 103
 104     if (wasatbottom) {
 105         this.scrollTop = this.scrollHeight;
 106     }
 107 });
 108
 109 var showhide_compare = function() {
 110     var form = $('form#compare')[0];
 111     $('input[type=hidden][name="uuids[]"]', form).remove();
 112     $('input[type=submit]', form).prop('disabled',true).show();
 113     var checked_inputs = $('[data-object-uuid*=-d1hrv-] input[name="uuids[]"]:checked');
 114     if (checked_inputs.length >= 2 && checked_inputs.length <= 3) {
 115         checked_inputs.each(function(){
 116             if(this.checked) {
 117                 $('input[type=submit]', form).prop('disabled',false).show();
 118                 $(form).append($('<input type="hidden" name="uuids[]"/>').val(this.value));
 119             }
 120         });
 121     }
 122 };
 123 $('[data-object-uuid*=-d1hrv-] input[name="uuids[]"]').on('click', showhide_compare);
 124 showhide_compare();