templates: update BOM height responsiveness

src/wireviz/templates/bom.html

@@ -1,7 +1,7 @@
 <style>
   .A4 #bom { /* BOM on top of title block */
     position: absolute;
-    bottom: 38.25mm;
+    bottom: calc({{ titleblock_rows + 1 }} * 4.25mm);
     right: 0;
   }
 
@@ -52,7 +52,7 @@
 
 <!-- BOM TEMPLATE --!>
 <div id="bom">
-  <table id="bom">
+  <table>
   {% if not bom_reversed %}
     {{ bom_header_gen() }}
   {% endif %}

src/wireviz/templates/din-6771.html

@@ -58,7 +58,11 @@
       top: 0;
       left: 0;
       max-width: 100%;
-      height: calc(100% - 13 * 4.25mm);
+      {% if sheetsize == 'A4' %}
+        height: calc(100% - {{ [bom_length, 13]|sum }}  * 4.25mm);
+      {% else %}
+        height: calc(100% - {{ [bom_length, 13]|max }}  * 4.25mm);
+      {% endif %}
       /* TODO: auto-adapt to height of title block + BOM table;
                BOM table might be above (A4) or to the left (A3 and larger) of the title block */
       text-align: center;

src/wireviz/templates/titleblock.html

@@ -7,7 +7,7 @@
 
   #titleblock {
     width: 180mm;
-    height: 38.25mm;
+    height: calc({{ titleblock_rows }} * 4.25mm));
   }
 
   #titleblock table, th, td {

src/wireviz/wv_output.py

@@ -95,6 +95,7 @@ def generate_html_output(
     if bom_reversed:
         bom_content.reverse()
 
+
     if metadata:
         sheet_current = metadata["sheet_current"]
         sheet_total = metadata["sheet_total"]
@@ -113,6 +114,8 @@ def generate_html_output(
         "bom_header": bom_header,
         "bom_content": bom_content,
         "bom_columns": bom_columns,
+        "bom_length": len(bom_content),
+        "titleblock_rows": 9,
     }
 
     # prepare metadata replacements