forked from CSGOWTF/csgowtf
moved images to assets folder
This commit is contained in:
@@ -94,8 +94,8 @@ export default {
|
||||
|
||||
.main-content {
|
||||
.head {
|
||||
background-image: url("../images/map_screenshots/default.jpg");
|
||||
background-image: url("../images/map_screenshots/default.webp");
|
||||
background-image: url("../assets/images/map_screenshots/default.jpg");
|
||||
background-image: url("../assets/images/map_screenshots/default.webp");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
@@ -111,6 +111,7 @@ export default {
|
||||
}
|
||||
|
||||
.text-up {
|
||||
font-family: "OpenSans", sans-serif;
|
||||
font-size: 40%;
|
||||
vertical-align: top;
|
||||
text-shadow: 10px -5px 1rem rgba(0, 0, 0, 0.5);
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
<div class="head row m-auto text-center">
|
||||
<div class="m-auto map">
|
||||
<img v-if="data.matchDetails.map" :alt="data.matchDetails.map"
|
||||
:src="require('@/images/map_icons/map_icon_' + data.matchDetails.map + '.svg')"
|
||||
:src="require('../assets/images/map_icons/map_icon_' + data.matchDetails.map + '.svg')"
|
||||
:title="data.matchDetails.map" class="map-icon">
|
||||
<img v-if="!data.matchDetails.map" :src="require('../images/map_icons/map_icon_lobby_mapveto.svg')"
|
||||
<img v-if="!data.matchDetails.map" :src="require('../assets/images/map_icons/map_icon_lobby_mapveto.svg')"
|
||||
alt="Map icon"
|
||||
class="map-icon" title="Map unknown">
|
||||
</div>
|
||||
|
||||
@@ -134,7 +134,7 @@
|
||||
<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/map_icons/map_icon_lobby_mapveto.svg')"
|
||||
:src="match.map !== '' ? require('../assets/images/map_icons/map_icon_' + match.map + '.svg') : require('../assets/images/map_icons/map_icon_lobby_mapveto.svg')"
|
||||
:title="match.map"
|
||||
class="map-icon">
|
||||
</td>
|
||||
@@ -250,7 +250,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {onBeforeUnmount, onMounted, reactive, watch} from "vue";
|
||||
import {onBeforeMount, onBeforeUnmount, reactive, watch} from "vue";
|
||||
import {useStore} from "vuex";
|
||||
import {
|
||||
constructAvatarUrl,
|
||||
@@ -293,6 +293,16 @@ export default {
|
||||
}
|
||||
})
|
||||
|
||||
onBeforeMount(() => {
|
||||
if (Object.entries(store.state.playerDetails).length === 0) {
|
||||
GetPlayer()
|
||||
} else {
|
||||
console.log(store.state.playerDetails)
|
||||
SetPlayerData()
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
const SetPlayerData = () => {
|
||||
data.tracked = store.state.playerDetails.tracked
|
||||
if (store.state.playerDetails.matches)
|
||||
@@ -379,23 +389,7 @@ export default {
|
||||
|
||||
watch(() => props.id, GetPlayer)
|
||||
|
||||
onMounted(() => {
|
||||
setTimeout(() => {
|
||||
if (Object.entries(store.state.playerDetails).length === 0) {
|
||||
GetPlayer()
|
||||
} else {
|
||||
console.log(store.state.playerDetails)
|
||||
SetPlayerData()
|
||||
}
|
||||
}, 200)
|
||||
}
|
||||
)
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
// store.commit({
|
||||
// type: 'changeId64',
|
||||
// id: store.state.playerDetails.steamid64
|
||||
// })
|
||||
store.commit('resetPlayerDetails')
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user