Skip to content

Commit

Permalink
revart(pg)
Browse files Browse the repository at this point in the history
  • Loading branch information
marker dao ® committed Nov 6, 2024
1 parent 58c63bf commit dad56a8
Showing 1 changed file with 33 additions and 159 deletions.
192 changes: 33 additions & 159 deletions packages/devextreme/playground/jquery.html
Original file line number Diff line number Diff line change
@@ -1,27 +1,26 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>DevExtreme jQuery Example</title>
<title>DevExtreme jQuery Example</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">

<script type="text/javascript">
const currentThemeId = localStorage.getItem("currentThemeId") || "light";
<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";
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>
document.getElementsByTagName("head")[0].appendChild(link);
</script>

<script type="text/javascript" src="../artifacts/js/jquery.js"></script>
<!-- HtmlEditor -->
<!-- <script type="text/javascript" src="../artifacts/js/dx-quill.min.js"></script> -->
<script type="text/javascript" src="../artifacts/js/jquery.js"></script>
<!-- HtmlEditor -->
<!-- <script type="text/javascript" src="../artifacts/js/dx-quill.min.js"></script> -->

<!--<script type="text/javascript" src="../artifacts/js/cldr.js"></script>
<!--<script type="text/javascript" src="../artifacts/js/cldr.js"></script>
<script type="text/javascript" src="../artifacts/js/cldr/event.js"></script>
<script type="text/javascript" src="../artifacts/js/cldr/supplemental.js"></script>
<script type="text/javascript" src="../artifacts/js/cldr/unresolved.js"></script>
Expand All @@ -31,159 +30,34 @@
<script type="text/javascript" src="../artifacts/js/globalize/currency.js"></script>
<script type="text/javascript" src="../artifacts/js/globalize/date.js"></script>-->

<!--
<!--
<script type="text/javascript" src="../artifacts/js/exceljs.min.js"></script>
<script type="text/javascript" src="../artifacts/js/FileSaver.min.js"></script>
<script type="text/javascript" src="../artifacts/js/jszip.min.js"></script>
<script type="text/javascript" src="../artifacts/js/jspdf.umd.min.js"></script>
<script type="text/javascript" src="../artifacts/js/jspdf.plugin.autotable.min.js"></script>
-->

<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>
<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 class="dx-surface">
<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 class="dx-viewport demo-container">
<div class="list-container">
<div id="simpleList"></div>
</div>
<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() {
$("#button").dxButton({
text: 'Click me!',
onClick: function() { alert("clicked"); }
});
});
</script>
</div>

<script>
const items = [
{
key: "Mr. John Heart",
items: [
"Choose between PPO and HMO Health Plan", "Google AdWords Strategy", "New Brochures", "Update NDA Agreement", "Review Product Recall Report by Engineering Team",
],
},
{
key: "Mrs. Olivia Peyton",
items: [
"Update Personnel Files", "Review Health Insurance Options Under the Affordable Care Act", "Non-Compete Agreements",
],
},
{
key: "Mr. Robert Reagan",
items: [
"Deliver R&D Plans for 2013", "Decide on Mobile Devices to Use in the Field", "Try New Touch-Enabled WinForms Apps", "Approval on Converting to New HDMI Specification",
],
},
{
key: "Ms. Greta Sims",
items: [
"Approve Hiring of John Jeffers", "Update Employee Files with New NDA", "Give Final Approval for Refunds",
],
},
{
key: "Mr. Brett Wade",
items: [
"Prepare 3013 Marketing Plan", "Rollout of New Website and Marketing Brochures", "Review 2012 Sales Report and Approve 2013 Plans", "Review Site Up-Time Report",
],
},
{
key: "Mrs. Sandra Johnson",
items: [
"Provide New Health Insurance Docs", "Review HR Budget Company Wide", "Final Budget Review",
],
},
{
key: "Mr. Kevin Carter",
items: [
"Sign Updated NDA", "Review Overtime Report", "Upgrade Server Hardware", "Upgrade Personal Computers",
],
},
{
key: "Ms. Cynthia Stanwick",
items: [
"Prepare 2013 Financial", "Update Revenue Projections", "Submit D&B Number to ISP for Credit Approval",
],
},
{
key: "Dr. Kent Samuelson",
items: [
"Update Sales Strategy Documents", "Review Revenue Projections", "Refund Request Template",
],
},
];

$('#simpleList').dxList({
dataSource: items,
height: '100%',
grouped: true,
collapsibleGroups: true,
groupTemplate(data) {
return '';
},
// searchEnabled: true,
// allowItemDeleting: true,
// showSelectionControls: true,
// selectionMode: 'all',
// itemDeleteMode: 'toggle',
// useNativeScrolling: true,
});
</script>

<!-- <script>
$(() => {
$('#simpleList').dxList({
dataSource: items,
height: '100%',
grouped: true,
collapsibleGroups: true,
groupTemplate(data) {
return $(`<div>Assigned: ${data.key}</div>`);
},
});
});
const employees = [
{
key: 'Mr. John Heart',
items: [
'Choose between PPO and HMO Health Plan',
'Google AdWords Strategy',
'New Brochures',
'Update NDA Agreement',
'Review Product Recall Report by Engineering Team',
],
},
{
key: 'Mrs. Olivia Peyton',
items: ['Update Personnel Files', 'Review Health Insurance Options Under the Affordable Care Act', 'Non-Compete Agreements'],
}, {
key: 'Mr. Robert Reagan',
items: ['Deliver R&D Plans for 2013', 'Decide on Mobile Devices to Use in the Field', 'Try New Touch-Enabled WinForms Apps', 'Approval on Converting to New HDMI Specification'],
}, {
key: 'Ms. Greta Sims',
items: ['Approve Hiring of John Jeffers', 'Update Employee Files with New NDA', 'Give Final Approval for Refunds'],
}, {
key: 'Mr. Brett Wade',
items: ['Prepare 3013 Marketing Plan', 'Rollout of New Website and Marketing Brochures', 'Review 2012 Sales Report and Approve 2013 Plans', 'Review Site Up-Time Report'],
}, {
key: 'Mrs. Sandra Johnson',
items: ['Provide New Health Insurance Docs', 'Review HR Budget Company Wide', 'Final Budget Review'],
}, {
key: 'Mr. Kevin Carter',
items: ['Sign Updated NDA', 'Review Overtime Report', 'Upgrade Server Hardware', 'Upgrade Personal Computers'],
}, {
key: 'Ms. Cynthia Stanwick',
items: ['Prepare 2013 Financial', 'Update Revenue Projections', 'Submit D&B Number to ISP for Credit Approval'],
}, {
key: 'Dr. Kent Samuelson',
items: ['Update Sales Strategy Documents', 'Review Revenue Projections', 'Refund Request Template'],
}
];
</script> -->
</div>
</body>
</html>

0 comments on commit dad56a8

Please sign in to comment.