From 4c5fdde2d3c4ff1f0cccc31662e6abe6ca85e4d5 Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Thu, 25 Jan 2024 22:45:36 +0100
Subject: [PATCH 1/7] Implement chat logic in vue

---
 luckydiamond/src/assets/js/chat/ChatLogic.js  |  1 -
 luckydiamond/src/components/ChatComponent.vue | 27 +++++++++----------
 .../src/components/HeaderComponent.vue        |  1 -
 3 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/luckydiamond/src/assets/js/chat/ChatLogic.js b/luckydiamond/src/assets/js/chat/ChatLogic.js
index a955074..31ede8d 100644
--- a/luckydiamond/src/assets/js/chat/ChatLogic.js
+++ b/luckydiamond/src/assets/js/chat/ChatLogic.js
@@ -40,7 +40,6 @@ export function SendMessageToChat(message) {
     try {
         const data = {
             SpUserName: GetCookie("SpUserName"),
-            SearchToken: GetCookie("SearchToken"),
             Message: message
         };
 
diff --git a/luckydiamond/src/components/ChatComponent.vue b/luckydiamond/src/components/ChatComponent.vue
index 1b7ad64..6c45020 100644
--- a/luckydiamond/src/components/ChatComponent.vue
+++ b/luckydiamond/src/components/ChatComponent.vue
@@ -49,14 +49,6 @@ export default {
   },
   methods: {
     ClaimDatamsg(msg) {
-      const MsgUser = {
-        id: this.id + 1,
-        msg: msg[0],
-        username: msg[1],
-        icon: msg[2]
-      }
-
-      this.array.push(MsgUser)
 
       SendMessageToChat(msg[0]);
 
@@ -67,15 +59,22 @@ export default {
   },
   mounted() {
     eventBus.on('dataChat', (dataFromServer) => {
+      try {
+      // Attempt to parse the JSON string
+      const dataObject = JSON.parse(dataFromServer);
+      let imageUrl = "https://avatar.spworlds.ru/face/55/" + dataObject.SpUserName;
+
       const MsgUser = {
         id: this.id + 1,
-        msg: dataFromServer,
-        username: dataFromServer,
-        icon: dataFromServer
-      }
+        msg: dataObject.Message,
+        username: dataObject.SpUserName,
+        icon: imageUrl
+      };
 
-      this.array.push(MsgUser)
-      console.log(dataFromServer)
+      this.array.push(MsgUser);
+    } catch (error) {
+      console.error('Error parsing JSON data:', error);
+    }
     })
   }
 }
diff --git a/luckydiamond/src/components/HeaderComponent.vue b/luckydiamond/src/components/HeaderComponent.vue
index ee2a637..b3b47e5 100644
--- a/luckydiamond/src/components/HeaderComponent.vue
+++ b/luckydiamond/src/components/HeaderComponent.vue
@@ -1,7 +1,6 @@
 
 <script>
 import "@/assets/css/ComponentsStyles/header.css";
-// import { GetAuthCodeFromCurrentPath } from '@/assets/js/authentication/LoggingMiddleware.js';
 import { LogIn } from "@/assets/js/authentication/AuthService.js";
 import { GetCurrentMoney } from "@/assets/js/rest/RestMethods.js";
 import {

From b1507a2a1d957a6301f18f449d5ef3cc6f9b8e99 Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Thu, 25 Jan 2024 22:55:22 +0100
Subject: [PATCH 2/7] Add if check if user not log not sending message

---
 luckydiamond/src/assets/js/chat/ChatLogic.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/luckydiamond/src/assets/js/chat/ChatLogic.js b/luckydiamond/src/assets/js/chat/ChatLogic.js
index 31ede8d..c0e397c 100644
--- a/luckydiamond/src/assets/js/chat/ChatLogic.js
+++ b/luckydiamond/src/assets/js/chat/ChatLogic.js
@@ -38,6 +38,11 @@ export function ConnectToChat() {
 
 export function SendMessageToChat(message) {
     try {
+
+        if (!GetCookie("SpUserName") || GetCookie("AUTHTOKEN") || GetCookie("SearchToken")) {
+            return;
+        }
+
         const data = {
             SpUserName: GetCookie("SpUserName"),
             Message: message

From 65e76ddefcc0b418963284ae909e1605ac1a0191 Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Thu, 25 Jan 2024 23:06:18 +0100
Subject: [PATCH 3/7] Test

---
 luckydiamond/src/assets/js/chat/ChatLogic.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/luckydiamond/src/assets/js/chat/ChatLogic.js b/luckydiamond/src/assets/js/chat/ChatLogic.js
index c0e397c..cc52922 100644
--- a/luckydiamond/src/assets/js/chat/ChatLogic.js
+++ b/luckydiamond/src/assets/js/chat/ChatLogic.js
@@ -39,7 +39,7 @@ export function ConnectToChat() {
 export function SendMessageToChat(message) {
     try {
 
-        if (!GetCookie("SpUserName") || GetCookie("AUTHTOKEN") || GetCookie("SearchToken")) {
+        if (!GetCookie("SpUserName") && !GetCookie("AUTHTOKEN") && !GetCookie("SearchToken")) {
             return;
         }
 

From 5568b6b635b54cbe4bc5ff269f36f9aef4ad544d Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Thu, 25 Jan 2024 23:18:39 +0100
Subject: [PATCH 4/7] Add chat changes

---
 luckydiamond/src/assets/css/ComponentsStyles/chat.css | 2 +-
 luckydiamond/src/components/ChatComponent.vue         | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/chat.css b/luckydiamond/src/assets/css/ComponentsStyles/chat.css
index 24f47f3..5a767f4 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/chat.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/chat.css
@@ -31,7 +31,7 @@
 
 .chat__content--users {
     height: 650px;
-    width: 250px;
+    width: auto;
     overflow-y: auto;
     overflow-x: auto;
 }
diff --git a/luckydiamond/src/components/ChatComponent.vue b/luckydiamond/src/components/ChatComponent.vue
index 6c45020..66f5669 100644
--- a/luckydiamond/src/components/ChatComponent.vue
+++ b/luckydiamond/src/components/ChatComponent.vue
@@ -52,9 +52,9 @@ export default {
 
       SendMessageToChat(msg[0]);
 
-      if(this.array.length > 7) {
-        this.array.shift()
-      }
+      // if(this.array.length > 7) {
+      //   this.array.shift()
+      // }
     }
   },
   mounted() {

From 10594ef117a82621834a93d515b31b670a6bae90 Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Thu, 25 Jan 2024 23:30:58 +0100
Subject: [PATCH 5/7] delete css role for chat

---
 luckydiamond/src/assets/css/ComponentsStyles/chat.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/chat.css b/luckydiamond/src/assets/css/ComponentsStyles/chat.css
index 5a767f4..f7304c3 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/chat.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/chat.css
@@ -23,11 +23,11 @@
     font-weight: 700;
 }
 
-.content p {
+/* .content p {
     width: 80%;
     word-wrap: break-word;
     margin: 0 auto;
-}
+} */
 
 .chat__content--users {
     height: 650px;

From 92f6a0f953466b4935469571228ed37265d8790f Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Thu, 25 Jan 2024 23:36:25 +0100
Subject: [PATCH 6/7] Add max length 100

---
 luckydiamond/src/components/WritechatComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/luckydiamond/src/components/WritechatComponent.vue b/luckydiamond/src/components/WritechatComponent.vue
index 52818e2..b3ccae2 100644
--- a/luckydiamond/src/components/WritechatComponent.vue
+++ b/luckydiamond/src/components/WritechatComponent.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="write">
     <div class="write__content">
-      <input type="text" @keyup.enter="sendmsgDataEnter" v-model.trim="msg" placeholder="Напишите сообщение..." maxlength="22">
+      <input type="text" @keyup.enter="sendmsgDataEnter" v-model.trim="msg" placeholder="Напишите сообщение..." maxlength="100">
       <button
           :disabled="CheckerforBtn()"
           type="submit"

From 55af0ccf2dcbc58ae7733e588a40f97c2d321f14 Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Thu, 25 Jan 2024 23:53:11 +0100
Subject: [PATCH 7/7] add chat class

---
 luckydiamond/src/assets/css/ComponentsStyles/chat.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/chat.css b/luckydiamond/src/assets/css/ComponentsStyles/chat.css
index f7304c3..d5c9efd 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/chat.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/chat.css
@@ -29,6 +29,11 @@
     margin: 0 auto;
 } */
 
+.content p {
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+  }
+
 .chat__content--users {
     height: 650px;
     width: auto;