Remove <600k toe teams + perf imporvements

_layouts/toe.html

@@ -12,15 +12,11 @@
         <div class="toe__filters">
           <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>
+            <span>No Filters</span>
           </label>
           <label>
             <input type="radio" name="filter" value="misses" v-model="filters" />
-            <span>< 50 points</span>
+            <span>Misses</span>
           </label>
           <label>
             <input type="radio" name="filter" value="only_lords" v-model="filters" />
@@ -33,7 +29,7 @@
             <li v-for="titan in titans">
               <label>
                 <input type="checkbox" :value="titan" v-model="selectedTitans" />
-                <img :src="'../assets/img/Titans/'+ titan + '.png'" />
+                <span class="thumb--large" :data-titan-thumb="titan" />
               </label>
             </li>
           </ul>
@@ -64,12 +60,11 @@
               v-for="(match, index) in matches" 
               v-bind:class="{missed : match.defenceScoreEarned < 50}"
 
-              v-show="
+              v-if="
               !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)
               )
 
@@ -79,7 +74,6 @@
               (
                 (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))
               )"
               >
@@ -88,16 +82,16 @@
               </td>
 
               <td>
-                <img 
+                <span 
                   v-for="(titan, index) in match.defBattle.attackers" 
                   :title="'Totem level ' + titan.elementSpiritLevel + ', ' + titan.elementSpiritStar + '*'" 
-                  :src="'../assets/img/Titans/'+ titan.id + '.png'" />
+                  :data-titan-thumb="titan.id" /></span>
               </td>
 
               <td>
-                <img 
+                <span 
                   v-for="titan in match.defBattle.defenders[0]" 
-                  :src="'../assets/img/Titans/'+ titan.id + '.png'" />
+                  :data-titan-thumb="titan.id" /></span>
               </td>
 
               <td :title="match.defBattle.userId | humanPlayer">