From 185f48a7580029683d4f59acb0828cd736fe4048 Mon Sep 17 00:00:00 2001
From: David Bomba <turbo124@gmail.com>
Date: Tue, 30 Nov 2021 21:50:50 +1100
Subject: [PATCH] Fixes for designs

---
 resources/views/pdf-designs/bold.html     | 16 +++++----
 resources/views/pdf-designs/business.html |  4 ++-
 resources/views/pdf-designs/clean.html    | 37 ++++++++++---------
 resources/views/pdf-designs/creative.html | 39 +++++++++++---------
 resources/views/pdf-designs/elegant.html  | 40 ++++++++++++---------
 resources/views/pdf-designs/hipster.html  | 43 +++++++++++------------
 resources/views/pdf-designs/modern.html   | 32 +++++++++--------
 resources/views/pdf-designs/plain.html    | 39 ++++++++++----------
 resources/views/pdf-designs/playful.html  | 36 ++++++++++---------
 resources/views/pdf-designs/tech.html     | 41 +++++++++++----------
 10 files changed, 181 insertions(+), 146 deletions(-)

diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html
index a05851f097d5..faf492857824 100644
--- a/resources/views/pdf-designs/bold.html
+++ b/resources/views/pdf-designs/bold.html
@@ -113,7 +113,7 @@
         table-layout: fixed;
         overflow-wrap: break-word;
         margin-top: 3rem;
-        margin-bottom: 200px;
+        margin-bottom: 0px;
     }
 
     [data-ref="table"]:last-child{
@@ -371,20 +371,24 @@
 $entity_images
 
 <div id="footer">
-    <div>
+    <div style="width: 100%;">
         <p data-ref="total_table-footer">$entity_footer</p>
 
         <script>
             // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
             document.addEventListener('DOMContentLoaded', () => {
                 let tables = [
-                    'product-table', 'task-table', 'delivery-note-table',  'statement-invoice-table-totals', 'statement-payment-table-totals','statement-invoice-table-totals',
-                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table', 'statement-aging-table-totals', 'statement-payment-table-totals'
+                    'product-table', 'task-table', 'delivery-note-table',
+                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
+                    'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table'
                 ];
 
                 tables.forEach((tableIdentifier) => {
-                    const el =document.getElementById(tableIdentifier);
-                    if(el && el.childElementCount === 0)el.remove()
+                    console.log(document.getElementById(tableIdentifier));
+
+                    document.getElementById(tableIdentifier)?.childElementCount === 0
+                        ? document.getElementById(tableIdentifier).style.setProperty('display', 'none', 'important')
+                        : '';
                 });
             });
         </script>
diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html
index d213d248b3f2..ff2c2652db18 100644
--- a/resources/views/pdf-designs/business.html
+++ b/resources/views/pdf-designs/business.html
@@ -351,7 +351,7 @@ $entity_images
 
 <div class="repeating-footer" id="footer">
     <p data-ref="total_table-footer">$entity_footer</p>
-</div>
+
 
 <script>
     // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
@@ -368,3 +368,5 @@ $entity_images
         });
     });
 </script>
+
+</div>
diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html
index 782f74bf7ce3..e23a1a111b12 100644
--- a/resources/views/pdf-designs/clean.html
+++ b/resources/views/pdf-designs/clean.html
@@ -313,20 +313,25 @@ $entity_images
 
 <div class="repeating-footer" id="footer">
    <p data-ref="total_table-footer">$entity_footer</p>
+
+
+        <script>
+            // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+            document.addEventListener('DOMContentLoaded', () => {
+                let tables = [
+                    'product-table', 'task-table', 'delivery-note-table',
+                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
+                    'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table'
+                ];
+
+                tables.forEach((tableIdentifier) => {
+                    console.log(document.getElementById(tableIdentifier));
+
+                    document.getElementById(tableIdentifier)?.childElementCount === 0
+                        ? document.getElementById(tableIdentifier).style.setProperty('display', 'none', 'important')
+                        : '';
+                });
+            });
+        </script>
+
 </div>
