diff --git a/scss/custom.scss b/scss/custom.scss index 7c54427..2c21edc 100644 --- a/scss/custom.scss +++ b/scss/custom.scss @@ -3,10 +3,6 @@ // Default variable overrides $font-family-base: 'Roboto'; -//$primary: #292c34; -//$secondary: #23262d; -//$body-bg: #2e3139; -//$blue: #4a90e2; $body-color: white; $primary: #888f98; @@ -27,4 +23,13 @@ $success: #609926; // Bootstrap @import "../node_modules/bootstrap/scss/bootstrap"; -@import "../node_modules/@fortawesome/fontawesome-free/css/all.css"; \ No newline at end of file +@import "../node_modules/@fortawesome/fontawesome-free/css/all.css"; + +:root { + // CSGO COLORS + --csgo-Orange: #FE9A28; + --csgo-Blue: #5BA7FE; + --csgo-Yellow: #F7F52F; + --csgo-Purple: #A01BEF; + --csgo-Green: #04B462; +} diff --git a/src/components/DamageChart.vue b/src/components/DamageChart.vue index f3cee70..092f2c1 100644 --- a/src/components/DamageChart.vue +++ b/src/components/DamageChart.vue @@ -46,11 +46,21 @@ export default { let arr = [] if (team === 1) { for (let i = 0; i < 5; i++) { - arr.push(truncate(stats[i].player.name, 10)) + arr.push({ + value: truncate(stats[i].player.name, 10), + textStyle: { + color: 'white' + } + }) } } else { for (let i = 5; i < stats.length; i++) { - arr.push(truncate(stats[i].player.name, 10)) + arr.push({ + value: truncate(stats[i].player.name, 10), + textStyle: { + color: 'white' + } + }) } } arr.reverse() @@ -76,11 +86,21 @@ export default { let arr = [] if (team === 1) { for (let i = 0; i < 5; i++) { - arr.push(checkStatEmpty(stats[i].extended.dmg.enemy)) + arr.push({ + value: checkStatEmpty(stats[i].extended.dmg.enemy), + itemStyle: { + color: getComputedStyle(document.documentElement).getPropertyValue(`--csgo-${stats[i].extended.color}`) + } + }) } } else { for (let i = 5; i < stats.length; i++) { - arr.push(checkStatEmpty(stats[i].extended.dmg.enemy)) + arr.push({ + value: checkStatEmpty(stats[i].extended.dmg.enemy), + itemStyle: { + color: getComputedStyle(document.documentElement).getPropertyValue(`--csgo-${stats[i].extended.color}`) + } + }) } } arr.reverse() @@ -139,7 +159,6 @@ export default { name: 'Enemy', type: 'bar', stack: 'Total', - color: ['orange'], label: { show: true, position: 'inside' diff --git a/src/components/ScoreTeam.vue b/src/components/ScoreTeam.vue index 719c70b..662fe23 100644 --- a/src/components/ScoreTeam.vue +++ b/src/components/ScoreTeam.vue @@ -13,7 +13,7 @@ D +/- K/D - ADR + ADR HS% Rating MVP @@ -42,6 +42,7 @@ :rounds_played="props.rounds_played" :color="player.extended?.color" :tracked="player.player.tracked" + :parsed="props.parsed" /> @@ -81,6 +82,11 @@ export default { required: true, default: 0 }, + parsed: { + type: Boolean, + required: true, + default: false + } }, setup(props) { return {props} diff --git a/src/components/ScoreTeamPlayer.vue b/src/components/ScoreTeamPlayer.vue index 7efd0e7..b174d51 100644 --- a/src/components/ScoreTeamPlayer.vue +++ b/src/components/ScoreTeamPlayer.vue @@ -28,7 +28,7 @@ {{ (props.kills > 0 && props.deaths > 0) ? (props.kills / props.deaths).toFixed(2) : (props.kills > 0 && props.deaths === 0) ? props.kills : 0.00 }} - + {{ (props.dmg / props.rounds_played).toFixed(2) }} @@ -147,6 +147,11 @@ export default { type: Boolean, required: true, default: false + }, + parsed: { + type: Boolean, + required: true, + default: false } }, setup(props) { @@ -160,19 +165,19 @@ export default { outline: 3px solid; } .team-color-Orange { - outline-color: #FE9A28; + outline-color: var(--csgo-orange); } .team-color-Blue { - outline-color: #5BA7FE; + outline-color: var(--csgo-blue); } .team-color-Yellow { - outline-color: #F7F52F; + outline-color: var(--csgo-yellow); } .team-color-Purple { - outline-color: #A01BEF; + outline-color: var(--csgo-purple); } .team-color-Green { - outline-color: #04B462; + outline-color: var(--csgo-green); } .team-color-Grey { outline: none; diff --git a/src/views/Match.vue b/src/views/Match.vue index d3b0935..2ad36eb 100644 --- a/src/views/Match.vue +++ b/src/views/Match.vue @@ -37,13 +37,13 @@ @@ -54,12 +54,12 @@ :rounds="data.matchDetails.max_rounds ? data.matchDetails.max_rounds : data.score[data.matchDetails.match_result - 1] === 16 ? 30 : data.score[data.matchDetails.match_result - 1] === 15 ? 30 : 16" :rounds_played="data.score.reduce((a, b) => a + b)" :score="data.score[0]" - :stats="data.stats" :team_id="1"/> + :stats="data.stats" :team_id="1" :parsed="data.matchDetails.parsed" /> + :stats="data.stats" :team_id="2" :parsed="data.matchDetails.parsed" />
diff --git a/src/views/Player.vue b/src/views/Player.vue index 3c73b50..73b5ee2 100644 --- a/src/views/Player.vue +++ b/src/views/Player.vue @@ -198,7 +198,7 @@ import { FormatDuration, FormatFullDate, FormatFullDuration, - GetHLTV_1, + GetHLTV_1, GoToLink, GoToMatch, LoadImage, SaveLastVisitedToLocalStorage @@ -262,7 +262,7 @@ export default { LoadImage(data.matches[0].map ? data.matches[0].map : 'random') - console.log(response.data) + // console.log(response.data) let player = { 'steamid64': response.data.steamid64, @@ -274,7 +274,10 @@ export default { document.title = `${response.data.name} | csgoWTF` }) .catch((e) => { - console.log(e); + if (e.response.status === 404) { + GoToLink('/') + } + // console.log(e.response.status, e.response.statusText); }); }