feat(cb2-10900): Add Front Page to IVA30 (#104)

* feat(cb2-9866): rebased and added logger * feat(cb2-10900): IVA30 front page html/css feat(cb2-10900): Removing TODOs, code formatting, replace link with hyperlink feat(cb2-10900): remove loggers * feat(cb2-9866): rebased and added logger * feat(cb2-10900): remove loggers * feat(cb2-10900): Correcting formatting and dynamic footer * feat(cb2-10900): correct stylesheet * feat(cb2-10900): back page text matches new format * feat(cb2-10900): Fix dvsa logo * feat(cb2-10900): Fix dvsa logo * feat(cb2-10900): correct document margins * feat(cb2-10900): correcting margin correction * feat(cb2-10900): css error * feat(cb2-10900): css error fix again * feat(cb2-10900): Removing excess blank page * feat(cb2-10900): test if blank page still created * feat(cb2-10900): fix the test if blank page still created * feat(cb2-10900): Remove back-page page break * feat(cb2-10900): Remove back-page page break * feat(cb2-10900): Test dynamic paging * feat(cb2-10900): Remove test data * feat(cb2-10900): hard text corrections * feat(cb2-10900): hard text corrections * feat(cb2-10900): table formatting and test data * feat(cb2-10900): table formatting and test data * feat(cb2-10900): test data * feat(cb2-10900): remove test data * feat(cb2-10900): dynamic header pagination * feat(cb2-10900): dynamic header pagination * feat(cb2-10900): dynamic header pagination * feat(cb2-10900): dynamic header pagination * feat(cb2-10900): dynamic header pagination * feat(cb2-10900): dynamic header pagination * feat(cb2-10900): dynamic header formatting * feat(cb2-10900): dynamic header formatting * feat(cb2-10900): dynamic header formatting image * feat(cb2-10900): dynamic header margin size * feat(cb2-10900): dynamic header margin size * feat(cb2-10900): Dynamic header implemented --------- Co-authored-by: Craig Broady <[email protected]>
dvsa · Feb 21, 2024 · 1dc4d25 · 1dc4d25
1 parent 5047b9d
commit 1dc4d25
Show file tree

Hide file tree

Showing 2 changed files with 356 additions and 137 deletions.
diff --git a/src/main/resources/assets/stylesheets/iva-30.hbs b/src/main/resources/assets/stylesheets/iva-30.hbs
@@ -1,8 +1,26 @@
 
-@page {
+@page{
 size: A4 portrait;
-margin: 20px 24px 0 24px;
-padding: 0;
+margin: 1cm 1cm 1cm 1cm;
+@bottom-left {
+content: element(footer-left);
+}
+@bottom-center {
+content: element(footer-mid);
+}
+@bottom-right {
+content: element(footer-right);
+}
+}
+
+@page :first{
+margin-top: 35mm;
+@top-left{
+content: element(first-page-header-left);
+}
+@top-right{
+content: element(first-page-header-right);
+}
 }
 
 p { margin:5px; }
@@ -26,31 +44,46 @@ page-break-inside: avoid;
 font-size: 90%;
 }
 
+#cert-subtitle{
+margin-top: 0;
+font-size: 85%;
+}
+
+.separate-page{
+page-break-after: always;
+}
+
+#back-page{
+page-break-after: avoid;
+}
+
 *,
 :after,
 :before {
 box-sizing: border-box;
 line-height: 1;
 }
 
-.separate-page {
-page-break-after: always;
-}
 .section-border {
 border-style: solid;
-border-color: black grey grey grey;
+border-color: black;
 margin-bottom: 5px;
 }
 
 .section-title-border {
 border-style: solid;
+border-width: 1px;
 border-color: black;
-background-color: grey;
+background-color: #d0d0d0;
 font-weight:bold;
 text-align: center;
-margin-left: -3px;
-margin-top: -2px;
-width: 100.7%;
+margin-top: -1px;
+margin-left: -1px;
+width: 100.3%;
+}
+
+#cert-title-border{
+margin-top: 0px;
 }
 
 .section-title-border h1 {
@@ -76,28 +109,37 @@ float: right;
 width: 50%;
 }
 
-.footer {
-width: 100%;
+
+.footer-left {
+position: running(footer-left);
 }
 
-#footer-left {
-float: left;
-text-align: left;
-width: 50%;
+.footer-mid {
+position: running(footer-mid);
+text-align: center;
 }
 
-#footer-right {
-float: right;
+.footer-current-page-number:before{
+content: counter(page);
+font-weight: bold;
+}
+
+.footer-total-page-count:before{
+content: counter(pages);
+font-weight: bold;
+}
+
+.footer-right {
 text-align: right;
-width: 40%;
+position: running(footer-right);
 }
 
 #no-margin-p {
 margin: 0px;
 }
 
 .bold-title {
-font-size: 1.5em;
+font-size: 1.25em;
 }
 
 .vehicle-section-list {
@@ -121,4 +163,73 @@ clear: both;
 .refusal-list p {
 margin: 0px;
 clear: both;
+}
+
+.first-page-header-left {
+margin-top: 50px;
+position: running(first-page-header-left);
+padding-bottom: 0px;
+margin-bottom: 5px;
+}
+.first-page-header-right{
+margin-top: 50px;
+position: running(first-page-header-right);
+padding-left: 350px;
+padding-bottom: 0px;
+margin-bottom: 5px;
+}
+
+#defect-details-subtitle-border {
+background-color: white;
+}
+
+.header-serial-no {
+width: 250px;
+border-style: solid;
+border-width: 1px;
+}
+
+.header-serial-no-title {
+padding: 2px;
+margin-bottom: 0px;
+}
+
+.header-pagination {
+width: 109px;
+border-style: solid;
+border-width: 1px;
+padding-left: 1em;
+padding-right: 1em;
+padding-top: 2em;
+padding-bottom: 2em;
+margin-top: -1px;
+}
+
+#header-pagination-num:before{
+content: counter(pages);
+}
+
+.table {
+width: 100%;
+border-collapse: collapse;
+margin-bottom: 1em;
+table-layout: auto;
+}
+
+.table-row-cell {
+border-style: solid;
+border-width: 1px;
+padding-bottom: 0.25em;
+width: 50%;
+vertical-align: middle;
+font-size: 92%;
+}
+
+.no-border-cell{
+border: none;
+}
+
+#appointment-text{
+text-align: center;
+font-size: 85%;
 }