Home | History | Annotate | Download | only in turbolizer
      1 <!DOCTYPE HTML>
      2 <html>
      3   <head>
      4     <title>Turbolizer</title>
      5     <link rel="stylesheet" href="turbo-visualizer.css" />
      6   </head>
      7   <body width="100%">
      8     <div id="left">
      9       <div id='source-text'>
     10         <pre id='source-text-pre'\>
     11       </div>
     12     </div>
     13     <div id="middle">
     14       <div id="graph-toolbox-anchor">
     15         <span id="graph-toolbox">
     16           <input id="layout" type="image" title="layout graph" src="layout-icon.png"
     17                  alt="layout graph" class="button-input">
     18           <input id="show-all" type="image" title="show all nodes" src="expand-all.jpg"
     19                  alt="show all nodes" class="button-input">
     20           <input id="hide-dead" type="image" title="only live nodes" src="live.png"
     21                  alt="only live nodes" class="button-input">
     22           <input id="hide-unselected" type="image" title="hide unselected nodes"
     23                  src="hide-unselected.png" alt="hide unselected nodes" class="button-input">
     24           <input id="hide-selected" type="image" title="hide selected nodes"
     25                  src="hide-selected.png" alt="hide selected nodes" class="button-input">
     26           <input id="zoom-selection" type="image" title="zoom to selection"
     27                  src="search.png" alt="zoom to selection" class="button-input">
     28           <input id="toggle-types" type="image" title="show/hide types"
     29                  src="types.png" alt="show/hide types" class="button-input">
     30           <input id="search-input" type="text" title="search nodes for regex"
     31                  alt="search node for regex" class="search-input"
     32                  placeholder="find with regexp&hellip;">
     33           <select id="display-selector">
     34             <option disabled selected>(please open a file)</option>
     35           </select>
     36         </span>
     37       </div>
     38 
     39       <div id="load-file">
     40         <input type="file" id="hidden-file-upload">
     41         <input id="upload" type="image" title="load graph" class="button-input"
     42                src="upload-icon.png" alt="upload graph">
     43       </div>
     44       <div id="empty" width="100%" height="100%"></div>
     45       <div id="graph" width="100%" height="100%"></div>
     46       <div id="schedule" width="100%">
     47         <pre id="schedule-text-pre" class='prettyprint prettyprinted'>
     48           <ul id="schedule-list" class='nolinenums noindent'>
     49           </ul>
     50         </pre>        
     51       </div>
     52       <div id='text-placeholder' width="0px" height="0px" style="position: absolute; top:100000px;" ><svg><text text-anchor="right">
     53           <tspan white-space="inherit" id="text-measure"/>
     54       </text></svg></div>
     55     </div>
     56     <div id="right">
     57       <div id='disassembly'>
     58         <pre id='disassembly-text-pre' class='prettyprint prettyprinted'>
     59           <ul id='disassembly-list' class='nolinenums noindent'>
     60           </ul>
     61         </pre>
     62       </div>
     63     </div>
     64     <div id="source-collapse" class="collapse-pane">
     65       <input id="source-expand" type="image" title="show source"
     66              src="right-arrow.png" class="button-input-invisible">
     67       <input id="source-shrink" type="image" title="hide source"
     68              src="left-arrow.png" class="button-input">
     69     </div>
     70     <div id="disassembly-collapse" class="collapse-pane">
     71       <input id="disassembly-expand" type="image" title="show disassembly"
     72              src="left-arrow.png" class="button-input">
     73       <input id="disassembly-shrink" type="image" title="hide disassembly" 
     74              src="right-arrow.png" class="button-input-invisible">
     75     </div>
     76     <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
     77     <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
     78     <script src="https://cdn.jsdelivr.net/filesaver.js/0.1/FileSaver.min.js"></script>
     79     <script src="monkey.js"></script>
     80     <script src="util.js"></script>
     81     <script src="lang-disassembly.js"></script>
     82     <script src="node.js"></script>
     83     <script src="edge.js"></script>
     84     <script src="selection.js"></script>
     85     <script src="selection-broker.js"></script>
     86     <script src="constants.js"></script>
     87     <script src="view.js"></script>
     88     <script src="text-view.js"></script>
     89     <script src="empty-view.js"></script>
     90     <script src="code-view.js"></script>
     91     <script src="graph-layout.js"></script>
     92     <script src="graph-view.js"></script>
     93     <script src="schedule-view.js"></script>
     94     <script src="disassembly-view.js"></script>
     95     <script src="turbo-visualizer.js"></script>
     96   </body>
     97 </html>
     98