-
-<script>
-    // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
-    document.addEventListener('DOMContentLoaded', () => {
-        let tables = [
-            'product-table', 'task-table', 'delivery-note-table',
-            'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
-        ];
-
-        tables.forEach((tableIdentifier) => {
-            document.getElementById(tableIdentifier).childElementCount === 0
-                ? document.getElementById(tableIdentifier).style.display = 'none'
-                : '';
-        });
-    });
-</script>
diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html
index a20e43642ff5..c8ed0c19e492 100644
--- a/resources/views/pdf-designs/creative.html
+++ b/resources/views/pdf-designs/creative.html
@@ -303,24 +303,29 @@
 
 <div class="repeating-header" id="header"></div>
 
-<div class="repeating-footer" id="footer">
-   <p data-ref="total_table-footer">$entity_footer</p>
-</div>
 
 $entity_images
 
-<script>
-    // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
-    document.addEventListener('DOMContentLoaded', () => {
-        let tables = [
-            'product-table', 'task-table', 'delivery-note-table',
-            'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
-        ];
+<div class="repeating-footer" id="footer">
+   <p data-ref="total_table-footer">$entity_footer</p>
 
-        tables.forEach((tableIdentifier) => {
-            document.getElementById(tableIdentifier).childElementCount === 0
-                ? document.getElementById(tableIdentifier).style.display = 'none'
-                : '';
-        });
-    });
-</script>
\ No newline at end of file
+
+        <script>
+            // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+            document.addEventListener('DOMContentLoaded', () => {
+                let tables = [
+                    'product-table', 'task-table', 'delivery-note-table',
+                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
+                    'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table'
+                ];
+
+                tables.forEach((tableIdentifier) => {
+                    console.log(document.getElementById(tableIdentifier));
+
+                    document.getElementById(tableIdentifier)?.childElementCount === 0
+                        ? document.getElementById(tableIdentifier).style.setProperty('display', 'none', 'important')
+                        : '';
+                });
+            });
+        </script>
+</div>
diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html
index e140bc23c2f2..fe21484ca208 100644
--- a/resources/views/pdf-designs/elegant.html
+++ b/resources/views/pdf-designs/elegant.html
@@ -313,24 +313,30 @@
 
 <div class="repeating-header" id="header"></div>
 
-<div class="repeating-footer" id="footer">
-   <p data-ref="total_table-footer">$entity_footer</p>
-</div>
 
 $entity_images
 
-<script>
-    // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
-    document.addEventListener('DOMContentLoaded', () => {
-        let tables = [
-            'product-table', 'task-table', 'delivery-note-table',
-            'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
-        ];
+<div class="repeating-footer" id="footer">
+   <p data-ref="total_table-footer">$entity_footer</p>
+
+        <script>
+            // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+            document.addEventListener('DOMContentLoaded', () => {
+                let tables = [
+                    'product-table', 'task-table', 'delivery-note-table',
+                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
+                    'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table'
+                ];
+
+                tables.forEach((tableIdentifier) => {
+                    console.log(document.getElementById(tableIdentifier));
+
+                    document.getElementById(tableIdentifier)?.childElementCount === 0
+                        ? document.getElementById(tableIdentifier).style.setProperty('display', 'none', 'important')
+                        : '';
+                });
+            });
+        </script>
+</div>
+
 
-        tables.forEach((tableIdentifier) => {
-            document.getElementById(tableIdentifier).childElementCount === 0
-                ? document.getElementById(tableIdentifier).style.display = 'none'
-                : '';
-        });
-    });
-</script>
diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html
index f8b91e7d9108..a8b64113a343 100644
--- a/resources/views/pdf-designs/hipster.html
+++ b/resources/views/pdf-designs/hipster.html
@@ -354,30 +354,29 @@
 
 <div class="repeating-header" id="header"></div>
 
-<div class="repeating-footer" id="footer">
-   <p data-ref="total_table-footer">$entity_footer</p>
-</div>
 
 $entity_images
 
