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

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
tensorflow/lite/toco/logging

View File

@ -72,48 +72,64 @@
<h2>Operator Profile</h2>
<div class="container">
<!-- You can constrain the columns if you want -->
<div class="row">
<!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td colspan="4"><b>Pre-conversion Op Profile</b></td>
</tr>
</thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
<th class="text-center">Input Types</td>
</tr>
<!--REPEAT_TABLE1_ROWS-->
</tbody>
</table>
<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 -->
<div class="row">
<!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover">
<thead></thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
<th class="text-center">Input Types</td>
</tr>
<!--REPEAT_TABLE1_ROWS-->
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td colspan="4"><b>Post-conversion Op Profile</b></td>
</tr>
</thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
<th class="text-center">Supported</td>
</tr>
<!--REPEAT_TABLE2_ROWS-->
</tbody>
</table>
<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">
<!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover">
<thead></thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
<th class="text-center">Supported</td>
</tr>
<!--REPEAT_TABLE2_ROWS-->
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -72,48 +72,64 @@
<h2>Operator Profile</h2>
<div class="container">
<!-- You can constrain the columns if you want -->
<div class="row">
<!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td colspan="4"><b>Pre-conversion Op Profile</b></td>
</tr>
</thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
<th class="text-center">Input Types</td>
</tr>
<tr><td>Conv1</td><td></td></tr><tr><td>Conv2</td><td></td></tr><tr><td>Identity</td><td></td></tr><tr><td>Reshape</td><td></td></tr><tr><td>Dense</td><td></td></tr><tr><td>Dense</td><td></td></tr><tr><td>CustomOp</td><td></td></tr><tr><td>AvgPool3D</td><td></td></tr><tr><td>Softmax</td><td></td></tr>
</tbody>
</table>
<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 -->
<div class="row">
<!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover">
<thead></thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
<th class="text-center">Input Types</td>
</tr>
<tr><td>Conv1</td><td></td></tr><tr><td>Conv2</td><td></td></tr><tr><td>Identity</td><td></td></tr><tr><td>Reshape</td><td></td></tr><tr><td>Dense</td><td></td></tr><tr><td>Dense</td><td></td></tr><tr><td>CustomOp</td><td></td></tr><tr><td>AvgPool3D</td><td></td></tr><tr><td>Softmax</td><td></td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<td colspan="4"><b>Post-conversion Op Profile</b></td>
</tr>
</thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
<th class="text-center">Supported</td>
</tr>
<tr><td>Conv1</td><td>BUILT-IN</td></tr><tr><td>Conv2</td><td>BUILT-IN</td></tr><tr><td>Dense</td><td>BUILT-IN</td></tr><tr><td>Dense</td><td>BUILT-IN</td></tr><tr><td>CustomOp</td><td>CUSTOM OP</td></tr><tr><td>AvgPool3D</td><td>SELECT OP</td></tr><tr><td>Softmax</td><td>BUILT-IN</td></tr>
</tbody>
</table>
<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">
<!-- The table class adds nice spacing and the other classes add additional style -->
<table class="table table-bordered table-striped table-hover">
<thead></thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
<th class="text-center">Supported</td>
</tr>
<tr><td>Conv1</td><td>BUILT-IN</td></tr><tr><td>Conv2</td><td>BUILT-IN</td></tr><tr><td>Dense</td><td>BUILT-IN</td></tr><tr><td>Dense</td><td>BUILT-IN</td></tr><tr><td>CustomOp</td><td>CUSTOM OP</td></tr><tr><td>AvgPool3D</td><td>SELECT OP</td></tr><tr><td>Softmax</td><td>BUILT-IN</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>