new: New language option for the joiner between two input elements, i…

….e. the and in between conditions

Jira Issue DD-1719

docs/option/language.searchBuilder.valueJoiner.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<dt-option library="SearchBuilder">
+	<name>language.searchBuilder.valueJoiner</name>
+	<summary>Set the placeholder text for the SearchBuilder value select element</summary>
+	<since>1.0.0</since>
+
+	<type type="string | object">
+		<description>
+			`-init language.searchBuilder.valueJoiner` changes what will be displayed between the two input elements, when a two part condition is selected (like between).
+		</description>
+	</type>
+
+	<default value="and" />
+
+	<description>
+		<![CDATA[
+			This will set the text between the two value input elements, by default this is `'and'`. This language option is available in custom conditions and plugins also.
+		]]>
+	</description>
+
+	<example title="Change text for SearchBuilder Value"><![CDATA[
+$(document).ready(function() {
+	$('#example').DataTable( {
+		language: {
+			searchBuilder: {
+				valueJoiner: 'et'
+			}
+		},
+		dom: 'Qlfrtip',
+	});
+});
+
+]]></example>
+
+<related type="init">searchBuilder.conditions[type]</related>
+
+</dt-option>

examples/customisation/language.xml

@@ -24,6 +24,7 @@ $(document).ready(function() {
                     _: 'Filters (%d)'
                 },
                 value: 'Option',
+                valueJoiner: 'et'
             }
         },
         dom: 'Qlfrtip',

src/criteria.ts

@@ -254,7 +254,7 @@ export default class Criteria {
 				.addClass(Criteria.classes.input)
 				.on('input', function() { fn(that, this); }),
 			$('<span>')
-				.addClass(that.classes.joiner).text('and'),
+				.addClass(that.classes.joiner).text(that.s.dt.i18n('searchBuilder.valueJoiner', that.c.i18n.valueJoiner)),
 			$('<input/>')
 				.addClass(Criteria.classes.value)
 				.addClass(Criteria.classes.input)
@@ -322,7 +322,7 @@ export default class Criteria {
 				.on('input change', function() { fn(that, this); }),
 			$('<span>')
 				.addClass(that.classes.joiner)
-				.text('and'),
+				.text(that.s.dt.i18n('searchBuilder.valueJoiner', that.c.i18n.valueJoiner)),
 			$('<input/>')
 				.addClass(Criteria.classes.value)
 				.addClass(Criteria.classes.input)
@@ -1116,6 +1116,7 @@ export default class Criteria {
 				_: 'Custom Search Builder (%d)',
 			},
 			value: 'Value',
+			valueJoiner: 'and'
 		},
 		logic: 'AND',
 		orthogonal: {

src/group.ts

@@ -119,6 +119,7 @@ export default class Group {
 				_: 'Custom Search Builder (%d)',
 			},
 			value: 'Value',
+			valueJoiner: 'and'
 		},
 		logic: 'AND',
 		orthogonal: {

src/searchBuilder.ts

@@ -71,6 +71,7 @@ export interface II18n {
 		_: string;
 	};
 	value: string;
+	valueJoiner: string;
 }
 
 export interface IS {
@@ -173,6 +174,7 @@ export default class SearchBuilder {
 				_: 'Custom Search Builder (%d)',
 			},
 			value: 'Value',
+			valueJoiner: 'and'
 		},
 		logic: 'AND',
 		orthogonal: {