Clarify VMware import conversion storage option (#13165)

Author: andrijapanicsb

ui/public/locales/en.json

@@ -4108,7 +4108,8 @@
 "message.select.nic.network": "Please select a Network for NIC",
 "message.select.security.groups": "Please select security group(s) for your new Instance.",
 "message.select.start.date.and.time": "Select a start date & time.",
-"message.select.temporary.storage.instance.conversion": "(Optional) Select a staging storage for the converted disks",
+"message.select.temporary.storage.instance.conversion": "(Optional) Select temporary conversion storage",
+"message.select.temporary.storage.instance.conversion.tooltip": "Where virt-v2v temporarily writes converted disks before import to the destination storage pool.",
 "message.select.volume.to.continue": "Please select a volume to continue.",
 "message.select.vm.to.continue": "Please select an Instance to continue.",
 "message.select.zone.description": "Select type of Zone basic/advanced.",

ui/src/components/CheckBoxSelectPair.vue

@@ -24,6 +24,9 @@
           :disabled="forExternalNetProvider"
           @change="handleCheckChange">
           {{ checkBoxLabel }}
+          <a-tooltip v-if="checkBoxTooltip" :title="checkBoxTooltip">
+            <info-circle-outlined class="tooltip-icon" />
+          </a-tooltip>
         </a-checkbox>
       </a-col>
       <a-col :md="24" :lg="layout === 'horizontal' ? 12 : 24">
@@ -70,6 +73,10 @@ export default {
       type: String,
       required: true
     },
+    checkBoxTooltip: {
+      type: String,
+      default: null
+    },
     defaultCheckBoxValue: {
       type: Boolean,
       default: false
@@ -166,4 +173,9 @@ export default {
 .ant-list-split .ant-list-item div {
   width: 100%;
 }
+
+.tooltip-icon {
+  color: rgba(0,0,0,.45);
+  margin-left: 2px;
+}
 </style>

ui/src/views/tools/ImportUnmanagedInstance.vue

@@ -203,6 +203,7 @@
                   :resourceKey="cluster.id"
                   :selectOptions="storageOptionsForConversion"
                   :checkBoxLabel="switches.forceConvertToPool ? $t('message.select.destination.storage.instance.conversion') : $t('message.select.temporary.storage.instance.conversion')"
+                  :checkBoxTooltip="switches.forceConvertToPool ? null : $t('message.select.temporary.storage.instance.conversion.tooltip')"
                   :defaultCheckBoxValue="switches.forceConvertToPool"
                   :reversed="false"
                   @handle-checkselectpair-change="updateSelectedStorageOptionForConversion"