Skip to content

Commit f499e60

Browse files
ConradSollittConradSollitt
committed
🚀 Dev Updates for Next Release
1 parent 9678f17 commit f499e60

28 files changed

+194
-208
lines changed

‎CHANGELOG.md‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ Overall the core Framework files and API are expected to remain stable however t
5555
* New file `js/extensions/format.js` which is used with the Web Components Polyfill
5656
* Updated `js/plugins/filter.js` so that it shows 0 count for empty tables. Previously it expected the table to have at least one `<tbody>` element. A similar update was made for `js/web-components/input-filter.js`
5757
* Previously if using `<template>` with `jsonData` page types all `.is-loading, .has-error, .is-loaded` elements could quickly flash on screen during page changes. This has been fixed.
58-
* Routes and JavaScript controls will have empty data HTML attributes mapped to `true` by default instead of an empty string. Previously `data-load-only-once="true"` was used on many pages but now only `data-load-only-once` is required.
58+
* Routes and JavaScript controls will have empty data HTML attributes mapped to `true` by default instead of an empty string. Previously `data-load-only-once="true"` was used on many pages but now only `data-load-only-once` is required. Additionally `null` is now supported as an option.
5959
* `js/plugins/i18n.js`
6060
* Added `app.plugins.i18n.getUserDefaultLang()`
6161
* The following global API was added so that it can be used easily with templating or by app custom logic. This was based on the Web Component verison which uses simple JavaScript templating and basic functions.
@@ -91,6 +91,9 @@ The Web Components have the most complex breaking changes related to API usage h
9191
* Web Components API for `<json-data>`, `<url-router>` have been changed significantly. Previously the API required `async/await` from module JavaScript and was complex to use. It has now been simplified so that events bubble up to the document can be handled easily from the root document event listener and so standard JavaScript functions can be called from HTML attributes.
9292
* **Before Update:** https://github.com/dataformsjs/dataformsjs/blob/c23bf5e4cd9e826c61313877ae0c2d2da6d6f889/examples/places-demo-web.htm
9393
* **After Update:** https://github.com/dataformsjs/dataformsjs/blob/master/examples/places-demo-web.htm
94+
* Framework JavaScript Controls
95+
* Dropped support for replacing the control element with a basic element. Example, previously `<json-data>` would have been converted to `<div data-control="json-data">`. Now the `data-control` attribute is added but the element is not converted.
96+
* This behavior allows for easier to use API from sites and apps that use the `<json-data>` Web Component and Polyfill.
9497
* `js/plugins/filter.js` - Removed error alert for text `Column filter requires a table to be correctly defined` that happened if a table was missing when the filter was loaded. The reason is that it makes sense for certain apps to have a defined filter and only optionally include the table.
9598
* `js/controls/data-table.js` - Replaced `data-source` with `data-bind` and now `<data-table>` will be converted to a `<div>` with a `<table>` in the `<div>` instead of converting to a `<table>` directly. Additionaly `<template>` support has been added.
9699
* Code before Update:

‎examples/countries-no-spa-hbs.htm‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -59,12 +59,12 @@ <h1>Countries</h1>
5959
{{/if}}
6060
</script>
6161

62-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/DataFormsJS.min.js"></script>
63-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/controls/json-data.min.js"></script>
64-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/extensions/handlebars-helpers.min.js"></script>
65-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/filter.min.js"></script>
66-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/sort.min.js"></script>
67-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/clickToHighlight.min.js"></script>
62+
<script src="../js/DataFormsJS.min.js"></script>
63+
<script src="../js/controls/json-data.min.js"></script>
64+
<script src="../js/extensions/handlebars-helpers.min.js"></script>
65+
<script src="../js/plugins/filter.min.js"></script>
66+
<script src="../js/plugins/sort.min.js"></script>
67+
<script src="../js/plugins/clickToHighlight.min.js"></script>
6868
<script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
6969
</body>
7070
</html>

‎examples/countries-no-spa-vue.htm‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -83,13 +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.8.0/js/DataFormsJS.min.js"></script>
87-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/controls/json-data.min.js"></script>
86+
<script src="../js/DataFormsJS.min.js"></script>
87+
<script src="../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.8.0/js/extensions/vue-directives.min.js"></script>
91-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/filter.min.js"></script>
92-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/sort.min.js"></script>
93-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/clickToHighlight.min.js"></script>
90+
<script src="../js/extensions/vue-directives.min.js"></script>
91+
<script src="../js/plugins/filter.min.js"></script>
92+
<script src="../js/plugins/sort.min.js"></script>
93+
<script src="../js/plugins/clickToHighlight.min.js"></script>
9494
</body>
9595
</html>

