hiddenegg

src/App.vue

@@ -1,5 +1,6 @@
 <template>
   <div>
+    <HiddenEgg style="z-index: 9999"/>
     <FailLoad v-if="f"/>
     <TabsMenu v-else/>
     <LoaderPage v-if="l"/>
@@ -38,9 +39,11 @@ Vue.use(MdField);
 import TabsMenu from "@/components/TabsMenu.vue";
 import LoaderPage from "@/components/Others/LoaderPage.vue";
 import FailLoad from "@/components/Others/FailLoad.vue";
+import HiddenEgg from "@/components/Others/HiddenEgg.vue";
 export default {
   name: 'App',
   components: {
+    HiddenEgg,
     FailLoad,
     LoaderPage,
     TabsMenu

src/api/GlobalApi.js

@@ -19,7 +19,8 @@ export default class GlobalApi {
             "n":[]
         },
         'uniq': null,
-        'builddate':0
+        'builddate':0,
+        'ban_count':0
     }
     loading = false;
     failed = false;
@@ -70,6 +71,7 @@ export default class GlobalApi {
             .then(response => response.data)
             .then(response => {
                 this.stats["builddate"] = response["builddate"];
+                this.stats["ban_count"] = response["ban_count"];
             })
             .catch(err => {
                 console.log(`[API] cannot request other, err: ${err}`);

src/components/Others/Devochka.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="md-layout-item" :class="`md-size-${size}`" style="text-align: center">
+    <img style="margin-left: auto; margin-right: auto" :src="getDevo4ka()">
+  </div>
+</template>
+
+<script>
+export default {
+  // eslint-disable-next-line vue/multi-word-component-names
+  name: "Pussy",
+  props: {
+    num: String,
+    size: Number
+  },
+  methods: {
+    getDevo4ka() {
+      return require(`@/assets/images/hiddenegg/${this.num}.gif`)
+    }
+  }
+}
+</script>

src/components/Others/HiddenEgg.vue

@@ -0,0 +1,119 @@
+<template>
+  <div :style="getBackgroundStyle()" v-if="user_input === `upupdowndownleftrightleftrightba`">
+    <div class="md-layout md-alignment-top-center">
+      <div class="md-layout-item md-size-40">
+        <img style="float: right; z-index: 1;padding-top: 15%" :src="require('@/assets/images/hiddenegg/styletext.png')">
+        <img style="float: right;z-index: 2;margin-top: -15%" :src="require('@/assets/images/hiddenegg/engi.png')">
+      </div>
+    </div>
+    <div class="md-layout md-alignment-bottom-center">
+      <div class="md-layout-item md-size-50">
+        <p class="he-text">Факты 13 : Добро пожаловать на "лучший" ру-сервер ТФ2!!!</p>
+        <div style="justify-content: center; display: flex;">
+          <a class="he-text he-a" href="">Правила</a>
+          <a class="he-text he-a" href="">Сервера</a>
+          <a class="he-text he-a" href="">Профиль</a>
+          <a class="he-text he-a" href="">Випка</a>
+          <a class="he-text he-a" href="">О нас</a>
+        </div>
+        <div align="center">
+        <br>
+        <input type="text" v-model="player_string" placeholder="Сюда вводи ссылку на профиль" size="40%">
+        <br>
+        <button v-on:click="foundPlayer()">Искать</button>
+        <br>
+        </div>
+        <p class="he-text he-text-min">Более {{this.$API.stats['ban_count']}} забаненых — в нашей датабазе сервера</p>
+        <br>
+      </div>
+    </div>
+    <div class="md-layout md-alignment-bottom-center">
+      <Devochka :size="5" v-for="n in `${this.$API.stats['ban_count']}`" :key="n+Math.random().toString(36).slice(4)" :num="n"/>
+    </div>
+    <br>
+    <div align="center">
+      <a class="he-text he-a he-text-min" href="https://www.youtube.com/watch?v=A4SFMLKgsnY">Правила поведения</a>
+      <p class="he-text he-text-min">Давно искал место где можно почилить в данной мертвой игре???</p>
+      <a class="he-text he-a he-text-min" href="">Поздравляю ты его нашел!!!</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import Devochka from "@/components/Others/Devochka.vue";
+import axios from "axios";
+
+export default {
+  name: 'HiddenEgg',
+  components: {Devochka},
+  data: () => ({
+    player_string:"",
+    user_input:""
+  }),
+  props: {
+  },
+  methods: {
+    getBackgroundStyle(){
+      return {
+        "position": "fixed",
+        "background-size": "cover",
+        "background-repeat": "no-repeat",
+        "background-position": "center center",
+        "left": 0,
+        "right": 0,
+        "z-index": -1,
+        "width": "100%",
+        "height": "100%",
+        "background-color": "#AAE5A4"
+      }
+    },
+    foundPlayer() {
+      axios.post("/api/profile/steam/web", {"any":this.player_string})
+          .then(response => {
+            if (response.status === 200 && 'steam64' in response.data) {
+              window.open(response.data['community_url']);
+            } else {
+              window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ")
+            }
+          })
+          .catch(() => {window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ")})
+    },
+    keyHook(e) {
+      switch (e.key) {
+        case "ArrowUp": {this.user_input += "up"; break}
+        case "ArrowDown": {this.user_input += "down"; break}
+        case "a": {this.user_input += "a"; break}
+        case "b": {this.user_input += "b"; break}
+        case "ArrowLeft": {this.user_input += "left"; break}
+        case "ArrowRight": {this.user_input += "right"; break}
+        default: {this.user_input = ""; break}
+      }
+    }
+  },
+  created() {
+    window.addEventListener('keydown', this.keyHook);
+  },
+  destroyed() {
+    window.removeEventListener('keydown', this.keyHook);
+  }
+}
+</script>
+
+<style>
+.he-text {
+  font-family: Verdana;
+  color: black;
+  text-align: center;
+}
+
+.he-text-min {
+  font-size: 0.7em;
+  line-height: 0.1em;
+}
+
+.he-a {
+  color: #0D328F;
+  padding: 0% 1%;
+  cursor: pointer;
+}
+</style>

src/components/TabsMenuElements/ProfileView/Components/ProfileContainer.vue

@@ -22,7 +22,7 @@
           <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" style="display: inline">Дата окончания : </p>
           <p class="profile-text" v-if="player['permition']['amount'] === 0" style="display: inline">Навсегда</p>
           <p class="profile-text" v-else style="display: inline">{{new Date((player['permition']['u_timestamp'] + player['permition']['amount']) * 1000).toLocaleDateString()}}</p>
         </div>

src/components/VipView/VipView.vue

@@ -10,8 +10,8 @@
     </div>
     <div class="md-layout md-alignment-bottom-center" style="margin-top: -1.5%">
       <div class="md-layout-item md-size-60 md-small-size-100 md-alignment-bottom-center rounded-only">
-        <h4 style="text-align: center">Нагибай всех благодаря нашей випке!(Смотри не перестарайся)</h4>
-        <h5 style="text-align: center; font-family: tf2secondary">Смотри не перестарайся</h5>
+        <h4 style="text-align: center">Нагибай всех благодаря нашей випке!</h4>
+        <h5 style="text-align: center; font-family: tf2secondary">(Смотри не перестарайся)</h5>
         <hr width="90%">
         <div class="md-layout md-alignment-bottom-center">
           <div class="md-layout-item md-size-100 md-alignment-bottom-center">