gsd
/
Facti13.Frontend.VueMaterial
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

profile

master
gsd 1 year ago
parent
90f43b1dbc
commit
f565b25df3
5 changed files with 120 additions and 14 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 27
      src/api/GlobalApi.js
  2. 17
      src/api/PlayerApi.js
  3. 14
      src/components/Others/CustomSvg/DiscordSvg.vue
  4. 14
      src/components/Others/CustomSvg/SteamSvg.vue
  5. 62
      src/components/TabsMenuElements/ProfileView/ProfileView.vue

27
src/api/GlobalApi.js
View File

@ -80,4 +80,31 @@ export default class GlobalApi {
{"name":"Делай короче чё хочешь", "about":":troll_face:", "image":require('@/assets/images/rules/make_everyone.jpg')}]
];
}
UNIX2FACTI_TIME(u_time) {
const divmod = (x, y) => [Math.floor(x / y), x % y];
let s = divmod(u_time, 60)[1];
let m = divmod(u_time, 60)[0];
let h = divmod(m, 60)[0];
m = divmod(m, 60)[1];
let d = divmod(h, 24)[0];
let n = divmod(d, 7)[0];
h = divmod(h, 24)[1];
//бля простите я тупой
if (!s & !m & !h & !d) {
return "не играл";
}
let time = `${h > 9 ? h : '0' + h}:${m > 9 ? m : '0' + m}:${s > 9 ? s : '0' + s}`;
if (!d) {
return time;
} else if (d < 2) {
return `${h} ч\n`;
} else {
return `${h} ч\n(${n} н ${d} д ${h} ч`;
}
}
}

17
src/api/PlayerApi.js
View File

@ -3,7 +3,8 @@ import axios from "axios";
export default class PlayerApi {
store = {
permition: null,
steam_data: null
steam_data: null,
ban: null
}
discord = null;
@ -16,6 +17,16 @@ export default class PlayerApi {
}
}
async loadFull() {
return axios.get(`/api/profile/current`)
.then(response => {
if (response.status === 200) this.store = response.data;
})
.catch(() => {
this.store = null;
});
}
async loadThis(value) {
return axios.get(`/api/profile/current?requests=${value}`)
.then(response => {
@ -38,9 +49,7 @@ export default class PlayerApi {
async load() {
console.log(`[PlayerAPI] request info`);
if (!this.auth('steam')) return;
await this.loadThis('steam_data');
if (this.auth('steam')) await this.loadFull();
if (this.auth('discord')) await this.loadDiscord();
}
}

14
src/components/Others/CustomSvg/DiscordSvg.vue
View File

@ -1,9 +1,19 @@
<template>
<svg fill="currentColor" width="512px" height="60%" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>Discord icon</title><path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"/></svg>
<svg fill="currentColor" :width="w" :height="h" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>Discord icon</title><path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"/></svg>
</template>
<script>
export default {
name:"DiscordSvg"
name:"DiscordSvg",
props: {
w: {
type: String,
default: "512px"
},
h: {
type: String,
default: "60%"
}
}
}
</script>

14
src/components/Others/CustomSvg/SteamSvg.vue
View File

@ -1,6 +1,6 @@
<template>
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="512px" height="60%" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
:width="w" :height="h" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<path fill="currentColor" d="M151.961,418.005c13.572,0,26.893-6.567,34.986-18.708c12.867-19.301,7.651-45.377-11.649-58.244l-33.037-22.022
c5.654-1.54,11.597-2.38,17.739-2.38c37.196,0,67.348,30.152,67.348,67.351s-30.153,67.349-67.349,67.349
@ -48,6 +48,16 @@
<script>
export default {
name: "SteamSvg"
name: "SteamSvg",
props: {
w: {
type: String,
default: "512px"
},
h: {
type: String,
default: "60%"
}
}
}
</script>

62
src/components/TabsMenuElements/ProfileView/ProfileView.vue
View File

@ -1,5 +1,5 @@
<template>
<md-tab id="profileView" :md-icon="getAvatar()">
<md-tab id="profileView" :md-icon="require('@/assets/profile-user.svg')">
<div class="md-layout md-alignment-bottom-center">
<CharacterImage :size="10" :img_src="require(`@/assets/images/characters/pyro.png`)" :audio_src="require(`@/assets/sounds/alertmgs.mp3`)"/>
</div>
@ -10,10 +10,58 @@
</div>
<div class="md-layout md-alignment-bottom-center">
<div class="md-layout-item md-size-50 md-alignment-bottom-center rounded-only">
<br>
<hr width="50%">
<div v-if="this.$API.player.auth('steam') === false">
<h2 class="auth-button" v-on:click="openAW()">АВТОРИЗОВАТЬСЯ</h2>
</div>
<div v-else>
<div style="justify-content: center; display: flex; max-width: 80%; margin-left: 10%; padding-top: 5%">
<div style="max-width: 50%; float: left; margin: 0% 5%">
<h4>{{this.$API.player.store['steam_data']['nickname']}}</h4>
<hr>
<div v-if="this.$API.player.store['ban'] !== null">
<p style="display: inline">Статус Бана: </p>
<p style="color: brown">Забанен</p>
<p>Выдал бан: русский путин</p>
<p>Дата окончания бана: 14.88.1488</p>
</div>
<div v-if="this.$API.player.store['permition'] === null">
<p style="display: inline">Статус VIP : </p>
<p style="color: crimson"> слыш купи</p>
</div>
<div v-else>
<p style="display: inline">Статус {{this.$API.player.store['permition']['status']}} : </p>
<p style="color: green; display: inline" v-if="this.$API.player.store['permition']['status'] === 'VIP'"> Куплен</p>
<p v-else style="color: #fd8846; display: inline">Имеется</p>
<p>Дата окончания : </p>
<p v-if="this.$API.player.store['permition']['amount'] === 0" style="display: inline">Навсегда</p>
<p v-else style="display: inline">22.22.2032</p>
</div>
<hr>
<p>Статистикаf:</p>
<p>anus - 12:43:44</p>
</div>
<div style="max-width: 50%; float: left; margin: 0% 5%">
<div style="justify-content: right; display: flex">
<img :src="getAvatar()" style="border-radius: 15px;">
</div>
<p>Убийств : 20</p>
<p>Смертей : 543</p>
<p>Наиграно : globalapi.unixtime</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>
</div>
</div>
<br>
<hr width="50%">
<div>
<p>ban history</p>
<p>buy history</p>
</div>
</div>
</div>
<AuthWindow ref="aw"/>
@ -23,6 +71,8 @@
<script>
import CharacterImage from "@/components/Others/CharacterImage.vue";
import AuthWindow from "@/components/TabsMenuElements/ProfileView/AuthWindow.vue";
import DiscordSvg from "@/components/Others/CustomSvg/DiscordSvg.vue";
import SteamSvg from "@/components/Others/CustomSvg/SteamSvg.vue";
export default {
name: 'ProfileView',
props: {
@ -30,14 +80,14 @@ export default {
type: String
}
},
components: {AuthWindow, CharacterImage},
components: {SteamSvg, DiscordSvg, AuthWindow, CharacterImage},
methods: {
getAvatar() {
//try {
// return this.$API.player.store.steam_data['avatar'];
//} catch (err) {
try {
return this.$API.player.store.steam_data['avatar'];
} catch (err) {
return require('@/assets/profile-user.svg');
//}
}
},
openAW() {
console.log('open auth window');

Write Preview
Loading…
Cancel
Save