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