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

View File

@ -72,18 +72,22 @@
<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 -->
<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>
<thead></thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
@ -94,19 +98,27 @@
</table>
</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">
<!-- 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>
<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>
@ -116,6 +128,10 @@
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<h2>Graph Visualization</h2>
<div class="container">

View File

@ -72,18 +72,22 @@
<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 -->
<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>
<thead></thead>
<tbody>
<tr>
<!-- Use text alignment like text-center or text-right -->
<th class="text-center">Operations Used</td>
@ -94,19 +98,27 @@
</table>
</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">
<!-- 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>
<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>
@ -116,6 +128,10 @@
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<h2>Graph Visualization</h2>
<div class="container">