Gecko [ unitednationsplay.com ]

Linux unitednationsplay.com 3.10.0-1160.45.1.el7.x86_64 #1 SMP Wed Oct 13 17:20:51 UTC 2021 x86_64
nginx/1.20.1
Server IP : 188.130.139.92 & Your IP : 3.147.67.34
Domains : Cant Read [ /etc/named.conf ]
User : web

Name	Size	Permission	Date
ChatConversations.vue	2.76 KB	-rw-r--r--	2021-02-02 18:24
ChatForm.vue	1.84 KB	-rw-r--r--	2021-02-10 12:05
ChatMessages.vue	2.35 KB	-rw-r--r--	2021-02-09 19:42
ConversationParticipants.vue	1.23 KB	-rw-r--r--	2021-02-02 18:24

Rename

<template>
    <div>
        <div class="input-group" v-if="isParticipant()">
            <input
                id="btn-input"
                type="text"
                name="message"
                class="form-control input-sm"
                placeholder="Type your message here..."
                v-model="newMessage"
                @keyup.enter="sendMessage"
            >
            &nbsp;&nbsp;
            <span class="input-group-btn">
        <button class="btn btn-primary" id="btn-chat" @click="sendMessage">Send</button>
      </span>
        </div>
        <div v-else>
            <button class="btn btn-success btn-sm" @click="joinConversation()">Join Conversation</button>
        </div>
    </div>
</template>

data() {
            return {
                newMessage: ""
            };
        },

methods: {
            isParticipant() {
                return window.conversations.indexOf(this.conversation) !== -1;
            },

joinConversation() {
                axios.post(`/chat/conversations/${this.conversation}/participants`).then(response => {
                    location.reload();
                });
            },

sendMessage() {
                axios.post(`/chat/conversations/${this.conversation}/messages`, {
                    message: {
                        body: this.newMessage,
                    },
                    participant_id: window.participant.id,
                    participant_type: window.participant.type,
                })
                    .then(() => {
                        this.newMessage = "";
                        console.log(this);
                        //location.reload(); // comment this out if you are broadcasting
                    });
            }
        }
    };
</script>