From dafa8c56c63f16d8f92255f02e3ba8dbbb461c62 Mon Sep 17 00:00:00 2001
From: EdwinBetanc0urt <EdwinBetanc0urt@hotmail.com>
Date: Wed, 20 Nov 2019 17:49:37 -0400
Subject: [PATCH] #141 Add text long editor to Markdown. (#160)

---
 src/components/ADempiere/Field/FieldNumber.vue   |  7 -------
 src/components/ADempiere/Field/FieldText.vue     |  2 +-
 src/components/ADempiere/Field/FieldTextLong.vue |  0
 src/components/ADempiere/Field/fieldSize.js      | 10 +++++-----
 src/components/ADempiere/Field/index.vue         |  3 +++
 src/components/ADempiere/Field/references.js     |  2 +-
 6 files changed, 10 insertions(+), 14 deletions(-)
 create mode 100644 src/components/ADempiere/Field/FieldTextLong.vue

diff --git a/src/components/ADempiere/Field/FieldNumber.vue b/src/components/ADempiere/Field/FieldNumber.vue
index ed02b62f..f77a27e9 100644
--- a/src/components/ADempiere/Field/FieldNumber.vue
+++ b/src/components/ADempiere/Field/FieldNumber.vue
@@ -11,7 +11,6 @@
     :precision="precision"
     controls-position="right"
     :class="'display-type-' + cssClass"
-    @blur="validateInput"
     @change="preHandleChange"
   />
 </template>
@@ -22,12 +21,6 @@ import { fieldMixin } from '@/components/ADempiere/Field/FieldMixin'
 export default {
   name: 'FieldNumber',
   mixins: [fieldMixin],
-  props: {
-    validateInput: {
-      type: Function,
-      default: () => undefined
-    }
-  },
   data() {
     return {
       pattern: undefined,
diff --git a/src/components/ADempiere/Field/FieldText.vue b/src/components/ADempiere/Field/FieldText.vue
index 3b2a7878..237ad4f2 100644
--- a/src/components/ADempiere/Field/FieldText.vue
+++ b/src/components/ADempiere/Field/FieldText.vue
@@ -43,7 +43,7 @@ export default {
     typeTextBox() {
       // String, Url, FileName...
       var typeInput = 'text'
-      if (['Memo', 'Text', 'TextLong'].includes(this.metadata.referenceType)) {
+      if (['Memo', 'Text'].includes(this.metadata.referenceType)) {
         typeInput = 'textarea'
       }
       if (this.metadata.isEncrypted) {
diff --git a/src/components/ADempiere/Field/FieldTextLong.vue b/src/components/ADempiere/Field/FieldTextLong.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/src/components/ADempiere/Field/fieldSize.js b/src/components/ADempiere/Field/fieldSize.js
index 291e1a12..78c613ca 100644
--- a/src/components/ADempiere/Field/fieldSize.js
+++ b/src/components/ADempiere/Field/fieldSize.js
@@ -81,13 +81,13 @@ export const FIELD_DISPLAY_SIZES = [
     }
   },
   {
-    type: 'FieldTextArea',
+    type: 'FieldTextLong',
     size: {
       xs: 24,
-      sm: 12,
-      md: 8,
-      lg: 6,
-      xl: 6
+      sm: 24,
+      md: 24,
+      lg: 24,
+      xl: 24
     }
   },
   {
diff --git a/src/components/ADempiere/Field/index.vue b/src/components/ADempiere/Field/index.vue
index 5ba501c2..2aad9e90 100644
--- a/src/components/ADempiere/Field/index.vue
+++ b/src/components/ADempiere/Field/index.vue
@@ -162,6 +162,9 @@ export default {
       }
 
       if (this.panelType === 'window') {
+        if (this.field.componentPath === 'FieldTextLong') {
+          return sizeField
+        }
         // two columns if is mobile or desktop and show record navigation
         if (this.getWidth <= 768 || (this.getWidth >= 768 && this.getterIsShowedRecordNavigation)) {
           newSizes.xs = 12
diff --git a/src/components/ADempiere/Field/references.js b/src/components/ADempiere/Field/references.js
index 57d319a1..8633d088 100644
--- a/src/components/ADempiere/Field/references.js
+++ b/src/components/ADempiere/Field/references.js
@@ -206,7 +206,7 @@ const REFERENCES = [
   },
   {
     id: 36,
-    type: 'FieldText',
+    type: 'FieldTextLong',
     support: true,
     description: 'Text (Long) - Text > 2000 characters',
     alias: ['TextLong', 'Text Long']