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

move fekalis

fatnigger
gsd 2 years ago
parent
f505ca1747
commit
ee013c1b35
6 changed files with 105 additions and 49 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/components/TabsMenu.vue
  2. 24
      src/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue
  3. 54
      src/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue
  4. 56
      src/components/TabsMenuElements/MainView/Components/WhyNot.vue
  5. 13
      src/components/TabsMenuElements/MainView/Components/WhyNotText.vue
  6. 3
      src/components/TabsMenuElements/MainView/MainView.vue

4
src/components/TabsMenu.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<md-tabs md-alignment="centered" :md-active-tab="current_tab"> <md-tabs md-alignment="centered" :md-active-tab="current_tab">
<MainView/> <MainView :current_tab="current_tab"/>
<RulesView/> <RulesView/>
<ServersView/> <ServersView/>
<VipView/> <VipView/>
@ -26,7 +26,7 @@ export default {
name: 'TabsMenu', name: 'TabsMenu',
components: {MainView, EmptyTab, RulesView, ServersView, ProfileView, VipView, AboutView}, components: {MainView, EmptyTab, RulesView, ServersView, ProfileView, VipView, AboutView},
data: () => ({ data: () => ({
current_tab: 0 current_tab: ""
}) })
} }
</script> </script>

24
src/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue
View File

@ -0,0 +1,24 @@
<template>
<div class="md-layout md-alignment-center-center" style="margin: 2%">
<div class="md-layout-item md-size-30 rounded-and-colored">
<div class="md-layout md-alignment-center-center" style="margin: -5% 5%">
<div class="md-layout-item md-size-5">
<h4 style="text-align: left">{{' > '}}</h4>
</div>
<div class="md-layout-item">
<h4 style="text-align: center;">ПОДКЛЮЧИТЬСЯ К СЕРВЕРУ</h4>
</div>
<div class="md-layout-item md-size-5">
<h4 style="text-align: right">{{' < '}}</h4>
</div>
</div>
</div>
</div>
</template>
<script>
/* eslint-disable */
export default {
name: 'ConnectButton'
}
</script>

54
src/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue
View File

@ -0,0 +1,54 @@
<template>
<div>
<div class="md-layout md-alignment-center-center">
<div class="md-layout-item" v-bind:class="`md-size-${puff_size}`">
<h5 style="text-align: center">Сейчас играют</h5>
</div>
<div class="md-layout-item" v-bind:class="`md-size-${space_size}`" style="border-left:1px solid #000;height:3.5em;border-right: 1px solid #000"/>
<div class="md-layout-item" v-bind:class="`md-size-${puff_size}`">
<h5 style="text-align: center;">Пик игроков за день</h5>
</div>
<div class="md-layout-item" v-bind:class="`md-size-${space_size}`" style="border-left:1px solid #000;height:3.5em;border-right: 1px solid #000"/>
<div class="md-layout-item" v-bind:class="`md-size-${puff_size}`">
<h5 style="text-align: center">Серверов работает</h5>
</div>
</div>
<div class="md-layout md-alignment-center-center" style="margin-top: -1%">
<div class="md-layout-item rounded-and-colored" v-bind:class="`md-size-${puff_size}`">
<h4 style="text-align: center; margin: 10% 10%;">{{player_now}}</h4>
</div>
<div class="md-layout-item" v-bind:class="`md-size-${space_size}`"/>
<div class="md-layout-item rounded-and-colored" v-bind:class="`md-size-${puff_size}`">
<h4 style="text-align: center; margin: 10% 10%;">{{player_max}}</h4>
</div>
<div class="md-layout-item" v-bind:class="`md-size-${space_size}`"/>
<div class="md-layout-item rounded-and-colored" v-bind:class="`md-size-${puff_size}`">
<h4 style="text-align: center; margin: 10% 10%;">{{working_servers}}/{{total_servers}}</h4>
</div>
</div>
</div>
</template>
<script>
import PublicMethods from "@/components/PublicMethods";
export default {
name: 'CurrentPlayers',
data: () => ({
player_now: -1,
player_max: -1,
working_servers: -1,
total_servers: -1,
puff_size: 10,
space_size: 5
}),
beforeCreate() {
PublicMethods.getStatistics().then(response => {
this.player_now = response['statistic'].player_now;
this.player_max = response['statistic'].player_max;
this.working_servers = response['statistic'].working_servers;
this.total_servers = response['statistic'].total_servers;
});
}
}
</script>

