From 79f3d11f12c0d9b4bc75c902697a070fa3bef251 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Tue, 9 Jul 2024 07:58:59 +0530
Subject: added custom fields in PrintPreviewFooter

---
 src/components/PrintPreviewFooter.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

(limited to 'src/components/PrintPreviewFooter.vue')

diff --git a/src/components/PrintPreviewFooter.vue b/src/components/PrintPreviewFooter.vue
index 61837ed..c6c7093 100644
--- a/src/components/PrintPreviewFooter.vue
+++ b/src/components/PrintPreviewFooter.vue
@@ -15,6 +15,14 @@
       </div>
 
       <div class="footer--col1--row2">
+        <div v-for="cf in props.invoice.CustomFields" :key="cf.ID" class="cf-wrapper">
+          <div class="cf-key">
+            <strong>{{ cf.Key }}:</strong>
+          </div>
+          <div class="cf-value">
+            {{ cf.Value }}
+          </div>
+        </div>
       </div>
 
       <div class="footer--col1--row3">
@@ -88,6 +96,17 @@
   display: grid;
   grid-template-columns: 1fr 1fr;
 }
+.footer--col1--row2 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-auto-rows: 1.1rem;
+  white-space: pre-wrap;
+  padding: 0.1em 0.3em;
+}
+.footer--col1--row2 .cf-wrapper {
+  display: flex;
+  gap: 0.4em;
+}
 .footer--col1--row3 {
   display: grid;
   grid-template-rows: 1.3em 1fr;
-- 
cgit v1.2.3

