X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FChat.vue;h=7205f3b76910a58ba26b9ca11c6661501fa28e24;hp=ae85e736320072cc03785bfa78303f1c15446d0f;hb=6808d7a16ec1e761c6a2dffec2281c96953e4d89;hpb=ae2c49bb0bbaac3953f63be5b720e9c6835f00b6 diff --git a/client/src/components/Chat.vue b/client/src/components/Chat.vue index ae85e736..7205f3b7 100644 --- a/client/src/components/Chat.vue +++ b/client/src/components/Chat.vue @@ -13,38 +13,40 @@ import { store } from "@/store"; export default { name: "my-chat", // Prop 'pastChats' for corr games where chats are on server - props: ["players","pastChats","newChat"], + props: ["players", "pastChats", "newChat"], data: function() { return { st: store.state, - chats: [], //chat messages after human game + chats: [] //chat messages after human game }; }, watch: { newChat: function(chat) { if (chat.msg != "") - this.chats.unshift({msg:chat.msg, name:chat.name || "@nonymous"}); - }, + this.chats.unshift({ msg: chat.msg, name: chat.name || "@nonymous" }); + } }, methods: { classObject: function(chat) { return { "my-chatmsg": chat.name == this.st.user.name, - "opp-chatmsg": !!this.players && this.players.some( - p => p.name == chat.name && p.name != this.st.user.name) + "opp-chatmsg": + !!this.players && + this.players.some( + p => p.name == chat.name && p.name != this.st.user.name + ) }; }, sendChat: function() { let chatInput = document.getElementById("inputChat"); const chatTxt = chatInput.value.trim(); - if (chatTxt == "") - return; //nothing to send + if (chatTxt == "") return; //nothing to send chatInput.value = ""; - const chat = {msg:chatTxt, name: this.st.user.name || "@nonymous"}; + const chat = { msg: chatTxt, name: this.st.user.name || "@nonymous" }; this.$emit("mychat", chat); this.chats.unshift(chat); - }, - }, + } + } };