From 605470d2834e54d4fe9e0cd3415afb72a82c6606 Mon Sep 17 00:00:00 2001
From: noO0oOo0ob <38344038+noO0oOo0ob@users.noreply.github.com>
Date: Thu, 13 Feb 2025 14:53:29 +0800
Subject: [PATCH] inspector show flow mock id (#891)

---
 frontend/src/views/inspector/FlowList.vue | 33 ++++++++++++++++++-----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/inspector/FlowList.vue b/frontend/src/views/inspector/FlowList.vue
index e44bb909..438580bd 100644
--- a/frontend/src/views/inspector/FlowList.vue
+++ b/frontend/src/views/inspector/FlowList.vue
@@ -28,12 +28,19 @@
             color="#fff1f0"
             text-color="#f5222d"
           >kill</v-chip>
-          <v-chip label small
-            v-else-if="item.response.mock === 'mock'"
-            class="flow-list-item-tag"
-            color="primaryBrightest"
-            text-color="primary"
-          >mock</v-chip>
+          <v-tooltip top v-else-if="item.response.mock === 'mock'">
+            <template v-slot:activator="{ on, attrs }">
+              <v-chip label small
+                class="flow-list-item-tag"
+                color="primaryBrightest"
+                text-color="primary"
+                @click = "copyMockId(item)"
+                v-bind="attrs"
+                v-on="on"
+              >mock</v-chip>
+            </template>
+            <span> {{ getMockId(item) ? 'Mock by: '+getMockId(item)+' (Click copy)' : 'MockId Not Found' }} </span>
+          </v-tooltip>
           <v-chip label small
             v-else-if="item.response.mock === 'proxy'"
             color="border"
@@ -556,6 +563,20 @@ export default {
     onUrlCopyError (e) {
       this.$bus.$emit('msg.error', 'Copy url error:' + e)
     },
+    getMockId (item) {
+      for (const action of item.action) {
+        if (action.hasOwnProperty('mock_id')) {
+          return action.mock_id;
+        }
+      }
+      return '';
+    },
+    copyMockId (item) {
+      let mock_id = this.getMockId(item)
+      if (mock_id) {
+        this.$bus.$emit('clipboard', mock_id)
+      }
+    },
     showPopup(event, item) {
       event.preventDefault();
       this.currentItem = item;