From 481173bf50fac41dcbb8232d3d05a1231c04a33a Mon Sep 17 00:00:00 2001
From: Chuang Ke <chuangx.ke@intel.com>
Date: Tue, 9 Aug 2022 16:57:14 +0800
Subject: [PATCH] v2-config_tool-Instruction-missing-for-L2-only-users

v1-->v2:
1. instruction displayed regardless of if L3 or L2 cache were available, now it displayed instructions accordingly no matter how many caches
2. let instructions displayed only once above the topmost CAT configuration table

Tracked-On: #7921
Signed-off-by: Chuang-Ke <chuangx.ke@intel.com>
Reviewed-by: Junjie Mao <junjie.mao@intel.com>
---
 .../pages/Config/ConfigForm/CustomWidget/CAT.vue   | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/CAT.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/CAT.vue
index 5a64a3c2f..dcda14ea8 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/CAT.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm/CustomWidget/CAT.vue
@@ -60,8 +60,8 @@
     <div class="py-3" v-if="CAT_INFO.errorMsg">
       {{ CAT_INFO.errorMsg }}
     </div>
-    <div class="py-4" v-for="CACHE_ALLOCATION in CAT_INFO.regions" v-if="RDT_ENABLED==='y'">
-      <p v-if="CACHE_ALLOCATION.level===3||CACHE_ALLOCATION.level===2">
+    <div class="py-4" v-for="(CACHE_ALLOCATION,index) in CAT_INFO.regions" v-if="RDT_ENABLED==='y'">
+      <p v-if="showInstruction(CACHE_ALLOCATION.level,index) ">
         Drag the ends of the boxes to cover the cache chunks you want to allocate to specific VMs. If you have a
         real-time
         VM,ensure its cache chunks do not overlap with any other VM's cache chunks.
@@ -218,10 +218,17 @@ export default {
     return {
       CAT_INFO: {errorMsg: null, regions: [], summary: {}},
       SSRAMInfo: this.rootSchema.definitions['SSRAMInfo'],
-      RDTType: this.rootSchema.definitions['RDTType']
+      RDTType: this.rootSchema.definitions['RDTType'],
+      InstructionLocation: {},
     }
   },
   methods: {
+    showInstruction(level, index) {
+      if (!(level in this.InstructionLocation)) {
+        this.InstructionLocation[level] = index
+      }
+      return this.InstructionLocation[level]===index
+    },
     boardUpdate() {
       this.updateCatInfo()
     },
@@ -333,6 +340,7 @@ export default {
     },
     updateCatInfo() {
       this.CAT_INFO = configurator.cat.getCATUIData()
+      this.InstructionLocation={}
     }
   }
 }