‎examples/css/image-gallery.css‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,13 @@ is-loading:not(:defined),
77
has-error:not(:defined),
88
is-loaded:not(:defined) { display:none; }
99

10+
/*
11+
Since this file is shared with the Standard Framework make sure the
12+
<json-data> "JavaScript Control" shows. If this is not included modern browsers
13+
would use the above code block for display.
14+
*/
15+
json-data[data-control] { display:block; }
16+
1017
/* Using 'Native font stack' - See Bootstrap 4 Docs for info on 'Native font stack' */
1118
html {
1219
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

‎examples/html/search-places-graphql.htm‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ <h1>{{i18n 'Search'}}</h1>
2222
data-enter-key-click-selector=".btn-search"
2323
placeholder="{{i18n 'Search for a City, example \'Paris\' or \'London\''}}">
2424

25-
<button class="btn-search" type="submit">{{i18n 'Search'}}</button>
25+
<button class="btn-search" type="button">{{i18n 'Search'}}</button>
2626
</form>
2727

2828
<json-data

‎examples/image-classification-web.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -100,6 +100,9 @@ function getState() {
100100
if (window.app !== undefined) {
101101
return app.activeModel;
102102
} else {
103+
// This will work when using [polyfill.js] however in that
104+
// usage `state` will be temporary and not a reference to
105+
// the active model so changes would be lost on page changes.
103106
return document.querySelector('json-data').state;
104107
}
105108
}

‎examples/image-gallery-hbs.htm‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -115,10 +115,10 @@ <h2 tabindex="4">Example Usage and Code</h2>
115115
<script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
116116

117117
<!-- DataFormsJS Standard Files -->
118-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/DataFormsJS.min.js"></script>
119-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/imageGallery.min.js"></script>
120-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/controls/json-data.min.js"></script>
121-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/extensions/handlebars-helpers.min.js"></script>
118+
<script src="../js/DataFormsJS.min.js"></script>
119+
<script src="../js/plugins/imageGallery.min.js"></script>
120+
<script src="../js/controls/json-data.min.js"></script>
121+
<script src="../js/extensions/handlebars-helpers.min.js"></script>
122122

123123
<script>
124124
// The default image gallery 'Loading...' text and timeout (2000)

‎examples/image-gallery-vue.htm‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -123,9 +123,9 @@ <h2 tabindex="4">Example Usage and Code</h2>
123123
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script>
124124

125125
<!-- DataFormsJS Standard Files -->
126-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/DataFormsJS.min.js"></script>
127-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/imageGallery.min.js"></script>
128-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/controls/json-data.min.js"></script>
126+
<script src="../js/DataFormsJS.min.js"></script>
127+
<script src="../js/plugins/imageGallery.min.js"></script>
128+
<script src="../js/controls/json-data.min.js"></script>
129129

130130
<script>
131131
// The default image gallery 'Loading...' text and timeout (2000)

‎examples/js-control-demos-hbs.htm‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -68,8 +68,8 @@ <h1>Home Page</h1>
6868
<div style="background-color:green; color:white; padding:1em;">{{time}}</div>
6969
</script>
7070

71-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/DataFormsJS.min.js"></script>
72-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/controls/json-data.js"></script>
71+
<script src="../js/DataFormsJS.min.js"></script>
72+
<script src="../js/controls/json-data.js"></script>
7373
<script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
7474

7575
<script>

‎examples/one-page-site-hbs.htm‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -108,14 +108,14 @@
108108

109109
<!-- Handlebars and Helper -->
110110
<script src="https://cdn.jsdelivr.net/npm/handlebars@4.7.6/dist/handlebars.min.js"></script>
111-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/extensions/handlebars-helpers.min.js"></script>
111+
<script src="../js/extensions/handlebars-helpers.min.js"></script>
112112

113113
<!-- DataFormsJS Standard Files -->
114-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/DataFormsJS.js"></script>
115-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/onePageSite.min.js"></script>
116-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/modalAlert.min.js"></script>
117-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/controls/json-data.min.js"></script>
118-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/filter.min.js"></script>
119-
<script src="https://cdn.jsdelivr.net/npm/dataformsjs@4.8.0/js/plugins/sort.min.js"></script>
114+
<script src="../js/DataFormsJS.js"></script>
115+
<script src="../js/plugins/onePageSite.min.js"></script>
116+
<script src="../js/plugins/modalAlert.min.js"></script>
117+
<script src="../js/controls/json-data.min.js"></script>
118+
<script src="../js/plugins/filter.min.js"></script>
119+
<script src="../js/plugins/sort.min.js"></script>
120120
</body>
121121
</html>

0 commit comments

Comments
 (0)