CSGOWTF/csgowtf
3
2
Fork 1
Code Issues 18 Pull Requests Projects Releases 7 Wiki Activity

updated packages and srcset for jpg and webp

Browse Source
This commit is contained in:
cnachtigall1991
2021-10-07 20:16:08 +02:00
parent aa556988e6
commit 3515066ac0
5 changed files with 492 additions and 517 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/Match.vue
View File

@@ -1,6 +1,10 @@
<template>
<img v-if="data.matchDetails.map" :alt="data.matchDetails.map" :src="require('../images/map_screenshots/' + data.matchDetails.map + '.png')"
class="bg-img">
<picture v-if="data.matchDetails.map" >
<source :srcset="require('../images/map_screenshots/' + data.matchDetails.map + '.webp')" class="bg-img">
<img :alt="data.matchDetails.map"
:src="require('../images/map_screenshots/' + data.matchDetails.map + '.jpg')"
class="bg-img">
</picture>
<div class="">
<div v-if="data.matchDetails.map" class="head row m-auto text-center">
<div class="m-auto map">
@@ -9,8 +13,8 @@
:title="data.matchDetails.map" class="map-icon">
</div>
<p class="text-center fs-6">Average Rank: <img
:src="DisplayRank(data.avgRank)[0]"
:alt="DisplayRank(data.avgRank)[1]"
:src="DisplayRank(data.avgRank)[0]"
:title="DisplayRank(data.avgRank)[1]"
class="rank-icon"/></p>
</div>
@@ -26,10 +30,10 @@
</div>
<div class="scoreboard">
<div v-if="data.score.length === 2 && data.stats">
<ScoreTeam :rounds_played="data.score.reduce((a, b) => a + b)" :score="data.score[0]" :stats="data.stats"
:team_id="1" :rounds="data.matchDetails.rounds"/>
<ScoreTeam :rounds_played="data.score.reduce((a, b) => a + b)" :score="data.score[1]" :stats="data.stats"
:team_id="2" :rounds="data.matchDetails.rounds"/>
<ScoreTeam :rounds="data.matchDetails.rounds" :rounds_played="data.score.reduce((a, b) => a + b)" :score="data.score[0]"
:stats="data.stats" :team_id="1"/>
<ScoreTeam :rounds="data.matchDetails.rounds" :rounds_played="data.score.reduce((a, b) => a + b)" :score="data.score[1]"
:stats="data.stats" :team_id="2"/>
</div>
</div>
</template>
@@ -37,7 +41,7 @@
<script>
import {defineAsyncComponent, onBeforeMount, reactive, watch} from "vue";
import axios from 'axios'
import {GetHLTV_1, GoToPlayer, DisplayRank} from "../utils";
import {DisplayRank, GetHLTV_1, GoToPlayer} from "../utils";
const ScoreTeam = defineAsyncComponent(() => import('../components/ScoreTeam'))