Prevent loading new images everytime data is filtered

This commit is contained in:
Codrin Pavel
2020-05-28 18:25:30 +03:00
parent c6d9dacaf9
commit bdec582218
4 changed files with 36 additions and 39 deletions

View File

@@ -61,7 +61,29 @@
</thead>
<tbody>
<tr v-for="(match, index) in filteredMatches" v-bind:class="{missed : match.defenceScoreEarned < 50}">
<tr
v-for="(match, index) in matches"
v-bind:class="{missed : match.defenceScoreEarned < 50}"
v-show="
!selectedTitans.length &&
(
(filters == 'any' && match.enemypower < 1000000) ||
(filters == 'only_lords' && match.enemypower > 1000000) ||
(filters == 'only_gt_600k' && match.enemypower > 600000 && match.enemypower < 1000000) ||
(filters == 'misses' && match.enemypower < 1000000 && match.defenceScoreEarned < 50)
)
||
selectedTitans.length && getSelectedTitans() == getEnemyTeam(match.defBattle.attackers) &&
(
(filters == 'any' && match.enemypower < 1000000) ||
((filters == 'only_lords') && (match.enemypower > 1000000)) ||
((filters == 'only_gt_600k') && (match.enemypower > 600000) && (match.enemypower < 1000000)) ||
((filters == 'misses') && match.enemypower < 1000000 && (match.defenceScoreEarned < 50))
)"
>
<td :title="match.defBattle.startTime | humanDate">
<strong>{{ match.enemypower }}</strong><br/>
</td>
@@ -80,7 +102,7 @@
</td>
<td :title="match.defBattle.userId | humanPlayer">
<strong v-bind:class="match.defenceScoreEarned == 50 ? 'green' : 'red'">{{ match.defenceScoreEarned }}</strong>
<strong>{{ match.defenceScoreEarned }}</strong>
</td>
</tr>
</tbody>
@@ -88,7 +110,7 @@
<tfoot>
<tr>
<td colspan="4">
Dataset: {{ filteredMatches.length }} battles
Dataset: {{ matches.length }} battles
</td>
</tr>
</tfoot>