gsd
1 year ago
10 changed files with 237 additions and 63 deletions
@ -0,0 +1,42 @@ |
|||
<template> |
|||
<md-dialog :md-active.sync="showProfileDialog"> |
|||
<div class="md-layout md-alignment-bottom-center"> |
|||
<div class="md-layout-item md-size-50 md-small-size-100 md-alignment-bottom-center rounded-only"> |
|||
<ProfileContainer :player="player"/> |
|||
<h1 v-if="loading">Загрузка</h1> |
|||
</div> |
|||
</div> |
|||
</md-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import ProfileContainer from "@/components/TabsMenuElements/ProfileView/Components/ProfileContainer.vue"; |
|||
import axios from "axios"; |
|||
|
|||
export default { |
|||
name: "ProfileViewer", |
|||
components: {ProfileContainer}, |
|||
props: { |
|||
steam64: String |
|||
}, |
|||
data: () => ({ |
|||
player: null, |
|||
loading: false, |
|||
showProfileDialog: false |
|||
}), |
|||
methods: { |
|||
getPlayer() { |
|||
this.showProfileDialog = true; |
|||
this.loading = true; |
|||
axios.get("/api/profile?steam64=" + this.steam64).then(response => { |
|||
if (response.status === 200) this.player = response.data; |
|||
else console.log("not permition"); |
|||
}).catch(() => { |
|||
console.log("not permition"); |
|||
this.showProfileDialog = false; |
|||
this.loading = false; |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,106 @@ |
|||
<template> |
|||
<div> |
|||
<div class="md-layout md-alignment-top-center" v-if="player !== null"> |
|||
<div :class="`md-layout-item md-size-${f_size} md-small-size-100`"> |
|||
<h4 style="margin: 10% 0%">{{player !== null && player['steam_data'] !== null?player['steam_data']['nickname']:'игрок'}}</h4> |
|||
<hr> |
|||
<div v-if="player['ban'] !== null"> |
|||
<p class="profile-text" style="display: inline">Статус Бана: </p> |
|||
<p class="profile-text" style="color: brown">Забанен</p> |
|||
<p class="profile-text">Выдал бан: русский путин</p> |
|||
<p class="profile-text">Дата окончания бана: 14.88.1488</p> |
|||
</div> |
|||
<div v-if="player['permition'] === null"> |
|||
<p class="profile-text" style="display: inline">Статус VIP : </p> |
|||
<p class="profile-text" style="color: crimson"> слыш купи</p> |
|||
</div> |
|||
<div v-else> |
|||
<p class="profile-text" style="display: inline">Статус {{player['permition']['status']}} : </p> |
|||
<p class="profile-text" style="color: green; display: inline" v-if="player['permition']['status'] === 'VIP'"> Куплен</p> |
|||
<p class="profile-text" v-else style="color: #fd8846; display: inline">Имеется</p> |
|||
<p class="profile-text">Дата окончания : </p> |
|||
<p class="profile-text" v-if="player['permition']['amount'] === 0" style="display: inline">Навсегда</p> |
|||
<p class="profile-text" v-else style="display: inline">22.22.2032</p> |
|||
</div> |
|||
<hr> |
|||
<md-menu md-direction="bottom-start" md-size="auto"> |
|||
<md-button class="md-raised" style="color: #131213; font-family: tf2build; background: #fd8846" md-menu-trigger>Статистика по картам</md-button> |
|||
<md-menu-content> |
|||
<md-menu-item v-for="g in getPlayerGametime()" :key="g[0]+'g'">{{g[0]}} - {{timeFormat(g[1])}}</md-menu-item> |
|||
</md-menu-content> |
|||
</md-menu> |
|||
<br> |
|||
<md-menu md-direction="bottom-start" md-size="auto"> |
|||
<md-button class="md-raised" style="color: #131213; font-family: tf2build; background: #fd8846" md-menu-trigger>Последние игры</md-button> |
|||
<md-menu-content> |
|||
<md-menu-item v-for="l in getLastPlay()" :key="l[0]+'l'">{{l[0]}} - {{l[1]}}</md-menu-item> |
|||
</md-menu-content> |
|||
</md-menu> |
|||
</div> |
|||
<div :class="`md-layout-item md-size-${f_size} md-small-size-100`"> |
|||
<div style="justify-content: right; display: flex"> |
|||
<img :src="getAvatar()" style="border-radius: 15px;"> |
|||
</div> |
|||
<p class="profile-text" style="text-align: right">Убийств : 20</p> |
|||
<p class="profile-text" style="text-align: right">Смертей : 543</p> |
|||
<p class="profile-text" style="text-align: right">Наиграно : {{getTotalPlaytime()}}</p> |
|||
<div style="justify-content: right; display: flex"> |
|||
<DiscordSvg :h="'10%'" :w="'40'" style="margin-left: 5%"/> |
|||
<SteamSvg :h="'10%'" :w="'40'" style="margin-left: 5%"/> |
|||
</div> |
|||
</div> |
|||
<br> |
|||
<hr width="50%"> |
|||
<div> |
|||
<p>ban history</p> |
|||
<p>buy history</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import DiscordSvg from "@/components/Others/CustomSvg/DiscordSvg.vue"; |
|||
import SteamSvg from "@/components/Others/CustomSvg/SteamSvg.vue"; |
|||
|
|||
export default { |
|||
name: "ProfileContainer", |
|||
components: {SteamSvg, DiscordSvg}, |
|||
props: { |
|||
player: Object, |
|||
f_size: { |
|||
type: Number, |
|||
default: 45 |
|||
}, |
|||
}, |
|||
methods: { |
|||
getAvatar() { |
|||
try { |
|||
return this.player.steam_data['avatar']; |
|||
} catch (err) { |
|||
return require('@/assets/profile-user.svg'); |
|||
} |
|||
}, |
|||
getPlayerGametime() { |
|||
return this.$API.player.getGametime(this.$API, this.player); |
|||
}, |
|||
timeFormat(seconds) { |
|||
return this.$API.UNIX2FACTI_TIME(seconds); |
|||
}, |
|||
getTotalPlaytime() { |
|||
return this.timeFormat(this.$API.player.getGametimeTotal(this.player)); |
|||
}, |
|||
getLastPlay() { |
|||
return this.$API.player.getLastplayList(this.player); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.profile-text { |
|||
text-align: left; |
|||
color: #131213; |
|||
font-size: 1.5em; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue