revert(PG)

DevExpress · Sep 1, 2023 · d77771a · d77771a
1 parent 1d76a2e
commit d77771a
Showing 1 changed file with 18 additions and 23 deletions.
diff --git a/packages/devextreme/playground/jquery.html b/packages/devextreme/playground/jquery.html
@@ -5,7 +5,16 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <link rel="stylesheet" type="text/css" href="../artifacts/css/dx.material.blue.light.css"/>
+    <script type="text/javascript">
+        const currentThemeId = localStorage.getItem("currentThemeId") || "light";
+
+        const link = document.createElement("link");
+        link.href = `../artifacts/css/dx.${currentThemeId}.css`;
+        link.type = "text/css";
+        link.rel = "stylesheet";
+
+        document.getElementsByTagName("head")[0].appendChild(link);
+    </script>
 
     <script type="text/javascript" src="../artifacts/js/jquery.js"></script>
     <!-- HtmlEditor -->
@@ -30,36 +39,22 @@
     -->
 
     <script type="text/javascript" src="../artifacts/js/dx.all.debug.js" charset="utf-8"></script>
+    <script type="text/javascript" src="./themeSelector.js"></script>
     <script type="text/javascript" src="../../../node_modules/axe-core/axe.min.js"></script>
 </head>
 <body>
     <div role="main">
         <h1 style="position: fixed; left: 0; top: 0; clip: rect(1px, 1px, 1px, 1px);">Test header</h1>
 
+        <select id="theme-selector" style="display: block;">
+        </select>
+        <br />
         <div id="button"></div>
         <script>
-           $(function() {
-                const dataSource = [
-                    { text: 'user', icon: 'comment' },
-                    { text: 'Comment', icon: 'comment' },
-                    { text: 'User', icon: 'comment' },
-                    { text: 'Money', icon: 'comment' },
-                ]
-
-                // const dataSource = [
-                //     { icon: 'comment' },
-                //     { icon: 'comment' },
-                //     { icon: 'comment' },
-                //     { icon: 'comment' },
-                // ]
-
-                $("#button").dxTabs({
-                    dataSource,
-                    selectedIndex: 0,
-                    stylingMode: 'secondary',
-                    // orientation: 'vertical',
-                    // iconPosition: 'end',
-                    // rtlEnabled: true,
+            $(function() {
+                $("#button").dxButton({
+                    text: 'Click me!',
+                    onClick: function() { alert("clicked"); }
                 });
             });
         </script>