From 76aba613614e7dfdefd0527bd700f31a85338189 Mon Sep 17 00:00:00 2001
From: cnachtigall1991 <40701475+cnachtigall1991@users.noreply.github.com>
Date: Mon, 11 Oct 2021 14:44:50 +0200
Subject: [PATCH] added router-links for scoreboard-nav

---
 src/router/index.js |  3 ++-
 src/views/Match.vue | 18 ++++++++++++++++--
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index d19865e..e8bc53e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -26,7 +26,8 @@ const routes = [
     path: '/match/:match_id',
     name: 'Match',
     component: lazyLoad('Match'),
-    props: true
+    props: true,
+    alias: ['/match/:match_id/flashes', '/match/:match_id/utility']
   },
   {
     path: '/explore',
diff --git a/src/views/Match.vue b/src/views/Match.vue
index 631d418..76a2dac 100644
--- a/src/views/Match.vue
+++ b/src/views/Match.vue
@@ -38,7 +38,6 @@
         <li class="list-item scoreboard active" @click.prevent="ActivateScoreInfo('scoreboard')">Scoreboard</li>
         <li class="list-item flashes" @click.prevent="ActivateScoreInfo('flashes')">Flashes</li>
         <li class="list-item utility" @click.prevent="ActivateScoreInfo('utility')">Utility</li>
-        <li class="list-item damage" @click.prevent="ActivateScoreInfo('damage')">Damage</li>
       </ul>
     </div>
   </div>
@@ -82,9 +81,10 @@
 </template>
 
 <script>
-import {defineAsyncComponent, onBeforeMount, reactive, watch} from "vue";
+import {defineAsyncComponent, onBeforeMount, onMounted, reactive, watch} from "vue";
 import axios from 'axios'
 import {DisplayRank, FormatFullDate, GetHLTV_1, GoToPlayer, LoadImage} from "../utils";
+import router from "../router";
 
 const ScoreTeam = defineAsyncComponent(() => import('../components/ScoreTeam'))
 const FlashChart = defineAsyncComponent(() => import('../components/FlashChart'))
@@ -155,6 +155,12 @@ export default {
 
       newNavItem.classList.add('active')
       newItem.classList.add('active')
+
+      if (id === 'flashes' || id === 'utility'){
+        history.pushState({}, null, `/match/${data.matchDetails.match_id}/${id}`)
+      } else if (id === 'scoreboard') {
+        history.pushState({}, null, `/match/${data.matchDetails.match_id}`)
+      }
     }
 
     // Watchers
@@ -166,6 +172,14 @@ export default {
       GetMatch()
     })
 
+    onMounted(() => {
+      if (router.currentRoute.value.href.split('/')[3]) {
+        setTimeout(() => {
+          ActivateScoreInfo(router.currentRoute.value.href.split('/')[3])
+        }, 500)
+      }
+    })
+
     return {
       GetMatch, GetAvgRank, ActivateScoreInfo, data, GoToPlayer, GetHLTV_1, DisplayRank, FormatFullDate, LoadImage
     }