-<script>
-    // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
-    document.addEventListener('DOMContentLoaded', () => {
-        let tables = [
-            'product-table', 'task-table', 'delivery-note-table',
-            'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
-        ];
+<div class="repeating-footer" id="footer">
+   <p data-ref="total_table-footer">$entity_footer</p>
 
-        tables.forEach((tableIdentifier) => {
-            document.getElementById(tableIdentifier).childElementCount === 0
-                ? document.getElementById(tableIdentifier).style.display = 'none'
-                : '';
-        });
+        <script>
+            // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+            document.addEventListener('DOMContentLoaded', () => {
+                let tables = [
+                    'product-table', 'task-table', 'delivery-note-table',
+                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
+                    'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table'
+                ];
+
+                tables.forEach((tableIdentifier) => {
+                    console.log(document.getElementById(tableIdentifier));
+
+                    document.getElementById(tableIdentifier)?.childElementCount === 0
+                        ? document.getElementById(tableIdentifier).style.setProperty('display', 'none', 'important')
+                        : '';
+                });
+            });
+        </script>
+</div>
 
-        // If we have elements in these tables, we can change label to "Statement" & hide entity details.
-        if (document.querySelectorAll('#statement-payment-table > tbody, #statement-payment-table > tbody, #statement-aging-table-totals > tbody').length > 0) {
-            document.querySelector('.entity-label').innerText = '$statement_label';
-            document.querySelector('.entity-details-wrapper').style.display = 'none';
-        }        
-    });
-</script>
diff --git a/resources/views/pdf-designs/modern.html b/resources/views/pdf-designs/modern.html
index 906237dfe47b..84dcbf1280c9 100644
--- a/resources/views/pdf-designs/modern.html
+++ b/resources/views/pdf-designs/modern.html
@@ -348,24 +348,28 @@ $entity_images
 
 <div id="footer">
     <div class="footer-content">
-        <div style="width: 70%;">
+        <div style="width: 90%">
             <p data-ref="total_table-footer">$entity_footer</p>
 
-            <script>
-                // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
-                document.addEventListener('DOMContentLoaded', () => {
-                    let tables = [
-                        'product-table', 'task-table', 'delivery-note-table',  'statement-invoice-table-totals', 'statement-payment-table-totals','statement-invoice-table-totals',
-                        'statement-invoice-table', 'statement-payment-table', 'statement-aging-table', 'statement-aging-table-totals', 'statement-payment-table-totals'
-                    ];
+        <script>
+            // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+            document.addEventListener('DOMContentLoaded', () => {
+                let tables = [
+                    'product-table', 'task-table', 'delivery-note-table',
+                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
+                    'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table'
+                ];
 
-                    tables.forEach((tableIdentifier) => {
-                        document.getElementById(tableIdentifier).childElementCount === 0
-                                ? document.getElementById(tableIdentifier).remove()
-                                : '';
-                    });
+                tables.forEach((tableIdentifier) => {
+                    console.log(document.getElementById(tableIdentifier));
+
+                    document.getElementById(tableIdentifier)?.childElementCount === 0
+                        ? document.getElementById(tableIdentifier).style.setProperty('display', 'none', 'important')
+                        : '';
                 });
-            </script>
+            });
+        </script>
+            
         </div>
         <div class="footer-company-details-address-wrapper">
             <div id="company-details"></div>
diff --git a/resources/views/pdf-designs/plain.html b/resources/views/pdf-designs/plain.html
index cf7924901a46..205f40158316 100644
--- a/resources/views/pdf-designs/plain.html
+++ b/resources/views/pdf-designs/plain.html
@@ -288,24 +288,27 @@
 
 <div class="repeating-header" id="header"></div>
 
-<div class="repeating-footer" id="footer">
-   <p data-ref="total_table-footer">$entity_footer</p>
-</div>
-
 $entity_images
 
