bfg-common 1.4.719 → 1.4.720

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue

@@ -1,25 +1,25 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-new
-    v-if="isNewView"
-    v-model:cd-dvd-media="cdDvdMedia"
-    @browse="emits('browse')"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-old
-    v-else
-    v-model:cd-dvd-media="cdDvdMedia"
-    @browse="emits('browse')"
-  />
-</template>
-
-<script setup lang="ts">
-const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
-
-const emits = defineEmits<{
-  (event: 'browse'): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-new
+    v-if="isNewView"
+    v-model:cd-dvd-media="cdDvdMedia"
+    @browse="emits('browse')"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media-old
+    v-else
+    v-model:cd-dvd-media="cdDvdMedia"
+    @browse="emits('browse')"
+  />
+</template>
+
+<script setup lang="ts">
+const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
+
+const emits = defineEmits<{
+  (event: 'browse'): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue

@@ -1,55 +1,70 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.cdDvdMedia }}
-    </template>
-    <template #stackBlockContent>
-      <div class="media-content flex-align-center">
-        <ui-input
-          id="vm-wizard-dvd-media-input"
-          v-model="cdDvdMedia"
-          test-id="vm-wizard-dvd-media-input"
-          type="text"
-          size="sm"
-          disabled
-        />
-        <ui-button
-          id="vm-wizard-dvd-media-button"
-          test-id="vm-wizard-dvd-media-button"
-          size="sm"
-          class="media-button"
-          @click="emits('browse')"
-        >
-          {{ localization.common.browse }}...
-        </ui-button>
-      </div>
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
-
-const emits = defineEmits<{
-  (event: 'browse'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped>
-.media-content {
-  gap: 8px;
-
-  .media-button {
-    width: 108px;
-    height: 26px;
-  }
-}
-:deep(.ui-main.ui-main-sm .ui-main-input) {
-  width: 196px;
-  height: 26px;
-}
-</style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      {{ localization.common.cdDvdMedia }}
+    </template>
+    <template #stackBlockContent>
+      <div class="media-content flex-align-center">
+        <ui-input
+          id="vm-wizard-dvd-media-input"
+          v-model="cdDvdMedia"
+          test-id="vm-wizard-dvd-media-input"
+          type="text"
+          size="sm"
+          disabled
+        />
+        <ui-button
+          id="vm-wizard-dvd-media-button"
+          test-id="vm-wizard-dvd-media-button"
+          size="sm"
+          class="media-button"
+          @click="emits('browse')"
+        >
+          {{ localization.common.browse }}...
+        </ui-button>
+        <ui-button
+          id="vm-wizard-dvd-media-eject"
+          data-id="vm-wizard-dvd-media-eject"
+          size="sm"
+          class="eject-button"
+          @click="cdDvdMedia = ''"
+        >
+          {{ localization.vmWizard.eject }}
+        </ui-button>
+      </div>
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
+
+const emits = defineEmits<{
+  (event: 'browse'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped>
+.media-content {
+  gap: 8px;
+
+  .media-button {
+    min-width: 89px;
+    height: 26px;
+    white-space: nowrap;
+  }
+  .eject-button {
+    min-width: 63px;
+    height: 26px;
+    white-space: nowrap;
+  }
+}
+:deep(.ui-main.ui-main-sm .ui-main-input) {
+  width: 190px;
+  height: 26px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue

@@ -1,42 +1,50 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.cdDvdMedia }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="vm-wizard-dvd-media-input"
-            v-model="cdDvdMedia"
-            data-id="vm-wizard-dvd-media-input"
-            type="text"
-            disabled
-          />
-          <button
-            id="vm-wizard-dvd-media-input"
-            data-id="vm-wizard-dvd-media-input"
-            class="button btn btn-default btn-sm"
-            @click="emits('browse')"
-          >
-            {{ localization.common.browse }}...
-          </button>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const cdDvdMedia = defineModel<string>('cdDvdMedia', {required: true})
-
-const emits = defineEmits<{
-  (event: 'browse'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.cdDvdMedia }}
+      </template>
+      <template #stackBlockContent>
+        <div class="flex-align-center">
+          <input
+            id="vm-wizard-dvd-media-input"
+            v-model="cdDvdMedia"
+            data-id="vm-wizard-dvd-media-input"
+            type="text"
+            disabled
+          />
+          <button
+            id="vm-wizard-dvd-media-browse"
+            data-id="vm-wizard-dvd-media-browse"
+            class="button btn btn-default btn-sm"
+            @click="emits('browse')"
+          >
+            {{ localization.common.browse }}...
+          </button>
+          <button
+            id="vm-wizard-dvd-media-eject"
+            data-id="vm-wizard-dvd-media-eject"
+            class="button btn btn-default btn-sm"
+            @click="cdDvdMedia = ''"
+          >
+            {{ localization.vmWizard.eject }}
+          </button>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const cdDvdMedia = defineModel<string>('cdDvdMedia', { required: true })
+
+const emits = defineEmits<{
+  (event: 'browse'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped></style>