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
TensorFlower Gardener
parent
4e9394c478
commit
7c77fb36f2
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user