AMP-3079/3267

src/components/account/Login.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="col-12">
+    <loader :show="loading" />
     <!-- <AmpHeader/> -->
     <main>
       <div class="container">
@@ -80,11 +81,13 @@ import { accountService } from "@/service/account-service";
 import { sync } from "vuex-pathify";
 import AccessControlService from "@/service/access-control-service";
 import SharedService from "@/service/shared-service";
+import Loader from "@/components/shared/Loader.vue";
 
 export default {
   name: "LoginComponent",
   components: {
     AmpHeader,
+    Loader
   },
   data() {
     return {
@@ -97,6 +100,7 @@ export default {
       pswd: null,
       auth_status: false,
       activate_status: false,
+      loading: false,
       id: null,
       token: null,
       accessControlService: new AccessControlService(),
@@ -113,11 +117,13 @@ export default {
     acActions: sync("acActions"),
   },
 
-  created() {
+  async created() {
     if (this.$route.params.token) {
       console.log("The token is:" + this.$route.params.token);
       this.token = this.$route.params.token;
-      this.activateNewUser();
+      this.loading = true;
+      await this.activateNewUser();
+      this.loading = false;
       console.log("activation result is:" + this.activate_status);
     }
   },
@@ -128,7 +134,10 @@ export default {
         .sendActivateUserRequest(this.token)
         .then((response) => {
           self.activate_status = response.success;
-          self.errors.other_errors = response.errors;
+          if (self.activate_status) 
+            self.errors.other_errors = "Your account has been successfully activated. You may now login.";
+          else 
+            self.errors.other_errors = response.errors;
         })
         .catch((e) => {
           console.log(e);

src/components/dashboard/Dashboard.vue

@@ -740,7 +740,6 @@ import SearchFilter from "@/components/dashboard/DashboardFilters/SearchFilter";
 import Logout from "@/components/shared/Logout.vue";
 import Search from "@/components/shared/Search.vue";
 import WorkflowResultService from "../../service/workflow-result-service";
-import Loader from "@/components/shared/Loader.vue";
 import SharedService from "@/service/shared-service";
 
 export default {
@@ -752,7 +751,6 @@ export default {
     SearchFilter,
     Logout,
     Search,
-    Loader,
   },
   data() {
     return {

src/components/entity/EntityList.vue

@@ -41,9 +41,7 @@
                 v-if="baseUrl === 'file'"
                 class="media-player"
               >
-                <!-- showLoader is {{ showLoader }}, mediaSource is {{ entity.mediaSource }} -->
                 <div v-if="entity.mediaSource">
-                  <!-- MediaElement -->
                   <mediaelement
                     ref="vPlay"
                     :type="entity.mediaType"
@@ -81,7 +79,8 @@
                 name="unitForm"
                 class="form"
                 :class="{
-                  'w-100': !accessControl._primaryfile_media._read,
+                  'w-50': baseUrl === 'file',
+                  'w-100': baseUrl !== 'file',
                 }"
               >
                 <div v-if="baseUrl === 'file'">
@@ -1362,7 +1361,6 @@ 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(
@@ -1378,7 +1376,6 @@ export default {
         self.entity["mediaType"] = mediaSourceType.mimeType.substring(0, 5);
         console.log("EntityList.getEntityData: mediaType = " + self.entity.mediaType);
         self.showLoader = false;
-        // console.log("EntityList.getEntityData: after get media, showLoader = " + self.showLoader);
       }
     },
     async getUnitCollections() {