Summaries: Init aggregate statistics

1 files changed, 87 insertions, 26 deletions

diff --git a/src/Summaries.vue b/src/Summaries.vue
index 51bd277..009a36b 100644
--- a/src/Summaries.vue
+++ b/src/Summaries.vue
@@ -1,30 +1,83 @@
 <template>
-  <b-table :data="talentSummaries"
-           :mobile-cards="false">
-    <template slot-scope="props" slot="header">
-      <b-tooltip :active="!!props.column.meta" :label="props.column.meta || ''" position="is-bottom" dashed>
-        {{ props.column.label }}
-      </b-tooltip>
-    </template>
+  <div>
+    <div class="block">
+      <b-field grouped group-multiline>
+        <label class="control label">Metrics</label>
+        <p class="control">
+          <b-checkbox v-model="talentsVisible" v-show="hasTalents">Talent Levels</b-checkbox>
+        </p>
+        <p class="control">
+          <b-checkbox v-model="winrateVisible">Win Rate</b-checkbox>
+        </p>
+        <p class="control">
+          <b-checkbox v-model="killsDeathsVisible">Kills and Deaths</b-checkbox>
+        </p>
+        <p class="control">
+          <b-checkbox v-model="objectivesVisible">Objectives</b-checkbox>
+        </p>
+      </b-field>
+    </div>
 
-    <template slot-scope="props">
-      <b-table-column field="Rarity" label="Rarity">
-        {{ props.row.Rarity }}
-      </b-table-column>
+    <div class="block">
+      <b-field grouped group-multiline>
+        <label class="control label">Category</label>
+        <p class="control"
+           v-for="trait in summaries">
+          <b-radio v-model="selectedTrait"
+              :native-value="trait.key">
+            {{ trait.name }}
+          </b-radio>
+        </p>
+      </b-field>
+    </div>
 
-      <b-table-column field="TalentWinrateBase" label="Level 1 Win Rate" meta="Estimated." sortable numeric>
-        {{ (100 * props.row.TalentWinrateBase / props.row._Count).toFixed(2) }}%
-      </b-table-column>
+    <div class="block">
+      <label class="label">Data</label>
+      <b-table :data="summary.data"
+               :mobile-cards="false"
+               narrowed>
+        <template slot-scope="props" slot="header">
+          <b-tooltip :active="!!props.column.meta" :label="props.column.meta || ''" position="is-bottom" dashed>
+            {{ props.column.label }}
+          </b-tooltip>
+        </template>
 
-      <b-table-column field="TalentWinrateMax" label="Max Level Win Rate" meta="Estimated." sortable numeric>
-        {{ (100 * props.row.TalentWinrateMax / props.row._Count).toFixed(2) }}%
-      </b-table-column>
+        <template slot-scope="props">
+          <b-table-column :field="selectedTrait" label="">
+            {{ props.row[selectedTrait] }}
+          </b-table-column>
 
-      <b-table-column field="TotalPicks" label="Pick Rate" sortable numeric>
-        {{ (100 * props.row.TotalPicks / totalPicks).toFixed(2) }}%
-      </b-table-column>
-    </template>
-  </b-table>
+          <b-table-column field="TotalWinner" label="Win Rate" :visible="winrateVisible" sortable numeric>
+            {{ (100 * props.row.TotalWinner / props.row._Count).toFixed(2) }}%
+          </b-table-column>
+
+          <b-table-column field="TalentWinrateBase" label="Level 1 Win Rate" :visible="talentsVisible && hasTalents" meta="Estimated." sortable numeric>
+            {{ (100 * props.row.TalentWinrateBase / props.row._Count).toFixed(2) }}%
+          </b-table-column>
+
+          <b-table-column field="TalentWinrateMax" label="Max Level Win Rate" :visible="talentsVisible && hasTalents" meta="Estimated." sortable numeric>
+            {{ (100 * props.row.TalentWinrateMax / props.row._Count).toFixed(2) }}%
+          </b-table-column>
+
+          <b-table-column field="Kills" label="Kills" :visible="killsDeathsVisible" sortable numeric>
+            {{ (props.row.Kills / props.row._Count).toFixed(2) }}
+          </b-table-column>
+
+          <b-table-column field="Deaths" label="Deaths" :visible="killsDeathsVisible" sortable numeric>
+            {{ (props.row.Deaths / props.row._Count).toFixed(2) }}
+          </b-table-column>
+
+          <b-table-column field="TurretKills" label="Turret Kills" :visible="objectivesVisible" sortable numeric>
+            {{ (props.row.TurretKills / props.row._Count).toFixed(2) }}
+          </b-table-column>
+
+          <b-table-column field="TotalPicks" label="Pick Rate" sortable numeric>
+            {{ (100 * props.row.TotalPicks / totalPicks).toFixed(2) }}%
+          </b-table-column>
+        </template>
+      </b-table>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -37,15 +90,23 @@ export default Vue.component('summaries', {
   mixins: [ RouterParamMixin ],
   data: function() {
     return {
+      talentsVisible: false,
+      winrateVisible: true,
+      killsDeathsVisible: false,
+      objectivesVisible: false,
+      selectedTrait: this.hasTalents? 'Rarity' : 'Difficulty',
     };
   },
   computed: {
-    talentSummaries: function() {
-      return [...ReportService.getSummaryTalents(this.selectedMode).values()]
-          .sort((entry1, entry2) => maps.getTalentRarityIndex(entry1.Talent) - maps.getTalentRarityIndex(entry2.Talent));
+    summaries: function() {
+      return ReportService.getSummaries(this.selectedMode)
+        .filter((summary) => this.hasTalents? true : summary.key != 'Rarity');
+    },
+    summary: function() {
+      return this.summaries.find((summary) => summary.key == [this.selectedTrait]);
     },
     totalPicks: function() {
-      return this.talentSummaries.map((entry) => entry.TotalPicks).reduce((agg, cur) => agg + cur, 0);
+      return this.summary.data.map((entry) => entry.TotalPicks).reduce((agg, cur) => agg + cur, 0);
     },
   },
   components: {