Merge remote-tracking branch 'origin/master' into 4084-log-pane-refresh

[arvados.git] / apps / workbench / app / assets / javascripts / pipeline_instances.js

diff --git a/apps/workbench/app/assets/javascripts/pipeline_instances.js b/apps/workbench/app/assets/javascripts/pipeline_instances.js
index 3209d67782b7fd6fb9760cef5523f6476c62b752..78fd195cdca3f26c8163bd030c679428abd658f2 100644 (file)
--- a/apps/workbench/app/assets/javascripts/pipeline_instances.js
+++ b/apps/workbench/app/assets/javascripts/pipeline_instances.js
@@ -1,5 +1,5 @@
 function run_pipeline_button_state() {
-    var a = $('a.editable.required.editable-empty');
+    var a = $('a.editable.required.editable-empty,input.form-control.required[value=]');
     if (a.length > 0) {
         $(".run-pipeline-button").addClass("disabled");
     }
@@ -9,38 +9,92 @@ function run_pipeline_button_state() {
 }
 
 $(document).on('editable:success', function(event, tag, response, newValue) {
+    var $tag = $(tag);
     if ($('.run-pipeline-button').length == 0)
         return;
-    tag = $(tag);
-    if (tag.hasClass("required")) {
+    if ($tag.hasClass("required")) {
         if (newValue && newValue.trim() != "") {
-            tag.removeClass("editable-empty");
-            tag.parent().css("background-color", "");
-            tag.parent().prev().css("background-color", "");
+            $tag.removeClass("editable-empty");
+            $tag.parent().css("background-color", "");
+            $tag.parent().prev().css("background-color", "");
         }
         else {
-            tag.addClass("editable-empty");
-            tag.parent().css("background-color", "#ffdddd");
-            tag.parent().prev().css("background-color", "#ffdddd");
+            $tag.addClass("editable-empty");
+            $tag.parent().css("background-color", "#ffdddd");
+            $tag.parent().prev().css("background-color", "#ffdddd");
         }
     }
-    if (tag.attr('data-name')) {
+    if ($tag.attr('data-name')) {
         // Update other inputs representing the same piece of data
-        $('[data-name="' + tag.attr('data-name') + '"]').html(newValue);
+        $('.editable[data-name="' + $tag.attr('data-name') + '"]').
+            editable('setValue', newValue);
     }
     run_pipeline_button_state();
 });
 
 $(document).on('ready ajax:complete', function() {
     $('a.editable.required').each(function() {
-        if (this.hasClass("editable-empty")) {
-            this.parent().css("background-color", "#ffdddd");
-            this.parent().prev().css("background-color", "#ffdddd");
+        var $tag = $(this);
+        if ($tag.hasClass("editable-empty")) {
+            $tag.parent().css("background-color", "#ffdddd");
+            $tag.parent().prev().css("background-color", "#ffdddd");
         }
         else {
-            this.parent().css("background-color", "");
-            this.parent().prev().css("background-color", "");
+            $tag.parent().css("background-color", "");
+            $tag.parent().prev().css("background-color", "");
         }
     });
     run_pipeline_button_state();
 });
+
+$(document).on('arv-log-event', '.arv-refresh-on-state-change', function(event, eventData){
+    if (eventData.event_type == "update" &&
+        eventData.properties.old_attributes.state != eventData.properties.new_attributes.state)
+    {
+        $(event.target).trigger('arv:pane:reload');
+    }
+});
+
+$(document).on('arv-log-event', '.arv-log-event-subscribe-to-pipeline-job-uuids', function(event, eventData){
+    if (eventData.event_type == "create" || eventData.event_type == "update") {
+        if (eventData.object_kind == 'arvados#pipelineInstance') {
+            var objs = "";
+            var components = eventData.properties.new_attributes.components;
+            for (a in components) {
+                if (components[a].job && components[a].job.uuid) {
+                    objs += " " + components[a].job.uuid;
+                }
+            }
+            $(event.target).attr("data-object-uuids", eventData.object_uuid + objs);
+        }
+    }
+});
+
+$(document).on('arv-log-event', '.arv-log-event-handler-append-logs', function(event, eventData){
+    var wasatbottom = ($(this).scrollTop() + $(this).height() >= this.scrollHeight);
+
+    if (eventData.event_type == "stderr" || eventData.event_type == "stdout") {
+        $(this).append(eventData.properties.text);
+    }
+
+    if (wasatbottom) {
+        this.scrollTop = this.scrollHeight;
+    }
+});
+
+var showhide_compare = function() {
+    var form = $('form#compare')[0];
+    $('input[type=hidden][name="uuids[]"]', form).remove();
+    $('input[type=submit]', form).prop('disabled',true).show();
+    var checked_inputs = $('[data-object-uuid*=-d1hrv-] input[name="uuids[]"]:checked');
+    if (checked_inputs.length >= 2 && checked_inputs.length <= 3) {
+        checked_inputs.each(function(){
+            if(this.checked) {
+                $('input[type=submit]', form).prop('disabled',false).show();
+                $(form).append($('<input type="hidden" name="uuids[]"/>').val(this.value));
+            }
+        });
+    }
+};
+$('[data-object-uuid*=-d1hrv-] input[name="uuids[]"]').on('click', showhide_compare);
+showhide_compare();