56 lines
2.2 KiB
HTML
56 lines
2.2 KiB
HTML
<div class="page page-comparator">
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="left">
|
|
<a href="#" class="link icon-only panel-open" data-panel="left">
|
|
<i class="icon f7-icons ios-only">menu</i>
|
|
<i class="icon material-icons md-only">menu</i>
|
|
</a>
|
|
</div>
|
|
<div class="title sliding">Comparator</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-content">
|
|
<div class="card data-table data-table-collapsible data-table-init">
|
|
<table id="table-comparator">
|
|
<thead id="table-comparator-header">
|
|
<tr>
|
|
<th>Character</th>
|
|
<th>Class</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="table-comparator-content">
|
|
</tbody>
|
|
</table>
|
|
<button id="btn-compare" class="button button-fill">Compare</button>
|
|
<a class="item-link smart-select smart-select-init" data-open-in="popup" data-searchbar="true" data-searchbar-placeholder="Search a character...">
|
|
<select id="select-compare" multiple maxlength="8">
|
|
</select>
|
|
<div class="item-content" hidden>
|
|
<div class="item-inner">
|
|
<div class="item-title">Comparator</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="list no-hairlines-md">
|
|
<ul>
|
|
<li class="item-content item-input">
|
|
<div class="item-media">
|
|
<i class="icon demo-list-icon"></i>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<figure class="highcharts-figure">
|
|
<div id="container-comparator"></div>
|
|
</figure>
|
|
<div class="block">
|
|
<p class="segmented segmented-raised segmented-round">
|
|
<button id="btn-graph-spider-web" class="button button-round button-active">Spider web</button>
|
|
<button id="btn-graph-column-chart" class="button button-round">Column chart</button>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|