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
    }
  }
}