# 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](https://pusher.com/)

```dotenv
# 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
  ```html
  <template>
     <conversation :conversationId="conversationId"/>
  </template> 
  ```
  script
  ```js
  import conversation from '@imagina/qchat/_components/admin/conversation'
  export default {
    components:{
      conversation
    },
    data () {
      return {
        conversationId: 1
      }
    }
  }
  ```