From cbb38b8edcbdbc12ff5bf292488a11c09bf15d6e Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sun, 3 Apr 2022 10:35:29 +0200
Subject: [PATCH] dataty pe in column manager and in form view

---
 packages/web/src/datagrid/ColumnManagerRow.svelte | 2 +-
 packages/web/src/elements/ColumnLabel.svelte      | 5 +++++
 packages/web/src/formview/FormView.svelte         | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/datagrid/ColumnManagerRow.svelte b/packages/web/src/datagrid/ColumnManagerRow.svelte
index 7e722b2ba..64d72be24 100644
--- a/packages/web/src/datagrid/ColumnManagerRow.svelte
+++ b/packages/web/src/datagrid/ColumnManagerRow.svelte
@@ -52,7 +52,7 @@
       }}
     />
   {/if}
-  <ColumnLabel {...column} />
+  <ColumnLabel {...column} showDataType />
 </div>
 
 <style>
diff --git a/packages/web/src/elements/ColumnLabel.svelte b/packages/web/src/elements/ColumnLabel.svelte
index 931f88cab..e26cd87a3 100644
--- a/packages/web/src/elements/ColumnLabel.svelte
+++ b/packages/web/src/elements/ColumnLabel.svelte
@@ -15,6 +15,8 @@
   export let headerText = '';
   export let columnName = '';
   export let extInfo = null;
+  export let dataType = null;
+  export let showDataType = false;
 
   $: icon = getColumnIcon($$props, forceIcon);
 </script>
@@ -27,6 +29,9 @@
   {#if extInfo}
     <span class="extinfo">{extInfo}</span>
   {/if}
+  {#if showDataType && dataType}
+    <span class="extinfo">{dataType.toLowerCase()}</span>
+  {/if}
 </span>
 
 <style>
diff --git a/packages/web/src/formview/FormView.svelte b/packages/web/src/formview/FormView.svelte
index bca7f5d0a..30d02c1a6 100644
--- a/packages/web/src/formview/FormView.svelte
+++ b/packages/web/src/formview/FormView.svelte
@@ -567,6 +567,7 @@
                   {...col}
                   headerText={col.columnName}
                   extInfo={col.foreignKey ? ` -> ${col.foreignKey.refTableName}` : null}
+                  showDataType={!col.foreignKey}
                 />
               </div>
             </td>