From ee013c1b358ef063bccb9513d30bcfc45c134406 Mon Sep 17 00:00:00 2001
From: gsd <mamu@ebal.net>
Date: Mon, 9 Oct 2023 23:31:04 +0300
Subject: [PATCH] move fekalis

---
 src/components/TabsMenu.vue                   |  4 +-
 .../SubComponents/ConnectButton.vue           | 24 ++++++++
 .../SubComponents/CurrentPlayers.vue          | 54 ++++++++++++++++++
 .../MainView/Components/WhyNot.vue            | 56 +++----------------
 .../MainView/Components/WhyNotText.vue        | 13 +++++
 .../TabsMenuElements/MainView/MainView.vue    |  3 +
 6 files changed, 105 insertions(+), 49 deletions(-)
 create mode 100644 src/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue
 create mode 100644 src/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue
 create mode 100644 src/components/TabsMenuElements/MainView/Components/WhyNotText.vue

diff --git a/src/components/TabsMenu.vue b/src/components/TabsMenu.vue
index bf3b40b..618eb36 100644
--- a/src/components/TabsMenu.vue
+++ b/src/components/TabsMenu.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
   <md-tabs md-alignment="centered" :md-active-tab="current_tab">
-    <MainView/>
+    <MainView :current_tab="current_tab"/>
     <RulesView/>
     <ServersView/>
     <VipView/>
@@ -26,7 +26,7 @@ export default {
     name: 'TabsMenu',
     components: {MainView, EmptyTab, RulesView, ServersView, ProfileView, VipView, AboutView},
     data: () => ({
-      current_tab: 0
+      current_tab: ""
     })
 }
 </script>
diff --git a/src/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue b/src/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue
new file mode 100644
index 0000000..d9c0f25
--- /dev/null
+++ b/src/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue
@@ -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>
\ No newline at end of file
diff --git a/src/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue b/src/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue
new file mode 100644
index 0000000..4963f3b
--- /dev/null
+++ b/src/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue
@@ -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>
\ No newline at end of file
diff --git a/src/components/TabsMenuElements/MainView/Components/WhyNot.vue b/src/components/TabsMenuElements/MainView/Components/WhyNot.vue
index 4e98290..e288780 100644
--- a/src/components/TabsMenuElements/MainView/Components/WhyNot.vue
+++ b/src/components/TabsMenuElements/MainView/Components/WhyNot.vue
@@ -4,61 +4,23 @@
     <div class="md-layout-item md-size-60 rounded-and-colored" style="background: #fffefc">
       <h5 style="text-align: center;margin: 1%;">Давно искал место где можно почилить в данной мертвой игре??? Поздравляю ты его нашел!!!</h5>
       <hr>
-      <div class="md-layout md-alignment-center-center">
-        <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>
+      <CurrentPlayers/>
       <hr>
-      <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>
+      <ConnectButton/>
       <hr>
-      <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>
+      <WhyNotText/>
     </div>
     <div class="md-layout-item md-size"/>
   </div>
 </template>
 
 <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 {
-  name: "WhyNot"
+  name: "WhyNot",
+  components: {WhyNotText, ConnectButton, CurrentPlayers}
 }
 </script>
\ No newline at end of file
diff --git a/src/components/TabsMenuElements/MainView/Components/WhyNotText.vue b/src/components/TabsMenuElements/MainView/Components/WhyNotText.vue
new file mode 100644
index 0000000..d548a10
--- /dev/null
+++ b/src/components/TabsMenuElements/MainView/Components/WhyNotText.vue
@@ -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>
\ No newline at end of file
diff --git a/src/components/TabsMenuElements/MainView/MainView.vue b/src/components/TabsMenuElements/MainView/MainView.vue
index 5cfbddc..f51ce64 100644
--- a/src/components/TabsMenuElements/MainView/MainView.vue
+++ b/src/components/TabsMenuElements/MainView/MainView.vue
@@ -18,6 +18,9 @@ export default {
     toStyle() {
       return {};
     }
+  },
+  props: {
+    current_tab: String
   }
 }
 </script>
\ No newline at end of file