From 5228755f7f9fe7477d21a8860d89f28c2b302088 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 28 Apr 2025 16:47:52 +0530
Subject: [PATCH] fix: show formatted percent, currency & float in grid

---
 frontend/src/components/Controls/Grid.vue     | 30 +++++++++++++++++++
 frontend/src/components/FieldLayout/Field.vue |  1 +
 frontend/src/stores/meta.js                   |  5 +++-
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Controls/Grid.vue b/frontend/src/components/Controls/Grid.vue
index 16da5ee5..73094c82 100644
--- a/frontend/src/components/Controls/Grid.vue
+++ b/frontend/src/components/Controls/Grid.vue
@@ -185,6 +185,35 @@
                     :value="row[field.fieldname]"
                     @change="fieldChange($event.target.value, field, row)"
                   />
+                  <FormControl
+                    v-else-if="field.fieldtype === 'Float'"
+                    class="[&_input]:text-right"
+                    type="text"
+                    variant="outline"
+                    :value="getFormattedFloat(field.fieldname, row)"
+                    :disabled="Boolean(field.read_only)"
+                    @change="row[field.fieldname] = flt($event.target.value)"
+                  />
+                  <FormControl
+                    v-else-if="field.fieldtype === 'Percent'"
+                    class="[&_input]:text-right"
+                    type="text"
+                    variant="outline"
+                    :value="getFormattedPercent(field.fieldname, row)"
+                    :disabled="Boolean(field.read_only)"
+                    @change="row[field.fieldname] = flt($event.target.value)"
+                  />
+                  <FormControl
+                    v-else-if="field.fieldtype === 'Currency'"
+                    class="[&_input]:text-right"
+                    type="text"
+                    variant="outline"
+                    :value="
+                      getFormattedCurrency(field.fieldname, row, parentDoc)
+                    "
+                    :disabled="Boolean(field.read_only)"
+                    @change="row[field.fieldname] = flt($event.target.value)"
+                  />
                   <FormControl
                     v-else-if="field.fieldtype === 'Select'"
                     class="text-sm text-ink-gray-8"
@@ -350,6 +379,7 @@ getMeta(props.parentDoctype)
 const { getUser } = usersStore()
 
 const rows = defineModel()
+const parentDoc = defineModel('parent')
 const showRowList = ref(new Array(rows.value?.length || []).fill(false))
 const selectedRows = reactive(new Set())
 
diff --git a/frontend/src/components/FieldLayout/Field.vue b/frontend/src/components/FieldLayout/Field.vue
index e87da020..d1ac5688 100644
--- a/frontend/src/components/FieldLayout/Field.vue
+++ b/frontend/src/components/FieldLayout/Field.vue
@@ -25,6 +25,7 @@
     <Grid
       v-else-if="field.fieldtype === 'Table'"
       v-model="data[field.fieldname]"
+      v-model:parent="data"
       :doctype="field.options"
       :parentDoctype="doctype"
       :parentFieldname="field.fieldname"
diff --git a/frontend/src/stores/meta.js b/frontend/src/stores/meta.js
index f43daab1..adc1a2d4 100644
--- a/frontend/src/stores/meta.js
+++ b/frontend/src/stores/meta.js
@@ -39,7 +39,7 @@ export function getMeta(doctype) {
     return formatNumber(doc[fieldname], '', precision)
   }
 
-  function getFormattedCurrency(fieldname, doc) {
+  function getFormattedCurrency(fieldname, doc, parentDoc = null) {
     let currency = window.sysdefaults.currency || 'USD'
     let df = doctypeMeta[doctype]?.fields.find((f) => f.fieldname == fieldname)
     let precision = df?.precision || null
@@ -47,8 +47,11 @@ export function getMeta(doctype) {
     if (df && df.options) {
       if (df.options.indexOf(':') != -1) {
         currency = currency
+        // TODO: Handle this case
       } else if (doc && doc[df.options]) {
         currency = doc[df.options]
+      } else if (parentDoc && parentDoc[df.options]) {
+        currency = parentDoc[df.options]
       }
     }