Skip to content

Commit c4e2e24

Browse files
committed
🚀 Updated HTML files for new npm build
1 parent c2d05ec commit c4e2e24

20 files changed

Lines changed: 202 additions & 327 deletions

examples/binary-classification-hbs.htm

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -65,29 +65,28 @@
6565
<script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
6666

6767
<!-- DataFormsJS Handlebars Helpers -->
68-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/extensions/handlebars-helpers.min.js"></script>
68+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/extensions/handlebars-helpers.min.js"></script>
6969

7070
<!--
7171
DataFormsJS
7272
https://www.dataformsjs.com
7373
-->
74-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/DataFormsJS.min.js"></script>
75-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/i18n.min.js"></script>
76-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/navLinks.min.js"></script>
74+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/DataFormsJS.min.js"></script>
75+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/i18n.min.js"></script>
76+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/navLinks.min.js"></script>
7777
<script>
7878
// Files 'entryForm.js' and 'binary-classification.js' uses [Object.assign] which isn't available from IE
7979
// by default. It gets loaded as a polyfill from [DataFormsJS.js] once the page is ready.
8080
// In addition to only loading what is needed using [app.lazyLoad] allows for the polyfill
8181
// to run first.
8282
app.lazyLoad = {
8383
binaryPredictionPage: [
84-
'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/pages/jsonData.min.js',
85-
'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/pages/entryForm.min.js',
84+
'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/pages/jsonData.min.js',
85+
'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/pages/entryForm.min.js',
8686
'./binary-classification.js',
8787
],
88-
jsonData: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/pages/jsonData.min.js',
89-
// clickToHighlight: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/clickToHighlight.min.js',
90-
clickToHighlight: 'https://dataformsjs.s3-us-west-1.amazonaws.com/js/pre-release/clickToHighlight.min.js',
88+
jsonData: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/pages/jsonData.min.js',
89+
clickToHighlight: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/clickToHighlight.min.js',
9190
}
9291
</script>
9392
</body>

examples/binary-classification-vue.htm

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -88,27 +88,26 @@
8888
DataFormsJS
8989
https://www.dataformsjs.com
9090
-->
91-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/DataFormsJS.min.js"></script>
92-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/i18n.min.js"></script>
93-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/navLinks.min.js"></script>
91+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/DataFormsJS.min.js"></script>
92+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/i18n.min.js"></script>
93+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/navLinks.min.js"></script>
9494
<script>
9595
// Files 'entryForm.js' and 'binary-classification.js' uses [Object.assign] which isn't available from IE
9696
// by default. It gets loaded as a polyfill from [DataFormsJS.js] once the page is ready.
9797
// In addition to only loading what is needed using [app.lazyLoad] allows for the polyfill
9898
// to run first.
9999
app.lazyLoad = {
100100
binaryPredictionPage: [
101-
'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/pages/jsonData.min.js',
102-
'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/pages/entryForm.min.js',
101+
'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/pages/jsonData.min.js',
102+
'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/pages/entryForm.min.js',
103103
'./binary-classification.js',
104104
],
105-
jsonData: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/pages/jsonData.min.js',
106-
// clickToHighlight: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/clickToHighlight.min.js',
107-
clickToHighlight: 'https://dataformsjs.s3-us-west-1.amazonaws.com/js/pre-release/clickToHighlight.min.js',
105+
jsonData: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/pages/jsonData.min.js',
106+
clickToHighlight: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/clickToHighlight.min.js',
108107
// Currently this is not used, if adding back then also update:
109108
// [data-lazy-load="binaryPredictionPage, vueDirectives"]
110109
//
111-
// vueDirectives: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/extensions/vue-directives.min.js',
110+
// vueDirectives: 'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/extensions/vue-directives.min.js',
112111
}
113112
</script>
114113
</body>

examples/countries-no-spa-hbs.htm

Lines changed: 22 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,22 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<title>Countries Demo | No SPA | Handlebars</title>
7-
<link rel="stylesheet" href="css/countries.css">
8-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui-flag@2.4.0/flag.min.css">
9-
<link rel="canonical" href="https://www.dataformsjs.com/examples/countries-no-spa-hbs.htm">
10-
</head>
11-
<body>
12-
<div id="view">
13-
<h1>Countries</h1>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
<title>Countries Demo | No SPA | Handlebars</title>
7+
<link rel="stylesheet" href="css/countries.css">
8+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui-flag@2.4.0/flag.min.css">
9+
<link rel="canonical" href="https://www.dataformsjs.com/examples/countries-no-spa-hbs.htm">
10+
</head>
11+
<body>
12+
<div id="view">
13+
<h1>Countries</h1>
1414

15-
<json-data
16-
class="flex-col"
17-
data-url="https://www.dataformsjs.com/data/geonames/countries"
18-
data-template-id="countries-list">
19-
</json-data>
20-
</div>
15+
<json-data
16+
class="flex-col"
17+
data-url="https://www.dataformsjs.com/data/geonames/countries"
18+
data-template-id="countries-list">
19+
</json-data>
2120
</div>
2221

2322
<script type="text/x-template" data-engine="handlebars" id="countries-list">
@@ -60,13 +59,12 @@ <h1>Countries</h1>
6059
{{/if}}
6160
</script>
6261

63-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/DataFormsJS.min.js"></script>
64-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/controls/json-data.min.js"></script>
65-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/extensions/handlebars-helpers.min.js"></script>
66-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/filter.min.js"></script>
67-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/sort.min.js"></script>
68-
<!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/clickToHighlight.min.js"></script> -->
69-
<script src="https://dataformsjs.s3-us-west-1.amazonaws.com/js/pre-release/clickToHighlight.min.js"></script>
62+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/DataFormsJS.min.js"></script>
63+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/controls/json-data.min.js"></script>
64+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/extensions/handlebars-helpers.min.js"></script>
65+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/filter.min.js"></script>
66+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/sort.min.js"></script>
67+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/clickToHighlight.min.js"></script>
7068
<script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
7169
</body>
7270
</html>

examples/countries-no-spa-js.htm

Lines changed: 21 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,21 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<title>Countries Demo | No SPA | JavaScript</title>
7-
<link rel="stylesheet" href="css/countries.css">
8-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui-flag@2.4.0/flag.min.css">
9-
<link rel="canonical" href="https://www.dataformsjs.com/examples/countries-no-spa-hbs.htm">
10-
</head>
11-
<body>
12-
<div id="view">
13-
<h1>Countries</h1>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
<title>Countries Demo | No SPA | JavaScript</title>
7+
<link rel="stylesheet" href="css/countries.css">
8+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui-flag@2.4.0/flag.min.css">
9+
<link rel="canonical" href="https://www.dataformsjs.com/examples/countries-no-spa-hbs.htm">
10+
</head>
11+
<body>
12+
<div id="view">
13+
<h1>Countries</h1>
1414

15-
<json-data
16-
data-url="https://www.dataformsjs.com/data/geonames/countries"
17-
data-template-id="countries-list">
18-
</json-data>
19-
</div>
15+
<json-data
16+
data-url="https://www.dataformsjs.com/data/geonames/countries"
17+
data-template-id="countries-list">
18+
</json-data>
2019
</div>
2120

2221
<template id="countries-list">
@@ -45,13 +44,12 @@ <h1>Countries</h1>
4544
</div>
4645
</template>
4746

48-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/DataFormsJS.min.js"></script>
49-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/controls/data-table.min.js"></script>
50-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/controls/json-data.min.js"></script>
51-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/filter.min.js"></script>
52-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/sort.min.js"></script>
53-
<!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/clickToHighlight.min.js"></script> -->
54-
<script src="https://dataformsjs.s3-us-west-1.amazonaws.com/js/pre-release/clickToHighlight.min.js"></script>
47+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/DataFormsJS.min.js"></script>
48+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/controls/data-table.min.js"></script>
49+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/controls/json-data.min.js"></script>
50+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/filter.min.js"></script>
51+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/sort.min.js"></script>
52+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/clickToHighlight.min.js"></script>
5553

5654
<!--
5755
Add images to the <table> element using a Custom Plugin with standard JavaScript DOM methods.

examples/countries-no-spa-vue.htm

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -83,14 +83,13 @@ <h1>Countries</h1>
8383
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script>
8484

8585
<!-- DataFormsJS App object and the <json-data> control (required for this demo) -->
86-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/DataFormsJS.min.js"></script>
87-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/controls/json-data.min.js"></script>
86+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/DataFormsJS.min.js"></script>
87+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/controls/json-data.min.js"></script>
8888

8989
<!-- Optional scripts used for additional features in this demo -->
90-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/extensions/vue-directives.min.js"></script>
91-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/filter.min.js"></script>
92-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/sort.min.js"></script>
93-
<!-- <script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/plugins/clickToHighlight.min.js"></script> -->
94-
<script src="https://dataformsjs.s3-us-west-1.amazonaws.com/js/pre-release/clickToHighlight.min.js"></script>
90+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/extensions/vue-directives.min.js"></script>
91+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/filter.min.js"></script>
92+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/sort.min.js"></script>
93+
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/plugins/clickToHighlight.min.js"></script>
9594
</body>
9695
</html>

examples/countries-no-spa-web.htm

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -52,22 +52,21 @@ <h1>Countries</h1>
5252
</div>
5353

5454
<!-- DataFormsJS Web Components -->
55-
<script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/web-components/url-hash-router.min.js"></script>
56-
<script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/web-components/json-data.min.js"></script>
57-
<!-- <script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/web-components/data-table.min.js"></script> -->
58-
<script type="module" src="https://dataformsjs.s3-us-west-1.amazonaws.com/js/pre-release/data-table.min.js"></script>
59-
<script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/web-components/input-filter.min.js"></script>
60-
<script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/web-components/sortable-table.min.js"></script>
55+
<script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/web-components/url-hash-router.min.js"></script>
56+
<script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/web-components/json-data.min.js"></script>
57+
<script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/web-components/data-table.min.js"></script>
58+
<script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/web-components/input-filter.min.js"></script>
59+
<script type="module" src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/web-components/sortable-table.min.js"></script>
6160

6261
<!-- Older browsers (IE, Older Mobile Devices, etc) will see a warning -->
63-
<script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/web-components/safari-nomodule.min.js"></script>
64-
<script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/web-components/old-browser-warning.min.js"></script>
62+
<script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/web-components/safari-nomodule.min.js"></script>
63+
<script nomodule src="https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/web-components/old-browser-warning.min.js"></script>
6564

6665
<!--
6766
Add images to the <table is="data-table"> element using standard JavaScript DOM methods
6867
-->
6968
<script type="module">
70-
import { componentsAreSetup } from 'https://cdn.jsdelivr.net/npm/dataformsjs@4.5.5/js/web-components/utils.min.js';
69+
import { componentsAreSetup } from 'https://cdn.jsdelivr.net/npm/dataformsjs@4.6.0/js/web-components/utils.min.js';
7170

7271
const jsonData = document.querySelector('json-data');
7372
if (jsonData !== null) {

0 commit comments

Comments
 (0)