diff --git a/CHANGELOG.md b/CHANGELOG.md index a4e4d2b2bf275c2f35909102d26c6dbc0583d6f3..9045e42b3c6b50b737d55180f3f6ec34bc32e4fb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,7 @@ # Changelog - +## 2024-06-22 +- new options to define the markers that are used for the label template [#203](https://gitlab.schukai.com/oss/libraries/javascript/monster/issues/203) ## [3.66.0] - 2024-06-21 diff --git a/source/components/datatable/filter.mjs b/source/components/datatable/filter.mjs index 22c905dc4f181aa1229f75290412286d26a80370..efca949929effae03c6dcd33c68926bf803800f9 100644 --- a/source/components/datatable/filter.mjs +++ b/source/components/datatable/filter.mjs @@ -215,6 +215,10 @@ class Filter extends CustomElement { * @property {Object} templates Template definitions * @property {string} templates.main Main template * @property {Object} labels Label definitions + * @property {Object} formatter label Template Formatter definitions + * @property {Object} formatter.marker + * @property {Object} formatter.marker.open + * @property {Object} formatter.marker.close * @property {string} labels.search Search button label * @property {string} labels.reset Reset button label * @property {Object} queries Query definitions @@ -227,8 +231,14 @@ class Filter extends CustomElement { templates: { main: getTemplate(), }, - + formatter: { + marker: { + open: null, + close: null + } + }, labels: { + search: "Search", reset: "Reset", save: "Save", @@ -925,6 +935,7 @@ function buildSearchQuery(queries) { */ function collectSearchQueries() { const currentHash = parseBracketedKeyValueHash(getGlobal().location.hash); + const self = this; return new Promise((resolve, reject) => { const query = []; @@ -1001,6 +1012,10 @@ function collectSearchQueries() { }, }); + if (self.getOption("formatter.marker.open")) { + formatter.setMarker(self.getOption("formatter.marker.open"),self.getOption("formatter.marker.close")); + } + let queryPart = formatter.format(template); if (queryPart) { if (isFunction(wrapCallback)) {