-<script>
-    // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
-    document.addEventListener('DOMContentLoaded', () => {
-        let tables = [
-            'product-table', 'task-table', 'delivery-note-table',
-            'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
-        ];
+<div class="repeating-footer" id="footer">
+   <p data-ref="total_table-footer">$entity_footer</p>
 
-        tables.forEach((tableIdentifier) => {
-            document.getElementById(tableIdentifier).childElementCount === 0
-                ? document.getElementById(tableIdentifier).style.display = 'none'
-                : '';
-        });
-    });
-</script>
+        <script>
+            // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+            document.addEventListener('DOMContentLoaded', () => {
+                let tables = [
+                    'product-table', 'task-table', 'delivery-note-table',
+                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
+                    'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table'
+                ];
+
+                tables.forEach((tableIdentifier) => {
+                    console.log(document.getElementById(tableIdentifier));
+
+                    document.getElementById(tableIdentifier)?.childElementCount === 0
+                        ? document.getElementById(tableIdentifier).style.setProperty('display', 'none', 'important')
+                        : '';
+                });
+            });
+        </script>
+</div>
\ No newline at end of file
diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html
index 1a015e9aae7c..550b202b2fef 100644
--- a/resources/views/pdf-designs/playful.html
+++ b/resources/views/pdf-designs/playful.html
@@ -390,21 +390,23 @@ $entity_images
         <div style="background-color: #F8B300"><!-- 7 --></div>
         <div style="background-color: #009B8F"><!-- 8 --></div>
     </div>
+
+        <script>
+            // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+            document.addEventListener('DOMContentLoaded', () => {
+                let tables = [
+                    'product-table', 'task-table', 'delivery-note-table',
+                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
+                    'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table'
+                ];
+
+                tables.forEach((tableIdentifier) => {
+                    console.log(document.getElementById(tableIdentifier));
+
+                    document.getElementById(tableIdentifier)?.childElementCount === 0
+                        ? document.getElementById(tableIdentifier).style.setProperty('display', 'none', 'important')
+                        : '';
+                });
+            });
+        </script>
 </div>
-
-<script>
-    // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
-    document.addEventListener('DOMContentLoaded', () => {
-        let tables = [
-            'product-table', 'task-table', 'delivery-note-table',
-            'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
-        ];
-
-        tables.forEach((tableIdentifier) => {
-            document.getElementById(tableIdentifier).childElementCount === 0
-                ? document.getElementById(tableIdentifier).style.display = 'none'
-                : '';
-        });
-    });
-</script>
-
diff --git a/resources/views/pdf-designs/tech.html b/resources/views/pdf-designs/tech.html
index 7aa939b9b2d8..5c2ac1e61873 100644
--- a/resources/views/pdf-designs/tech.html
+++ b/resources/views/pdf-designs/tech.html
@@ -353,24 +353,29 @@
 
 <div class="repeating-header" id="header"></div>
 
-<div class="repeating-footer" id="footer">
-   <p data-ref="total_table-footer">$entity_footer</p>
-</div>
-
 $entity_images
 
-<script>
-    // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
-    document.addEventListener('DOMContentLoaded', () => {
-        let tables = [
-            'product-table', 'task-table', 'delivery-note-table',
-            'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
-        ];
+<div class="repeating-footer" id="footer">
+   <p data-ref="total_table-footer">$entity_footer</p>
+
+        <script>
+            // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+            document.addEventListener('DOMContentLoaded', () => {
+                let tables = [
+                    'product-table', 'task-table', 'delivery-note-table',
+                    'statement-invoice-table', 'statement-payment-table', 'statement-aging-table-totals',
+                    'statement-invoice-table-totals', 'statement-payment-table-totals', 'statement-aging-table'
+                ];
+
+                tables.forEach((tableIdentifier) => {
+                    console.log(document.getElementById(tableIdentifier));
+
+                    document.getElementById(tableIdentifier)?.childElementCount === 0
+                        ? document.getElementById(tableIdentifier).style.setProperty('display', 'none', 'important')
+                        : '';
+                });
+            });
+        </script>
+</div>
+
 
-        tables.forEach((tableIdentifier) => {
-            document.getElementById(tableIdentifier).childElementCount === 0
-                ? document.getElementById(tableIdentifier).style.display = 'none'
-                : '';
-        });
-    });
-</script>