From 3503b7c7218eac56c457edbba6432fa09c0e9794 Mon Sep 17 00:00:00 2001
From: Nicola Krumschmidt <nicola.krumschmidt@freenet.de>
Date: Fri, 18 Dec 2020 14:50:01 +0100
Subject: [PATCH 1/3] Reset value of v-input to NULL if input is empty

---
 app/src/components/v-input/v-input.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/src/components/v-input/v-input.vue b/app/src/components/v-input/v-input.vue
index e01adcd716..681061482a 100644
--- a/app/src/components/v-input/v-input.vue
+++ b/app/src/components/v-input/v-input.vue
@@ -84,6 +84,10 @@ export default defineComponent({
 			type: [String, Number],
 			default: null,
 		},
+		nullable: {
+			type: Boolean,
+			default: true,
+		},
 		slug: {
 			type: Boolean,
 			default: false,
@@ -197,6 +201,11 @@ export default defineComponent({
 		function emitValue(event: InputEvent) {
 			let value = (event.target as HTMLInputElement).value;
 
+			if (props.nullable === true && value === '') {
+				emit('input', null);
+				return;
+			}
+
 			if (props.type === 'number') {
 				emit('input', Number(value));
 			} else {

From d5890df4c2299d996e142cdc54ff0604b4427542 Mon Sep 17 00:00:00 2001
From: Nicola Krumschmidt <nicola.krumschmidt@freenet.de>
Date: Mon, 28 Dec 2020 01:27:02 +0100
Subject: [PATCH 2/3] Add Nullable option to text-input interface

---
 app/src/interfaces/text-input/index.ts       | 15 +++++++++++++++
 app/src/interfaces/text-input/text-input.vue |  5 +++++
 app/src/lang/translations/en-US.yaml         |  2 ++
 3 files changed, 22 insertions(+)

diff --git a/app/src/interfaces/text-input/index.ts b/app/src/interfaces/text-input/index.ts
index 8baee8cbcb..8c42f14269 100644
--- a/app/src/interfaces/text-input/index.ts
+++ b/app/src/interfaces/text-input/index.ts
@@ -87,5 +87,20 @@ export default defineInterface(({ i18n }) => ({
 				default_value: false,
 			},
 		},
+		{
+			field: 'nullable',
+			name: i18n.t('interfaces.text-input.nullable'),
+			type: 'boolean',
+			meta: {
+				width: 'half',
+				interface: 'toggle',
+				options: {
+					label: i18n.t('interfaces.text-input.nullable_label'),
+				},
+			},
+			schema: {
+				default_value: true,
+			},
+		},
 	],
 }));
diff --git a/app/src/interfaces/text-input/text-input.vue b/app/src/interfaces/text-input/text-input.vue
index a966c608e1..2b0342cd24 100644
--- a/app/src/interfaces/text-input/text-input.vue
+++ b/app/src/interfaces/text-input/text-input.vue
@@ -1,6 +1,7 @@
 <template>
 	<v-input
 		:value="value"
+		:nullable="nullable"
 		:placeholder="placeholder"
 		:disabled="disabled"
 		:trim="trim"
@@ -38,6 +39,10 @@ export default defineComponent({
 			type: String,
 			default: null,
 		},
+		nullable: {
+			type: Boolean,
+			default: true,
+		},
 		disabled: {
 			type: Boolean,
 			default: false,
diff --git a/app/src/lang/translations/en-US.yaml b/app/src/lang/translations/en-US.yaml
index 1b878e0c7b..d182877cd3 100644
--- a/app/src/lang/translations/en-US.yaml
+++ b/app/src/lang/translations/en-US.yaml
@@ -917,6 +917,8 @@ interfaces:
     trim_label: Trim the start and end
     mask: Masked
     mask_label: Hide the real value
+    nullable: Nullable
+    nullable_label: Send NULL as empty
   textarea:
     textarea: Textarea
     description: Enter multiline plain-text

From 1d51dcf13d79c80cf7dd575e8293c0e63489f3c8 Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Mon, 28 Dec 2020 10:11:35 -0500
Subject: [PATCH 3/3] Update app/src/lang/translations/en-US.yaml

---
 app/src/lang/translations/en-US.yaml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/lang/translations/en-US.yaml b/app/src/lang/translations/en-US.yaml
index d182877cd3..f0e41d3fdf 100644
--- a/app/src/lang/translations/en-US.yaml
+++ b/app/src/lang/translations/en-US.yaml
@@ -918,7 +918,7 @@ interfaces:
     mask: Masked
     mask_label: Hide the real value
     nullable: Nullable
-    nullable_label: Send NULL as empty
+    nullable_label: Save empty value as NULL
   textarea:
     textarea: Textarea
     description: Enter multiline plain-text