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

more match-info, parsed-icon on player-page, disabled score-nav-links for not-parsed demos

Browse Source
This commit is contained in:
cnachtigall1991
2021-10-12 02:43:20 +02:00
parent 76aba61361
commit a53c4a3c14
10 changed files with 487 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/views/Player.vue
View File

@@ -1,5 +1,5 @@
<template>
<img class="bg-img" src="" alt="">
<img alt="" class="bg-img" src="">
<div class="wrapper">
<div class="container">
<div class="card mb-3 bg-transparent border-0">
@@ -102,7 +102,6 @@
<th class="text-center assists" scope="col">A</th>
<th class="text-center deaths" scope="col">D</th>
<th class="text-center kdiff" scope="col" style="cursor: help" title="Kill-to-death ratio">+/-</th>
<th class="text-center adr" scope="col" style="cursor: help" title="Average damage per round">ADR</th>
<th class="text-center hltv" scope="col" style="cursor: help" title="HLTV 1.0 Rating">Rating</th>
<th class="text-center duration" scope="col">Duration</th>
<th class="date" scope="col">Date</th>
@@ -115,8 +114,10 @@
class="match"
@click="GoToMatch(match.match_id)">
<td class="td-map text-center">
<i v-if="match.parsed" class="far fa-chart-bar parsed" style="cursor: help"
title="Demo has been parsed for additional data"></i>
<img :alt="match.map ? match.map : 'Map not found'"
:src="match.map !== '' ? require('@/images/map_icons/map_icon_' + match.map + '.svg') : require('../images/icons/image.svg')"
:src="match.map !== '' ? require('@/images/map_icons/map_icon_' + match.map + '.svg') : require('../images/map_icons/map_icon_lobby_mapveto.svg')"
:title="match.map"
class="map-icon">
</td>
@@ -151,11 +152,6 @@
(match.stats[0].kills ? match.stats[0].kills : 0) - (match.stats[0].deaths ? match.stats[0].deaths : 0)
}}
</td>
<td class="td-adr text-center">
{{
Math.floor((match.stats[0].extended.dmg.enemy ? match.stats[0].extended.dmg.enemy : 0) / (match.score[0] + match.score[1]))
}}
</td>
<td :class="GetHLTV_1(
match.stats[0].kills,
match.score[0] + match.score[1],
@@ -203,7 +199,8 @@ import {
FormatFullDate,
FormatFullDuration,
GetHLTV_1,
GoToMatch, LoadImage,
GoToMatch,
LoadImage,
SaveLastVisitedToLocalStorage
} from "../utils";
@@ -392,6 +389,7 @@ export default {
table {
margin-bottom: 0;
tr {
th {
line-height: 1;
@@ -415,9 +413,28 @@ table {
vertical-align: middle;
}
.td-map img {
width: 60px;
height: auto;
.map {
padding-left: 3rem;
}
.td-map {
position: relative;
padding-left: 3rem;
text-align: left !important;
width: 50px;
.parsed {
position: absolute;
left: 7px;
top: 27px;
color: var(--bs-warning);
font-size: 1.5rem;
}
img {
width: 60px;
height: auto;
}
}
.td-rank img {
@@ -471,9 +488,24 @@ table {
width: 75px;
}
}
.td-map img {
width: 40px !important;
height: auto;
.map {
padding-left: 2.2rem !important;
}
.td-map {
position: relative;
padding-left: 2.2rem !important;
width: 35px !important;
.parsed {
position: absolute;
left: .3rem !important;
}
img {
width: 40px !important;
height: auto;
}
}
.td-rank img {
width: 50px !important;
@@ -490,8 +522,8 @@ table {
font-size: 1rem !important;
}
.kills, .deaths, .assists, .kdiff, .adr, .duration, .hltv, .length,
.td-kills, .td-deaths, .td-assists, .td-plus, .td-adr, .td-duration, .td-hltv, .td-length {
.kills, .deaths, .assists, .kdiff, .duration, .hltv, .length,
.td-kills, .td-deaths, .td-assists, .td-plus, .td-duration, .td-hltv, .td-length {
display: none;
}
}