experiments/STT-tensorflow
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Wrap op profile sections in collapsible panel view. By default it will be shown, and user can click the panel head to collapse it.

Browse Source 
PiperOrigin-RevId: 278986126
Change-Id: I4c5b58e3529a6e99f344f3e99fa1c61e5a7aca17
This commit is contained in:
Haoliang Zhang 2019-11-06 18:45:00 -08:00 committed by TensorFlower Gardener
parent 4e9394c478
commit 7c77fb36f2
2 changed files with 110 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
tensorflow/lite/toco/logging/template.html
View File

@ -72,18 +72,22 @@
<h2>Operator Profile</h2> <h2>Operator Profile</h2>
<div class="container"> <div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse1"><b>Pre-conversion Op Profile</b></a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">
<div class="flex-container">
<!-- You can constrain the columns if you want --> <!-- You can constrain the columns if you want -->
<div class="row"> <div class="row">
<!-- The table class adds nice spacing and the other classes add additional style --> <!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover"> <table class="table table-bordered table-striped table-hover">
<thead> <thead></thead>
<tr>
<td colspan="4"><b>Pre-conversion Op Profile</b></td>
</tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<!-- Use text alignment like text-center or text-right --> <!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td> <th class="text-center">Operations Used</td>
@ -93,20 +97,28 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</div>
</div>
</div>
</div> </div>
<div class="container"> <div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse2"><b>Post-conversion Op Profile</b></a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse in">
<div class="panel-body">
<div class="flex-container">
<div class="row"> <div class="row">
<!-- The table class adds nice spacing and the other classes add additional style --> <!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover"> <table class="table table-bordered table-striped table-hover">
<thead> <thead></thead>
<tr>
<td colspan="4"><b>Post-conversion Op Profile</b></td>
</tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<!-- Use text alignment like text-center or text-right --> <!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td> <th class="text-center">Operations Used</td>
<th class="text-center">Supported</td> <th class="text-center">Supported</td>
@ -115,6 +127,10 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</div>
</div>
</div>
</div> </div>
<h2>Graph Visualization</h2> <h2>Graph Visualization</h2>

44
tensorflow/lite/toco/logging/testdata/generated.html vendored
View File

@ -72,18 +72,22 @@
<h2>Operator Profile</h2> <h2>Operator Profile</h2>
<div class="container"> <div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse1"><b>Pre-conversion Op Profile</b></a>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">
<div class="flex-container">
<!-- You can constrain the columns if you want --> <!-- You can constrain the columns if you want -->
<div class="row"> <div class="row">
<!-- The table class adds nice spacing and the other classes add additional style --> <!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover"> <table class="table table-bordered table-striped table-hover">
<thead> <thead></thead>
<tr>
<td colspan="4"><b>Pre-conversion Op Profile</b></td>
</tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<!-- Use text alignment like text-center or text-right --> <!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td> <th class="text-center">Operations Used</td>
@ -93,20 +97,28 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</div>
</div>
</div>
</div> </div>
<div class="container"> <div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse2"><b>Post-conversion Op Profile</b></a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse in">
<div class="panel-body">
<div class="flex-container">
<div class="row"> <div class="row">
<!-- The table class adds nice spacing and the other classes add additional style --> <!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover"> <table class="table table-bordered table-striped table-hover">
<thead> <thead></thead>
<tr>
<td colspan="4"><b>Post-conversion Op Profile</b></td>
</tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<!-- Use text alignment like text-center or text-right --> <!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td> <th class="text-center">Operations Used</td>
<th class="text-center">Supported</td> <th class="text-center">Supported</td>
@ -115,6 +127,10 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</div>
</div>
</div>
</div> </div>
<h2>Graph Visualization</h2> <h2>Graph Visualization</h2>