chore(docs): add chat peer-to-peer demo telerik/kendo#19688

Author: ivaylo-milanov

Telerik.Examples.Mvc/Telerik.Examples.Mvc/Controllers/Chat/ChatPeerToPeerController.cs

@@ -0,0 +1,12 @@
+using Microsoft.AspNetCore.Mvc;
+
+namespace Telerik.Examples.Mvc.Controllers.Chat
+{
+    public class ChatPeerToPeerController : Controller
+    {
+        public IActionResult ChatPeerToPeer()
+        {
+            return View();
+        }
+    }
+}

Telerik.Examples.Mvc/Telerik.Examples.Mvc/Hubs/ChatHub.cs

@@ -0,0 +1,18 @@
+using Microsoft.AspNetCore.SignalR;
+using System.Threading.Tasks;
+
+namespace Telerik.Examples.Mvc.Hubs
+{
+    public class ChatHub : Hub
+    {
+        public async Task Send(object sender, string message)
+        {
+            await Clients.Others.SendAsync("broadcastMessage", sender, message);
+        }
+
+        public async Task SendTyping(object sender)
+        {
+            await Clients.Others.SendAsync("typing", sender);
+        }
+    }
+}

Telerik.Examples.Mvc/Telerik.Examples.Mvc/Program.cs

@@ -63,6 +63,7 @@
 {
     options.ViewLocationFormats.Add("/Views/ListBox/{0}" + RazorViewEngine.ViewExtension);
     options.ViewLocationFormats.Add("/Views/Captcha/{0}" + RazorViewEngine.ViewExtension);
+    options.ViewLocationFormats.Add("/Views/chat/{0}" + RazorViewEngine.ViewExtension);
     options.ViewLocationFormats.Add("/Views/Grid/{0}" + RazorViewEngine.ViewExtension);
     options.ViewLocationFormats.Add("/Views/ImageEditor/{0}" + RazorViewEngine.ViewExtension);
     options.ViewLocationFormats.Add("/Views/Editor/{0}" + RazorViewEngine.ViewExtension);
@@ -191,6 +192,7 @@
     endpoints.MapHub<GridHub>("/gridHub");
     endpoints.MapHub<ParentGridHub>("/parentGridHub");
     endpoints.MapHub<ChildGridHub>("/childGridHub");
+    endpoints.MapHub<ChatHub>("/chat");
     endpoints.MapControllerRoute(
         name: "default",
         pattern: "{controller=Home}/{action=Index}/{id?}");

Telerik.Examples.Mvc/Telerik.Examples.Mvc/Views/Chat/ChatPeerToPeer.cshtml

@@ -0,0 +1,53 @@
+<script src="~/js/signalr/dist/browser/signalr.min.js"></script>
+
+@{
+    var name = Guid.NewGuid().ToString();
+}
+
+@(Html.Kendo().Chat()
+    .Name("chat")
+    .User(user => user
+        .Name(@name)
+        .IconUrl("https://demos.telerik.com/kendo-ui/content/chat/avatar.png")
+    )
+    .Events(events => events
+        .TypingStart("onTypingStart")
+        .Post("onPost")
+    )
+)
+
+<script>
+    window.chatHub = new signalR.HubConnectionBuilder()
+        .withUrl('/chat')
+        .build();
+
+    chatHub.start()
+        .catch(function(err) {
+            console.error(err.toString());
+        });
+
+    $(function() {
+        window.chat = $("#chat").getKendoChat();
+
+        chatHub.on('broadcastMessage', function(sender, message) {
+            var message = {
+                type: 'text',
+                text: message
+            };
+
+            chat.renderMessage(message, sender);
+        });
+
+        chatHub.on('typing', function(sender) {
+            chat.renderMessage({ type: 'typing' }, sender);
+        });
+    });
+
+    function onTypingStart(e) {
+        chatHub.invoke("sendTyping", chat.getUser());
+    }
+
+    function onPost(args) {
+        chatHub.invoke("send", chat.getUser(), args.text);
+    }
+</script>