Zoom into selection range using z

Allows user to press z to zoom to current selection. Adds relevant information to keyboard shortcut menu. Signed-off-by: Will Yang <william.yang@ericsson.com>
eclipse-cdt-cloud · Aug 3, 2022 · 28039a3 · 28039a3
1 parent 70ea08a
commit 28039a3
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/packages/react-components/src/components/trace-context-component.tsx b/packages/react-components/src/components/trace-context-component.tsx
@@ -434,6 +434,10 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
                 this.zoomButton(false);
                 break;
             }
+            case 'z': {
+                this.zoomToSelected();
+                break;
+            }
         }
     }
 
@@ -458,6 +462,13 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
         }
     }
 
+    private zoomToSelected(): void {
+        const newZoom = this.unitController.selectionRange;
+        if (newZoom) {
+            this.unitController.viewRange = newZoom;
+        }
+    }
+
     private renderOutputs() {
         this.generateGridLayout();
         const chartWidth = Math.max(0, this.state.style.width - this.state.style.chartOffset);

diff --git a/...r-sub-widgets/trace-explorer-keyboard-shortcuts/time-graph-navigation-shortcuts-table.tsx b/...r-sub-widgets/trace-explorer-keyboard-shortcuts/time-graph-navigation-shortcuts-table.tsx
@@ -45,6 +45,12 @@ export class TimeGraphShortcutsTable extends React.Component {
                                     <span className='monaco-keybinding-key'><i className='fa fa-arrow-down' /></span>
                                 </td>
                             </tr>
+                            <tr>
+                                <td>Zoom to selected</td>
+                                <td className='monaco-keybinding shortcuts-table-keybinding'>
+                                    <span className='monaco-keybinding-key'>Z</span>
+                                </td>
+                            </tr>
                         </tbody>
                     </table>
                 </div>