revert(pg)

packages/devextreme/playground/jquery.html

@@ -49,43 +49,13 @@ <h1 style="position: fixed; left: 0; top: 0; clip: rect(1px, 1px, 1px, 1px);">Te
         <select id="theme-selector" style="display: block;">
         </select>
         <br />
-        <div id="chat"></div>
+        <div id="button"></div>
         <script>
-            const MOCK_CHAT_HEADER_TEXT = 'Chat title';
-            const MOCK_CURRENT_USER_ID = Math.random()
-
-            const userFirst = {
-                id: Math.random(),
-                name: 'First',
-            }
-
-            const userSecond = {
-                id: MOCK_CURRENT_USER_ID,
-                name: 'Second',
-            }
-
-            const now = Date.now()
-
-            const messages = Array.from({ length: 30 }, (_, i) => {
-                const item = {
-                    timestamp: String(now + i),
-                    author: i % 4 === 0 ? userFirst : userSecond,
-                    text: String(Math.random()),
-                }
-
-                return item
-            })
-
-            $(() => {
-                const dxChat = $("#chat").dxChat({
-                    title: MOCK_CHAT_HEADER_TEXT,
-                    items: messages,
-                    user: userSecond,
-                }).dxChat('instance');
-
-                setTimeout(() => {
-                    dxChat.option({ user: userFirst });
-                }, 5000);
+            $(function() {
+                $("#button").dxButton({
+                    text: 'Click me!',
+                    onClick: function() { alert("clicked"); }
+                });
             });
         </script>
     </div>