56
src/components/TabsMenuElements/MainView/Components/WhyNot.vue
View File

@ -4,61 +4,23 @@
<div class="md-layout-item md-size-60 rounded-and-colored" style="background: #fffefc"> <div class="md-layout-item md-size-60 rounded-and-colored" style="background: #fffefc">
<h5 style="text-align: center;margin: 1%;">Давно искал место где можно почилить в данной мертвой игре??? Поздравляю ты его нашел!!!</h5> <h5 style="text-align: center;margin: 1%;">Давно искал место где можно почилить в данной мертвой игре??? Поздравляю ты его нашел!!!</h5>
<hr> <hr>
<div class="md-layout md-alignment-center-center"> <CurrentPlayers/>
<div class="md-layout-item md-size-10">
<h5 style="text-align: center">Сейчас играют</h5>
</div>
<div class="md-layout-item md-size-5" style="border-left:1px solid #000;height:3.5em;border-right: 1px solid #000"/>
<div class="md-layout-item md-size-10">
<h5 style="text-align: center;">Пик игроков за день</h5>
</div>
<div class="md-layout-item md-size-5" style="border-left:1px solid #000;height:3.5em;border-right: 1px solid #000"/>
<div class="md-layout-item md-size-10">
<h5 style="text-align: center">Серверов работает</h5>
</div>
</div>
<div class="md-layout md-alignment-center-center" style="margin-top: -2%">
<div class="md-layout-item md-size-5 rounded-and-colored">
<h4 style="text-align: center; margin: 40% 0%;">-1</h4>
</div>
<div class="md-layout-item md-size-10"/>
<div class="md-layout-item md-size-5 rounded-and-colored">
<h4 style="text-align: center; margin: 40% 0%;">-1</h4>
</div>
<div class="md-layout-item md-size-10"/>
<div class="md-layout-item md-size-5 rounded-and-colored">
<h4 style="text-align: center; margin: 40% 0%;">-1</h4>
</div>
</div>
<hr> <hr>
<div class="md-layout md-alignment-center-center" style="margin: 2%"> <ConnectButton/>
<div class="md-layout-item md-size-30 rounded-and-colored">
<div class="md-layout md-alignment-center-center" style="margin: -5% 5%">
<div class="md-layout-item md-size-5">
<h4 style="text-align: left">{{' > '}}</h4>
</div>
<div class="md-layout-item">
<h4 style="text-align: center;">ПОДКЛЮЧИТЬСЯ К СЕРВЕРУ</h4>
</div>
<div class="md-layout-item md-size-5">
<h4 style="text-align: right">{{' < '}}</h4>
</div>
</div>
</div>
</div>
<hr> <hr>
<div class="md-layout md-alignment-center-center" style="margin: 2%"> <WhyNotText/>
<div class="md-layout-item md-size-50" style="margin: -5% 0%">
<h4 style="text-align: center">Почему стоит начать играть?</h4>
</div>
</div>
</div> </div>
<div class="md-layout-item md-size"/> <div class="md-layout-item md-size"/>
</div> </div>
</template> </template>
<script> <script>
import CurrentPlayers from "@/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue";
import ConnectButton from "@/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue";
import WhyNotText from "@/components/TabsMenuElements/MainView/Components/WhyNotText.vue";
export default { export default {
name: "WhyNot" name: "WhyNot",
components: {WhyNotText, ConnectButton, CurrentPlayers}
} }
</script> </script>

13
src/components/TabsMenuElements/MainView/Components/WhyNotText.vue
View File

@ -0,0 +1,13 @@
<template>
<div class="md-layout md-alignment-center-center" style="margin: 2%">
<div class="md-layout-item md-size-50" style="margin: -5% 0%">
<h4 style="text-align: center">Почему стоит начать играть?</h4>
</div>
</div>
</template>
<script>
export default {
name: 'WhyNotText'
}
</script>

3
src/components/TabsMenuElements/MainView/MainView.vue
View File

@ -18,6 +18,9 @@ export default {
toStyle() { toStyle() {
return {}; return {};
} }
},
props: {
current_tab: String
} }
} }
</script> </script>
Write Preview
Loading…
Cancel
Save