From 9e51768f6995ce2bc78bf25aae10073116c88f81 Mon Sep 17 00:00:00 2001
From: Martin Massenberg <martin.massenberg@schukai.com>
Date: Sat, 22 Jun 2024 19:18:25 +0000
Subject: [PATCH] feat: new options to define the markers that are used for the
label template #203
---
CHANGELOG.md | 3 ++-
source/components/datatable/filter.mjs | 17 ++++++++++++++++-
2 files changed, 18 insertions(+), 2 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index a4e4d2b2b..9045e42b3 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 22c905dc4..efca94992 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)) {
--
GitLab