From f4abb4a6dff73aab3993987e433232cdfbeca44d Mon Sep 17 00:00:00 2001
From: Oleksii Kriuchykhin <okriuchykhin@biosistemika.com>
Date: Tue, 23 Mar 2021 23:13:26 +0100
Subject: [PATCH] Fix experiment workflow image loading [SCI-5586]

---
 app/assets/javascripts/projects/show.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/projects/show.js b/app/assets/javascripts/projects/show.js
index aaa41398b..17d8adbaa 100644
--- a/app/assets/javascripts/projects/show.js
+++ b/app/assets/javascripts/projects/show.js
@@ -271,20 +271,21 @@
   }
 
   function loadExperimentWorkflowImages() {
-    $('.workflowimg-container').each(function() {
-      let container = $(this);
+    $('.experiment-card').each(function() {
+      let card = $(this);
+      let container = $(this).find('.workflowimg-container').first();
       if (container.data('workflowimg-present') === false) {
         let imgUrl = container.data('workflowimg-url');
-        container.find('.workflowimg-spinner').removeClass('hidden');
+        card.find('.workflowimg-spinner').removeClass('hidden');
         $.ajax({
           url: imgUrl,
           type: 'GET',
           dataType: 'json',
           success: function(data) {
-            container.html(data.workflowimg);
+            card.find('.workflowimg-container').html(data.workflowimg);
           },
           error: function() {
-            container.find('.workflowimg-spinner').addClass('hidden');
+            card.find('.workflowimg-spinner').addClass('hidden');
           }
         });
       }