From e02fb2097294b1f227acafa0afca149c33301025 Mon Sep 17 00:00:00 2001
From: yingfeng <yingfeng@iu.edu>
Date: Mon, 17 Jun 2024 16:51:01 -0400
Subject: [PATCH 1/2] AMP-3223: - add logs for debugging - fix mediaElement not
 loading issue

---
 src/components/entity/EntityList.vue   | 16 +++++++++-------
 src/components/entity/Mediaelement.vue |  3 +++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/entity/EntityList.vue b/src/components/entity/EntityList.vue
index 0896cca7..b5582af9 100644
--- a/src/components/entity/EntityList.vue
+++ b/src/components/entity/EntityList.vue
@@ -4,7 +4,7 @@
     :class="baseUrl == 'unit' ? 'units' : 'collection'"
   >
     <loader :show="showLoader" />
-    <div class="row">
+    <div class="row" v-if="!showLoader">
       <!-- <Sidebar /> -->
       <div class="col-12 bg-light-gray-1">
         <main :class="!unitEntity.currentUnit ? 'mb-3' : 'mb-5'">
@@ -38,12 +38,12 @@
             </h1>
             <div class="primary-file">
               <div
+                v-if="baseUrl === 'file'"
                 class="media-player"
-                v-if="
-                  baseUrl === 'file'
-                "
               >
+                <!-- showLoader is {{ showLoader }}, mediaSource is {{ entity.mediaSource }} -->
                 <div v-if="entity.mediaSource">
+                  <!-- MediaElement -->
                   <mediaelement
                     ref="vPlay"
                     :type="entity.mediaType"
@@ -561,7 +561,7 @@
                           v-for="user in userList"
                           :key="user.id"
                           :value="user.username"
-                          >{{ `${user.firstName} ${user.lastName}` }}</option
+                          >{{ `${user.firstName} user.lastName}` }}</option
                         >
                       </datalist>
 
@@ -1362,21 +1362,23 @@ export default {
         }
       } else if (self.baseUrl === "file") {
         self.showLoader = true;
+        // console.log("EntityList.getEntityData: before get media, showLoader = " + self.showLoader);
         self.entity = self.selectedFile;
         if (self.accessControl._primaryfile_media._read) {
           let mediaSourceUrl = await self.workflowResultService.getMediaSymlink(
             self.selectedFile.id
           );
           self.entity["mediaSource"] = mediaSourceUrl;
-          console.log("mediaSource = " + self.entity.mediaSource);
+          console.log("EntityList.getEntityData: mediaSource = " + self.entity.mediaSource);
         }
         let mediaSourceType = await self.primaryFileService.getPrimaryFile(
           self.selectedFile.id
         );
         self.entity["mediaInfo"] = mediaSourceType.mediaInfo;
         self.entity["mediaType"] = mediaSourceType.mimeType.substring(0, 5);
-        // console.log("mediaType = " + self.entity.mediaType);
+        console.log("EntityList.getEntityData: mediaType = " + self.entity.mediaType);
         self.showLoader = false;
+        // console.log("EntityList.getEntityData: after get media, showLoader = " + self.showLoader);
       }
     },
     async getUnitCollections() {
diff --git a/src/components/entity/Mediaelement.vue b/src/components/entity/Mediaelement.vue
index e5b7750c..a45df0c8 100644
--- a/src/components/entity/Mediaelement.vue
+++ b/src/components/entity/Mediaelement.vue
@@ -70,6 +70,7 @@ export default {
   mounted() {
     const { MediaElementPlayer } = global;
     const componentObject = this;
+    // console.log("MediaElement: loading MediaElementPlayer");
     this.player = new MediaElementPlayer(this.$el, {
       pluginPath: "https://cdn.jsdelivr.net/npm/mediaelement@4.2.7/build/",
       shimScriptAccess: "always",
@@ -82,9 +83,11 @@ export default {
           });
         }
         this.success(mediaElement, originalNode, instance);
+        // console.log("MediaElement: MediaElementPlayer loaded.");
       },
       error: (e) => {
         this.error(e);
+        // console.log("MediaElement: error: " + e);
       },
     });
   },

From 474c8b23513f10abfe30be70c07846d24063c050 Mon Sep 17 00:00:00 2001
From: yingfeng <yingfeng@iu.edu>
Date: Mon, 17 Jun 2024 16:58:27 -0400
Subject: [PATCH 2/2] AMP-3223: - revert previously introduced typo

---
 src/components/entity/EntityList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/entity/EntityList.vue b/src/components/entity/EntityList.vue
index b5582af9..6bd28984 100644
--- a/src/components/entity/EntityList.vue
+++ b/src/components/entity/EntityList.vue
@@ -561,7 +561,7 @@
                           v-for="user in userList"
                           :key="user.id"
                           :value="user.username"
-                          >{{ `${user.firstName} user.lastName}` }}</option
+                          >{{ `${user.firstName} ${user.lastName}` }}</option
                         >
                       </datalist>