From 731d2171c7f3ba11d66eee96063bd436503cf1c5 Mon Sep 17 00:00:00 2001
From: Chuang Ke <chuangx.ke@intel.com>
Date: Tue, 16 Aug 2022 14:30:38 +0800
Subject: [PATCH] [config_tool] Real time vCPU checkbox is confusing to users

add tooltip to explain "Real-time vCPU"
use the one generated from the XSD files to generate tooltip infomation.

Signed-off-by: Chuang-Ke <chuangx.ke@intel.com>
Reviewed-by: Junjie Mao <junjie.mao@intel.com>
Tracked-On: #8000
---
 .../ConfigForm/CustomWidget/cpu_affinity.vue  | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/cpu_affinity.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/cpu_affinity.vue
index 42739290a..7c2fba2bc 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/cpu_affinity.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/cpu_affinity.vue
@@ -7,7 +7,16 @@
           <b-col></b-col>
           <b-col></b-col>
           <b-col>Virtual CPU ID</b-col>
-          <b-col class="ps-5">Real-time vCPU:</b-col>
+          <b-col class="ps-5">
+            <label>
+              <n-popover trigger="hover" placement="top-start" style="width: 500px">
+                <template #trigger>
+                  <IconInfo/>
+                </template>
+                <span v-html="this.CPUAffinityConfiguration.properties.real_time_vcpu.description"> </span>
+              </n-popover>
+              Real-time vCPU:</label>
+          </b-col>
           <b-col></b-col>
         </b-row>
         <b-row class="align-items-center"
@@ -16,11 +25,12 @@
             <label class="requiredField" v-if="index===0"></label>
             <label>
               <n-popover trigger="hover" placement="top-start">
-              <template #trigger>
-                <IconInfo/>
-              </template>
+                <template #trigger>
+                  <IconInfo/>
+                </template>
                 <span v-html="this.CPUAffinityConfiguration.properties.pcpu_id.description"></span>
-              </n-popover>pCPU ID
+              </n-popover>
+              pCPU ID
             </label>
           </b-col>
           <b-col>