dirty

DevExpress · Oct 17, 2024 · c1210ff · c1210ff
1 parent 192b904
commit c1210ff
Showing 1 changed file with 24 additions and 2 deletions.
diff --git a/packages/devextreme/playground/jquery.html b/packages/devextreme/playground/jquery.html
@@ -78,15 +78,22 @@ <h1 style="position: fixed; left: 0; top: 0; clip: rect(1px, 1px, 1px, 1px);">Te
                     },
                 }
 
+                // websockets
+
                 const instance = $("#button").dxChat({
                     user: user1,
-                    height: 300,
+                    height: 400,
                     items: [
                         {
                             timestamp: new Date(2021, 9, 17, 14, 15),
                             author: user1,
                             text: 'message',
-                        }
+                        },
+                        {
+                            timestamp: new Date(2021, 9, 17, 14, 15),
+                            author: user2,
+                            text: 'message',
+                        },
                     ],
                     typingStatuses: statuses1,
                     onTypingStart: (e) => {
@@ -103,6 +110,10 @@ <h1 style="position: fixed; left: 0; top: 0; clip: rect(1px, 1px, 1px, 1px);">Te
                 }
 
                 const statuses2 = {
+                    [user2.id]: {
+                        timestamp: new Date(2021, 9, 17, 14, 45).getTime(),
+                        user: user2,
+                    },
                     [user2.id]: {
                         timestamp: new Date(2021, 9, 17, 14, 45).getTime(),
                         user: user2,
@@ -134,6 +145,17 @@ <h1 style="position: fixed; left: 0; top: 0; clip: rect(1px, 1px, 1px, 1px);">Te
                     },
                 }
 
+                const statuses5 = {
+                    [user2.id]: {
+                        timestamp: new Date(2021, 9, 17, 15, 14).getTime(),
+                        user: user2,
+                    },
+                    [user4.id]: {
+                        timestamp: new Date(2021, 9, 17, 15, 50).getTime(),
+                        user: user4,
+                    },
+                }
+
                 setTimeout(() => {
                     instance.option({ typingStatuses: statuses3 })
                 }, 2000);