99 lines
2.6 KiB
HTML
99 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-baseurl="{{site.baseurl}}">
|
|
{% include svg.html %}
|
|
|
|
{% include head.html %}
|
|
|
|
<body>
|
|
<main class="wrapper">
|
|
<div class="loadingbar"></div>
|
|
|
|
{% raw %}
|
|
<div id="toe" class="toe">
|
|
<label>
|
|
<input type="checkbox" v-model="only_selected" />
|
|
<span>Show only selected teams</span>
|
|
</label>
|
|
|
|
<br/>
|
|
|
|
<label>
|
|
<input type="radio" name="filter" value="any" v-model="filters" />
|
|
<span>All</span>
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="filter" value="only_gt_600k" v-model="filters" />
|
|
<span>> 600k</span>
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="filter" value="misses" v-model="filters" />
|
|
<span>< 50 points</span>
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="filter" value="only_lords" v-model="filters" />
|
|
<span>Lords</span>
|
|
</label>
|
|
|
|
<ul class="titans">
|
|
<li v-for="titan in titans">
|
|
<label>
|
|
<input type="checkbox" :value="titan" v-model="selectedTitans" />
|
|
<img :src="'/assets/img/Titans/'+ titan + '.png'" />
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th width="85">Power</th>
|
|
<th width="249">Attackers</th>
|
|
<th width="249">Defenders</th>
|
|
<th>Defense score</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr v-for="(match, index) in filteredMatches" v-bind:class="{missed : match.defenceScoreEarned < 50}">
|
|
<td>
|
|
<strong>{{ match.enemypower }}</strong>
|
|
</td>
|
|
|
|
<td>
|
|
<img
|
|
v-for="(titan, index) in match.defBattle.attackers"
|
|
:title="'Totem level ' + titan.elementSpiritLevel + ', ' + titan.elementSpiritStar + '*'"
|
|
:src="'/assets/img/Titans/'+ titan.id + '.png'" />
|
|
</td>
|
|
|
|
<td>
|
|
<img
|
|
v-for="titan in match.defBattle.defenders[0]"
|
|
:src="'/assets/img/Titans/'+ titan.id + '.png'" />
|
|
</td>
|
|
|
|
<td>
|
|
<strong v-bind:class="match.defenceScoreEarned == 50 ? 'green' : 'red'">{{ match.defenceScoreEarned }}</strong>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="4">
|
|
Dataset: {{ filteredMatches.length }} battles
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
{% endraw %}
|
|
</main>
|
|
|
|
{% include footer.html %}
|
|
|
|
{% include scripts.html %}
|
|
</body>
|
|
|
|
</html>
|