| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <meta charset="utf-8"> |
| <title>WebUSB tool for the Twinkie USB Power Delivery analyzer</title> |
| |
| <!-- Bootstrap core CSS --> |
| <link href="css/bootstrap.min.css" rel="stylesheet"> |
| <!-- Bootstrap theme --> |
| <link href="css/bootstrap-theme.min.css" rel="stylesheet"> |
| |
| <style> |
| textarea { |
| font-family:monospace; |
| font-size:80%; |
| resize: none; |
| } |
| .panel-body { |
| padding-left: 4px; |
| padding-right: 4px; |
| padding-top: 4px; |
| padding-bottom: 4px; |
| } |
| .alert { |
| margin-bottom: 0px; |
| } |
| </style> |
| |
| <script type="text/javascript" src="twinkie.js"></script> |
| <script type="text/javascript" src="dfu.js"></script> |
| <script type="text/javascript" src="firmware_store.js"></script> |
| <script type="text/javascript" src="tool.js"></script> |
| </head> |
| <body> |
| <div class="container theme-showcase" role="main"> |
| <div class="panel panel-default"> |
| <div class="panel-heading"><h3 class="panel-title" id="title">Twinkie control</h3></div> |
| <div class="panel-body"> |
| <div class="row"> |
| <div class="col-md-4"> |
| <button class="btn btn-primary" id="connect">Connect</button> |
| <button class="btn btn-default" id="vbus">VBUS</button> |
| <button class="btn btn-default" id="mode">USB-PD Sink</button> |
| <button class="btn btn-warning" id="normal_dfu">Goto DFU</button> |
| </div> |
| <div class="col-md-8"> |
| <div class="alert alert-warning" role="alert" id="status">Uninitialized</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="panel panel-default"> |
| <div class="panel-body"> |
| <ul class="nav nav-tabs"> |
| <li role="presentation"><a href="#" id="sw_sniffer">Sniffer</a></li> |
| <li role="presentation" class="active"><a href="#" id="sw_console">Console</a></li> |
| <li role="presentation"><a href="#" id="sw_fwupdate">FW update</a></li> |
| </ul> |
| |
| <!-- Tab panes --> |
| <div class="tab-content"> |
| <div role="tabpanel" class="tab-pane" id="tab_sniffer"> |
| <button class="btn btn-default" id="auto">auto tracing</button> |
| <table class="table table-condensed"> |
| <tr><th>#</th><th>time</th><th>role</th><th>packet</th><th>desc.</th></tr> |
| <tr class="active"><td>1</td><td>00:00:00.1234</td><td>SRC/DFP</td><td>SRC_CAPS</td><td>Test me...</td></tr> |
| <tr class="success"><td>2</td><td>00:00:02.2000</td><td>SRC/DFP</td><td>GOODCRC</td><td>Test me...</td></tr> |
| <tr class="warning"><td>3</td><td>00:00:04.3333</td><td>SRC/DFP</td><td>REQUEST</td><td>Test me...</td></tr> |
| <tr class="danger"><td>4</td><td>00:02:00.1234</td><td>SRC/DFP</td><td>GOODCRC</td><td>Test me...</td></tr> |
| <tr class="info"><td>5</td><td>00:02:04.2000</td><td>SRC/DFP</td><td>PS_RDY</td><td>Test me...</td></tr> |
| </table> |
| </div> |
| <div role="tabpanel" class="tab-pane active" id="tab_console"> |
| <textarea id="log" class="form-control" style="resize: vertical;" readonly cols="120" rows="25"></textarea> |
| <textarea id="command" class="form-control" cols="120" rows="1" placeholder="command to send" autofocus></textarea> |
| </div> |
| <div role="tabpanel" class="tab-pane" id="tab_fwupdate"> |
| <div class="row"> |
| <button class="btn btn-info" id="fw_backup">Backup current FW</button> |
| <button class="btn btn-warning" id="fw_leave">Go back to normal mode</button> |
| </div> |
| <table class="table table-condensed table-hover"> |
| <tr><th>Type</th><th>Description</th><th>name</th><th></th></tr> |
| <tr class="success"><td>Release</td><td>twinkie_v1.11.15</td><td>ec.bin</td><td><button class="btn btn-danger" id="fw_update">flash</button></td></tr> |
| <tr class="active"><td>Testing</td><td>twinkie_v1.11.xx</td><td>ec.bin</td><td></td></tr> |
| <tr class="warning"><td>Uploaded</td><td>00:00:04.3333</td><td>ec.bin</td><td></td></tr> |
| <tr class="info"><td>Backup</td><td>00:02:04.2000</td><td>ec.bin</td><td></td></tr> |
| </table> |
| <input type="file" name='upload_img' id='upload_img'> |
| <a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" download="toto.png" >Download</a> |
| </div> |
| </div> |
| <p><a href="https://chromium.googlesource.com/chromiumos/webtwinkie/+/master/README.md" style="font-size:80%"> |
| more about the Twinkie WebUSB tool |
| </a></p> |
| </div> |
| </div> |
| </div> |
| </body> |
| </html> |