Jump to newly selected method

qtc-de · Jul 25, 2024 · 464c035 · 464c035
1 parent fb3acd7
commit 464c035
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 14 deletions.
diff --git a/frontend/src/components/MethodPane.vue b/frontend/src/components/MethodPane.vue
@@ -16,8 +16,8 @@
         setup()
         {
             const store = processStore();
-            const { selectedProcess, selectedInterface } = storeToRefs(store);
-            return { selectedInterface, selectedProcess, store }
+            const { selectedProcess, selectedInterface, tabs, selectedTab } = storeToRefs(store);
+            return { tabs, selectedTab, selectedInterface, selectedProcess, store }
         },
 
         methods:
@@ -38,8 +38,13 @@
                 this.editMethod = null;
 
                 let method = this.selectedInterface.methods[index];
-
                 this.store.addMethodName(methodName, method.addr, this.selectedInterface.location)
+
+                if (method.origName === undefined)
+                {
+                    method.origName = method.name;
+                }
+
                 method.name = methodName;
             },
 
@@ -50,6 +55,31 @@
 
                 this.store.addMethodNotes(notes, index, this.selectedInterface.id)
                 this.selectedInterface.methods[index].notes = notes;
+            },
+
+            jumpDecompiled(method)
+            {
+                for (const tab of this.tabs)
+                {
+                    if (tab.origName === this.selectedInterface.id)
+                    {
+                        this.selectedTab = tab.name;
+                        const tabComponent = document.getElementById(tab.origName);
+
+                        if(tabComponent != null)
+                        {
+                            const tabElement = tabComponent.children[0];
+
+                            for (const child of tabElement.children)
+                            {
+                                if (child.textContent.includes(` ${method.name}(`) || child.textContent.includes(` ${method.origName}(`))
+                                {
+                                    child.scrollIntoView();
+                                }
+                            }
+                        }
+                    }
+                }
             }
         }
     }
@@ -67,7 +97,7 @@
                 <th>Notes</th>
                 <th>Format Address</th>
             </tr>
-            <tr style="cursor: pointer" v-if="selectedInterface" v-for="(method, index) in selectedInterface.methods" @click="selectedMethod = method"
+            <tr style="cursor: pointer" v-if="selectedInterface" v-for="(method, index) in selectedInterface.methods" @click="selectedMethod = method; jumpDecompiled(method)"
                 :class="{ Selected: selectedMethod == method }">
                 <td>{{ index }}</td>
                 <td v-if="selectedInterface && editMethod != method.addr" @dblclick="enableEditing(method.addr, 'Method', method.name)">{{ method.name }}</td>

diff --git a/frontend/src/components/ProcessPane.vue b/frontend/src/components/ProcessPane.vue
@@ -12,7 +12,6 @@
         {
             return {
                 lastTabLength: 0,
-                selectedTab: 'Processes',
                 timer: null,
                 editTab: null,
             }
@@ -21,11 +20,11 @@
         setup()
         {
             const store = processStore();
-            const { processTree, refreshTimer, tabs } = storeToRefs(store)
+            const { selectedTab, processTree, refreshTimer, tabs } = storeToRefs(store)
 
             const offlineMode = (import.meta.env.VITE_OFFLINE_MODE != 0) ? true : false;
 
-            return { store, processTree, refreshTimer, tabs, offlineMode }
+            return { store, processTree, refreshTimer, tabs, offlineMode, selectedTab }
         },
 
         components: {
@@ -117,13 +116,7 @@
                     this.selectedTab = new_name;
                 }
 
-                if (tab.oldName === undefined)
-                {
-                    tab.oldName = tab.name;
-                }
-
                 tab.name = new_name;
-
                 this.editTab = null;
             },
 

diff --git a/frontend/src/stores/processStore.js b/frontend/src/stores/processStore.js
@@ -12,6 +12,7 @@ var refreshOngoing = false;
 var selectedPane = null;
 var selectedProcess = null;
 var selectedInterface = null;
+var selectedTab = 'Processes';
 
 var processFilter = null;
 var interfaceFilter = null;
@@ -32,6 +33,7 @@ export const processStore = defineStore(
         selectedInterface,
         processFilter,
         interfaceFilter,
+        selectedTab,
     }),
 
     actions:
@@ -40,7 +42,7 @@ export const processStore = defineStore(
         {
             for (const tab of this.tabs)
             {
-                if (tab.name === name || tab.oldName === name)
+                if (tab.name === name || tab.origName === name)
                 {
                     return true;
                 }
@@ -65,6 +67,7 @@ export const processStore = defineStore(
                     'type': 'snapshot',
                     'snapshotId': snapshotID,
                     'name': name,
+                    'origName': name,
                     'data': snapshot
                 }
             );
@@ -130,6 +133,7 @@ export const processStore = defineStore(
                     'type': 'snapshot',
                     'snapshotId': snapshotID,
                     'name': name,
+                    'origName': name,
                     'data': {
                         'processes': processes,
                         'idl_data': {...first.idl_data, ...second.idl_data}
@@ -162,6 +166,7 @@ export const processStore = defineStore(
                                 {
                                     'type': 'idl',
                                     'name': uuid,
+                                    'origName': uuid,
                                     'data': idl.code
                                 });
 
@@ -182,6 +187,7 @@ export const processStore = defineStore(
                         {
                             'type': 'idl',
                             'name': uuid,
+                            'origName': name,
                             'data': decompiled
                         });
                     });