fx name err in virtual media

2 files changed, 8 insertions, 23 deletions

diff --git a/src/components/Global/FormFile.vue b/src/components/Global/FormFile.vue
index 0c02c5ef..50af468e 100644
--- a/src/components/Global/FormFile.vue
+++ b/src/components/Global/FormFile.vue
@@ -48,12 +48,6 @@
         >
       </b-button>
     </div>
-    <div
-      v-if="fileName && isStarted"
-      class="clear-selected-file px-3 py-2 mt-2"
-    >
-      {{ fileName }}
-    </div>
   </div>
 </template>
 
@@ -85,15 +79,10 @@ export default {
       type: String,
       default: 'secondary',
     },
-    isStarted: {
-      type: Boolean,
-      default: false,
-    },
   },
   data() {
     return {
       file: null,
-      fileName: null,
     };
   },
   computed: {
@@ -104,19 +93,11 @@ export default {
   watch: {
     file() {
       if (this.file) {
-        this.fileName = this.file.name;
         this.$bvModal.hide(`modal-${this.id}`);
       } else {
-        this.fileName = null;
         this.$emit('input', this.file);
       }
     },
-
-    isStarted(oldValue, newValue) {
-      if (!newValue) {
-        this.fileName = null;
-      }
-    },
   },
 };
 </script>
diff --git a/src/views/Operations/VirtualMedia/VirtualMedia.vue b/src/views/Operations/VirtualMedia/VirtualMedia.vue
index ef306129..8cd86614 100644
--- a/src/views/Operations/VirtualMedia/VirtualMedia.vue
+++ b/src/views/Operations/VirtualMedia/VirtualMedia.vue
@@ -13,7 +13,6 @@
                   v-if="!dev.isActive"
                   :id="concatId(dev.id)"
                   v-model="dev.file"
-                  :is-started="isStarted"
                 >
                   <template #invalid>
                     <b-form-invalid-feedback role="alert">
@@ -22,6 +21,14 @@
                   </template>
                 </form-file>
               </b-form-group>
+
+              <div
+                v-if="dev.isActive && dev.file && dev.file.name"
+                class="clear-selected-file px-3 py-2 mt-2"
+              >
+                {{ dev.file.name }}
+              </div>
+
               <b-button
                 v-if="!dev.isActive"
                 size="md"
@@ -120,7 +127,6 @@ export default {
   data() {
     return {
       modalConfigureConnection: null,
-      isStarted: false,
       loadImageFromExternalServer:
         process.env.VUE_APP_VIRTUAL_MEDIA_LIST_ENABLED === 'true'
           ? true
@@ -170,11 +176,9 @@ export default {
 
       device.nbd.start();
       device.isActive = true;
-      this.isStarted = true;
     },
     stopVM(device) {
       device.nbd.stop();
-      this.isStarted = false;
     },
     startLegacy(connectionData) {
       var data = {};