@imagina/qchat

QCHAT | 1.0.3 💬

Quasar version required 1.9, for earlier versions or 0.17 use version 1.0.0 of this package.

Imagina Colombia

Installation

npm i @imagina/qchat

Configuration

In you .env file add follow lines and replace data pusher

# Pusher keys
PUSHER_ACTIVE=true
BROADCAST_DRIVER=pusher
PUSHER_APP_ENCRYPTED=true
PUSHER_APP_ID="your_pusher_id"
PUSHER_APP_KEY="your_pusher_app_key"
PUSHER_APP_SECRET="your_pusher_app_secret"
PUSHER_APP_CLUSTER="your_pusher_app_cluster"

API Routes

ENTITY	ROUTE
conversations	apiRoutes.qchat.conversations
conversationUser	apiRoutes.qchat.conversationUser
messages	apiRoutes.qchat.messages
users	apiRoutes.qchat.users

Pages

• Back-End

  PAGE	NAME	PATH
  messages	qchat.admin.messages.index	/chat
  conversation	qchat.admin.conversation.show	/chat/conversation/:id

Components

NAME	ROUTE
conversation	@imagina/qchat/_components/admin/conversation
conversations	@imagina/qchat/_components/admin/conversations
conversationLabel	@imagina/qchat/_components/admin/conversationLabel
message	@imagina/qchat/_components/admin/message
messages	@imagina/qchat/_components/admin/messages
newMessage	@imagina/qchat/_components/admin/newMessage

If you need only a conversation with a specific user, you can use conversations component, this component waits for conversationId as a parameter.

Example:

html

<template>
   <conversation :conversationId="conversationId"/>
</template> 

script

import conversation from '@imagina/qchat/_components/admin/conversation'
export default {
  components:{
    conversation
  },
  data () {
    return {
      conversationId: 1
    }
  }
}