From 5ea14bc077cc206e18d063d055589dc2b57b6fe2 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 26 Nov 2023 18:06:52 +0300
Subject: [PATCH] added test logic for adaptive

---
 luckydiamond/src/pages/HomePage.vue           | 26 +++++++++++++++----
 .../pages/adaptive-pages/HomemobilePage.vue   | 15 +++++++++++
 2 files changed, 36 insertions(+), 5 deletions(-)
 create mode 100644 luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue

diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue
index becf1da..63bca0c 100644
--- a/luckydiamond/src/pages/HomePage.vue
+++ b/luckydiamond/src/pages/HomePage.vue
@@ -1,6 +1,6 @@
-<link rel="stylesheet" href="../assets/css/PagesStyles/home.css">
 <template>
-  <div class="content-grid">
+  <homemobile-page v-if="mobile"></homemobile-page>
+  <div class="content-grid" v-if="!mobile">
     <aside-bar-component></aside-bar-component>
 
     <chat-component></chat-component>
@@ -102,22 +102,38 @@
 import HeaderComponent from "@/components/HeaderComponent.vue";
 import AsideBarComponent from "@/components/AsidebarComponent.vue";
 import ChatComponent from "@/components/ChatComponent.vue";
+import HomemobilePage from "@/pages/adaptive-pages/HomemobilePage.vue";
 import GameModes from "@/mocks/GameModes";
 import '@/assets/css/PagesStyles/home.css'
 
 export default {
   name: 'HomePage',
-  components: { AsideBarComponent, HeaderComponent, ChatComponent },
+  components: { AsideBarComponent, HeaderComponent, ChatComponent, HomemobilePage },
   data() {
     return {
       GameModes,
-      AnimationOff: false
+      AnimationOff: false,
+      mobile: false,
+      currentPage: 'Desktop'
     }
   },
   methods: {
     // claimSettings(value) {
     //   this.AnimationOff = value
-    // }
+    // },
+    checkWindowSize() {
+      this.mobile = window.innerWidth <= 600
+
+      this.currentPage = this.mobile ? 'Mobile' : 'Desktop'
+    }
+  },
+  mounted() {
+    this.checkWindowSize()
+
+    window.addEventListener('resize', this.checkWindowSize)
+  },
+  beforeUnmount() {
+    window.removeEventListener('resize', this.checkWindowSize)
   },
   computed: {
     mainGameMode() {
diff --git a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
new file mode 100644
index 0000000..aaea0b8
--- /dev/null
+++ b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="content-grid__mobile-home">
+    <h1>mobile</h1>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file