v8/tools/turbolizer/info-view.html
Sigurd Schneider 84dc3c2234 [turbolizer] Add info tab with keyboard shortcuts
Notry: true
Bug: v8:7327
Change-Id: I2592d921905ad361f09ff6d99c0b0d64617543c4
Reviewed-on: https://chromium-review.googlesource.com/c/1407051
Commit-Queue: Sigurd Schneider <sigurds@chromium.org>
Reviewed-by: Georg Neis <neis@chromium.org>
Cr-Commit-Position: refs/heads/master@{#58780}
2019-01-14 13:52:23 +00:00

120 lines
3.1 KiB
HTML

<div>This is view contains hints about available keyboard shortcuts.</div>
<div class="info-topic" id="info-global">
<div class="info-topic-header">Global shortcuts</div>
<div class="info-topic-content">
<table>
<tr>
<td>CTRL+L</td>
<td>Open load file dialog.</td>
</tr>
<tr>
<td>CTRL+R</td>
<td>Reload turbolizer (Chrome shortcut)</td>
</tr>
</table>
</div>
</div>
<div class="info-topic" id="info-graph-view">
<div class="info-topic-header">Graph view</div>
<div class="info-topic-content">
<table>
<tr>
<td>r</td>
<td>Relayout graph</td>
</tr>
<tr>
<td>a</td>
<td>Select all nodes</td>
</tr>
<tr>
<td>/</td>
<td>Select search box</td>
</tr>
</table>
</div>
</div>
<div class="info-topic" id="info-graph-nodes">
<div class="info-topic-header">TurboFan graph nodes</div>
<div class="info-topic-content">
<div>The following commands transform node selections, i.e. each operation will be applied
to each node in the current selection and the union of the resulting nodes will become the
new selection.</div>
<table>
<tr>
<td>UP</td>
<td>Select all input nodes</td>
</tr>
<tr>
<td>DOWN</td>
<td>Select all output nodes</td>
</tr>
<tr>
<td>1-9</td>
<td>Select input node 1-9</td>
</tr>
<tr>
<td>CTRL+1-9</td>
<td>Toggle input edge 1-9</td>
</tr>
<tr>
<td>c</td>
<td>Select control output node</td>
</tr>
<tr>
<td>e</td>
<td>Select effect output node</td>
</tr>
<tr>
<td>o</td>
<td>Reveal node's input nodes</td>
</tr>
<tr>
<td>i</td>
<td>Reveal node's output nodes</td>
</tr>
<tr>
<td>s</td>
<td>Select node's origin node</td>
</tr>
<tr>
<td>/</td>
<td>Select search box</td>
</tr>
</table>
</div>
</div>
<div class="info-topic" id="info-graph-search">
<div class="info-topic-header">Graph search</div>
<div class="info-topic-content">
<table>
<tr>
<td>ENTER</td>
<td>Select nodes according to regular expression. Invisible nodes are included depending on the state of the
checkbox "only visible".</td>
</tr>
<tr>
<td>CTRL+ENTER</td>
<td>Select nodes according to regular expression, always including invisible nodes regardless of checkbox.</td>
</tr>
</table>
<div style="font-weight: bold">
Useful patterns
</div>
<table>
<tr>
<td>IfTrue</td>
<td>Select nodes which have 'IfTrue' in title or description.</td>
</tr>
<tr>
<td>^42:</td>
<td>Select exactly the node with id 14.</td>
</tr>
<tr>
<td>Origin:&nbsp;#42&nbsp;</td>
<td>Select nodes which were created while node with id 42 was reduced. This is inaccurate if the node was
changed in-place.</td>
</tr>
</table>
</div>
</div>