8a7d8f8142
This CL updates the d3.js library to version 5.4. The most notable change is that the library can now distinguish between click and drag events if an element supports both selection via click and displacement via drag. Curiously, npm created a 'package-lock.json', which is ~500 lines, and which is supposed to be checked into the repository according to documentation. Change-Id: Ifabd236296d951f390e0a1516d89e73138ce1713 Reviewed-on: https://chromium-review.googlesource.com/1076234 Reviewed-by: Tobias Tebbi <tebbi@chromium.org> Commit-Queue: Sigurd Schneider <sigurds@chromium.org> Cr-Commit-Position: refs/heads/master@{#53604}
65 lines
3.3 KiB
HTML
65 lines
3.3 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>Turbolizer</title>
|
|
<link rel="stylesheet" href="turbo-visualizer.css" />
|
|
<link rel="stylesheet" href="prettify.css" />
|
|
<link rel="icon" type="image/png" href="turbolizer.png">
|
|
</head>
|
|
<body>
|
|
<div id="left" class="viewpane scrollable"></div>
|
|
<div class="resizer-left"></div>
|
|
<div id="middle" class="viewpane">
|
|
<div id="graph-toolbox-anchor">
|
|
<span id="graph-toolbox">
|
|
<input id="layout" type="image" title="layout graph" src="layout-icon.png"
|
|
alt="layout graph" class="button-input">
|
|
<input id="show-all" type="image" title="show all nodes" src="expand-all.jpg"
|
|
alt="show all nodes" class="button-input">
|
|
<input id="toggle-hide-dead" type="image" title="show only live nodes" src="live.png"
|
|
alt="only live nodes" class="button-input">
|
|
<input id="hide-unselected" type="image" title="hide unselected nodes"
|
|
src="hide-unselected.png" alt="hide unselected nodes" class="button-input">
|
|
<input id="hide-selected" type="image" title="hide selected nodes"
|
|
src="hide-selected.png" alt="hide selected nodes" class="button-input">
|
|
<input id="zoom-selection" type="image" title="zoom to selection"
|
|
src="search.png" alt="zoom to selection" class="button-input">
|
|
<input id="toggle-types" type="image" title="show/hide types"
|
|
src="types.png" alt="show/hide types" class="button-input">
|
|
<input id="search-input" type="text" title="search nodes for regex"
|
|
alt="search node for regex" class="search-input"
|
|
placeholder="find with regexp…">
|
|
<select id="display-selector">
|
|
<option disabled selected>(please open a file)</option>
|
|
</select>
|
|
</span>
|
|
</div>
|
|
<div id="load-file">
|
|
<input id="upload-helper" type="file">
|
|
<input id="upload" type="image" title="load graph" class="button-input"
|
|
src="upload-icon.png" alt="upload graph">
|
|
</div>
|
|
<div id='text-placeholder' width="0px" height="0px" style="position: absolute; top:100000px;" ><svg><text text-anchor="right">
|
|
<tspan white-space="inherit" id="text-measure"/>
|
|
</text></svg></div>
|
|
</div>
|
|
<div class="resizer-right"></div>
|
|
<div id="right" class="viewpane scrollable"></div>
|
|
<div id="source-collapse" class="collapse-pane">
|
|
<input id="source-expand" type="image" title="show source"
|
|
src="right-arrow.png" class="button-input invisible">
|
|
<input id="source-shrink" type="image" title="hide source"
|
|
src="left-arrow.png" class="button-input">
|
|
</div>
|
|
<div id="disassembly-collapse" class="collapse-pane">
|
|
<input id="disassembly-expand" type="image" title="show disassembly"
|
|
src="left-arrow.png" class="button-input invisible">
|
|
<input id="disassembly-shrink" type="image" title="hide disassembly"
|
|
src="right-arrow.png" class="button-input">
|
|
</div>
|
|
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
|
|
<script src="https://d3js.org/d3.v5.js" charset="utf-8"></script>
|
|
<script src="build/turbolizer.js"></script>
|
|
</body>
|
|
</html>
|