[airavata-django-portal] branch develop updated: Don't display image element until image data is loaded

[ma...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

machristie pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/airavata-django-portal.git


The following commit(s) were added to refs/heads/develop by this push:
     new d42416c  Don't display image element until image data is loaded
d42416c is described below

commit d42416cd612f0b6c7617ddea6311ff1fcf25681c
Author: Marcus Christie <ma...@apache.org>
AuthorDate: Wed Jul 14 12:21:53 2021 -0400

    Don't display image element until image data is loaded
---
 .../js/components/experiment/output-displays/ImageOutputDisplay.vue   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/output-displays/ImageOutputDisplay.vue b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/output-displays/ImageOutputDisplay.vue
index f48a062..e73c156 100644
--- a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/output-displays/ImageOutputDisplay.vue
+++ b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/output-displays/ImageOutputDisplay.vue
@@ -1,5 +1,5 @@
 <template>
-  <img :src="dataUrl" />
+  <img v-if="dataUrl" :src="dataUrl" />
 </template>
 
 <script>
@@ -13,7 +13,7 @@ export default {
   },
   computed: {
     dataUrl() {
-      if (this.viewData) {
+      if (this.viewData && this.viewData.image) {
         return `data:${this.viewData["mime-type"]};base64,${this.viewData["image"]}`;
       } else {
         return null;