This commit is contained in:
2021-10-22 21:07:34 +02:00
parent 04fb8b7efe
commit b7a7977887

View File

@@ -11,8 +11,13 @@
alt="Map icon" alt="Map icon"
class="map-icon" title="Map unknown"> class="map-icon" title="Map unknown">
</div> </div>
<p class="text-center text-muted fs-6 mb-1">
Match lasted for
<span class="text-white">{{FormatDuration(data.matchDetails.duration)}}</span>
</p>
<p class="text-center text-muted fs-6"> <p class="text-center text-muted fs-6">
{{ FormatFullDate(data.matchDetails.date) }} on
<span class="text-white">{{ FormatFullDate(data.matchDetails.date) }}</span>
</p> </p>
<p class="text-center fs-6"> <p class="text-center fs-6">
<span class="text-muted">Match Length:</span> {{ data.matchDetails.max_rounds === 16 ? 'Short' : 'Long' }} <span class="text-muted">Match Length:</span> {{ data.matchDetails.max_rounds === 16 ? 'Short' : 'Long' }}
@@ -87,7 +92,7 @@
<script> <script>
import {onBeforeMount, onBeforeUnmount, onMounted, reactive, watch} from "vue"; import {onBeforeMount, onBeforeUnmount, onMounted, reactive, watch} from "vue";
import axios from 'axios' import axios from 'axios'
import {closeNav, DisplayRank, FixMapName, FormatFullDate, GetAvgRank, GoToLink, LoadImage} from "../utils"; import {closeNav, DisplayRank, FixMapName, FormatFullDate, GetAvgRank, GoToLink, LoadImage, FormatDuration} from "../utils";
import {useStore} from "vuex"; import {useStore} from "vuex";
import {useRoute} from 'vue-router' import {useRoute} from 'vue-router'
@@ -185,7 +190,7 @@ export default {
}) })
return { return {
data, DisplayRank, FormatFullDate data, DisplayRank, FormatFullDate, FormatDuration
} }
} }
} }