enable option window in user chat

[ssubham]

Hi
I want to use group option. but not able to use it.
tried from reference/sample. but, not got success.

Also, want to use custom theme. Let me know how can i do this....

[rpaschoal]

Hi @ssubham ,

For a group adapter example, you can check it out over here: https://github.com/rpaschoal/ng-chat-netcoreapp/blob/master/NgChatClient/ClientApp/src/app/signalr-group-adapter.ts

The above is the source code used by the demo.

For a custom theme, you will need to pass a valid asset URL to customTheme as described on the docs, and your CSS should start with a custom-theme selector. You can customize the same items as seen on these 2 pre-built themes:

https://github.com/rpaschoal/ng-chat/blob/master/src/ng-chat/assets/themes/ng-chat.theme.default.scss

https://github.com/rpaschoal/ng-chat/blob/master/src/ng-chat/assets/themes/ng-chat.theme.dark.scss

[ssubham]

Want this option to enable.

[ssubham]

Have found one issue.
When, i send a message to an user first time. the chat window got open on recipient but, the message does not shown there.

[buymybm100]

@ssubham, to enable Groups , you need these steps:

1. implement the IChatGroupAdapter interface in your adapter (eg. SocketIOAdapter.ts)

2. specify the [groupAdapter] attribute in

The examples are clear on the above points, the missing link is on the server side.
Chat Participants must have a 'participantType' = ChatParticipantType.User

3. If you are running the ng-chat-nodejs example, go into server.js and

   socket.on('join', function(username) {
   // Same contract as ng-chat.User
   usersCollection.push({
   participant: {
   id: socket.id, // Assigning the socket ID as the user ID in this example
   displayName: username,
   status: 0, // ng-chat UserStatus.Online,
   avatar: null,
   participantType: 0 //ChatParticipantType.User
   }
   });
   .....

Hope this helps,
Beemer

[Vegeta0807]

@buymybm100 You saved me. Thanks mate.