gsd
1 year ago
11 changed files with 164 additions and 6 deletions
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 9.4 KiB |
|
After Width: | Height: | Size: 265 B |
|
After Width: | Height: | Size: 179 B |
|
After Width: | Height: | Size: 33 KiB |
@ -0,0 +1,103 @@ |
|||||
|
<template> |
||||
|
<md-dialog :md-active.sync="show" @close="show=false" :mdClickOutsideToClose="true"> |
||||
|
<div class="md-layout md-alignment-bottom-center"> |
||||
|
<div class="md-layout-item md-size-100 md-small-size-100 md-alignment-bottom-center rounded-only"> |
||||
|
<div style="padding: 0% 5%; min-width: 450px; max-width: 450px"> |
||||
|
<h5 style="text-align: center">Статистика за все серверы</h5> |
||||
|
<p>Статистика с учетом игры более 5 минут, уникальностью являются разные ip адреса, данные со всех серверов начиная с 2018 года</p> |
||||
|
</div> |
||||
|
<div style="padding: 0% 5%; min-width: 450px; max-width: 450px"> |
||||
|
<h5 style="text-align: center">Игроки по странам</h5> |
||||
|
<div class="md-layout md-alignment-bottom-center"> |
||||
|
<div class="md-layout-item md-size-20" style="text-align: center"> |
||||
|
<img style="height: 32px" :src="require('/src/assets/flags/Flag_of_Russia.svg')" alt="Русские"> |
||||
|
<p>{{this.countries.Russia}}</p> |
||||
|
</div> |
||||
|
<div class="md-layout-item md-size-20" style="text-align: center"> |
||||
|
<img style="height: 32px" :src="require('/src/assets/flags/Flag_of_Belarus.svg')" alt="Белоруссы"> |
||||
|
<p>{{this.countries.Belarus}}</p> |
||||
|
</div> |
||||
|
<div class="md-layout-item md-size-20" style="text-align: center"> |
||||
|
<img style="height: 32px" :src="require('/src/assets/flags/Flag_of_Kazakhstan.svg')" alt="Казахи"> |
||||
|
<p>{{this.countries.Kazakhstan}}</p> |
||||
|
</div> |
||||
|
<div class="md-layout-item md-size-20" style="text-align: center"> |
||||
|
<img style="height: 32px" :src="require('/src/assets/flags/Flag_of_Shit.svg')" alt="Хохлы"> |
||||
|
<p>{{this.countries.Ukraine}}</p> |
||||
|
</div> |
||||
|
<div class="md-layout-item md-size-20" style="text-align: center"> |
||||
|
<img style="height: 32px" :src="require('/src/assets/flags/Flag_of_SoyGoys.svg')" alt="Скот"> |
||||
|
<p>{{this.countries.OtherGoys}}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div style="padding: 1% 5%; min-width: 450px; max-width: 450px"> |
||||
|
<h5 style="text-align: center; margin: 0 0">Уникальные игроки</h5> |
||||
|
<p>За текущий день {{uniq.day}} игроков</p> |
||||
|
<p>За текущий месяц {{uniq.month}} игроков</p> |
||||
|
<p>За текущий год {{uniq.year}} игроков</p> |
||||
|
<p>За все существование {{uniq.total}} игроков</p> |
||||
|
</div> |
||||
|
<div style="text-align: center"> |
||||
|
<md-button class="btn-boss" v-on:click="show=false">А вот у куплинова больше</md-button> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</md-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import axios from "axios"; |
||||
|
import Random from "@/api/Random"; |
||||
|
|
||||
|
export default { |
||||
|
name: "SummaryStatsDialog", |
||||
|
data: () => ({ |
||||
|
show: false, |
||||
|
countries: {"Russia":0, "Ukraine": 0, "Belarus":0, "Kazakhstan":0, "OtherGoys":0}, |
||||
|
uniq: {"total":0,"month":0,"year":0,"day":0} |
||||
|
}), |
||||
|
methods: { |
||||
|
showMe(b) { |
||||
|
if (b === true) this.preShow(); |
||||
|
//this.show = b; |
||||
|
}, |
||||
|
preShow(){ |
||||
|
let countries_load = false; |
||||
|
let uniq_load = false; |
||||
|
|
||||
|
axios.get(`/api/stats?filter=countries` + Random.getRndWebAppend()) |
||||
|
.then(response => response.data) |
||||
|
.then(response => { |
||||
|
countries_load = true; |
||||
|
this.countries = response['countries']; |
||||
|
this.countries["OtherGoys"] = 0; |
||||
|
for (const country in response["countries"]) { |
||||
|
if (["Russia", "Ukraine", "Belarus", "Kazakhstan", "OtherGoys"].indexOf(country) !== -1) continue; |
||||
|
this.countries["OtherGoys"] += response["countries"][country]; |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
console.log(`[API] cannot request country stats, err: ${err}`); |
||||
|
}).finally(() => { |
||||
|
this.show = countries_load && uniq_load; |
||||
|
}); |
||||
|
|
||||
|
axios.get(`/api/stats?filter=uniq` + Random.getRndWebAppend()) |
||||
|
.then(response => response.data) |
||||
|
.then(response => { |
||||
|
uniq_load = true; |
||||
|
this.uniq = response['uniq']; |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
console.log(`[API] cannot request uniq stats, err: ${err}`); |
||||
|
}).finally(() => { |
||||
|
this.show = countries_load && uniq_load; |
||||
|
}); |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
Loading…
Reference in new issue