Add graphs for the growth rates of a character

The visual of the graphs remains to be improved according to the size of
the screen.
This commit is contained in:
dario-cfpt
2020-01-14 09:08:36 +01:00
parent e24b4be8ed
commit 80e2b6e919
6 changed files with 411 additions and 18 deletions

View File

@ -7,13 +7,47 @@
<span class="if-not-md">Back</span>
</a>
</div>
<div class="title sliding">Fire Emblem Charts</div>
<div id="title-char" class="title sliding">Fire Emblem Charts</div>
</div>
</div>
<div class="page-content">
<div class="block block-strong">
<p>Stat page {{$route.params.characterId}}</p>
<p id="test-name"></p>
<img id="picture-char" class="img-character">
<div class="card data-table data-table-collapsible data-table-init">
<div class="data-table-title">Growth rates :</div>
<table id="table-growth-rates">
<thead>
<tr id="table-gr-header">
</tr>
</thead>
<tbody>
<tr id="table-gr-content">
</tr>
</tbody>
</table>
</div>
<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>
<div class="item-inner">
<div class="item-title item-label">Graph</div>
<div class="item-input-wrap input-dropdown-wrap">
<select id="select-graph" placeholder="Please choose...">
<option value="column-chart">Column chart</option>
<option value="pie-chart">Pie chart</option>
<option value="spider-web">Spider web</option>
</select>
</div>
</div>
</li>
</ul>
<figure class="highcharts-figure">
<div id="container-char-gr"></div>
</figure>
</div>
</div>
</div>
</div>