feat: localization invoice, estimate and receipt pdf templates.

server/resources/scss/base.scss

@@ -21,3 +21,15 @@ th {
     border-style: solid;
     border-width: 0;
 }
+
+body{
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  background-color: #fff;
+  direction: ltr;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: transparent;
+}

server/resources/scss/layouts/paper-layout.scss

@@ -1,57 +1,18 @@
 @import "../base.scss";
+@import "../fonts.scss";
 
 body {
   background: #f8f9fa;
-  font-family: 'Noto Sans', sans-serif;
   text-align: left;
 
+  html[lang^='ar'] & {
+    font-family: "Segoe UI";
+  }
+  html[lang^='en'] & {
+    font-family: "Noto Sans";
+  }
+
   @media print {
     background: #fff;
   }
 }
-
-.page {
-  background: white;
-  display: block;
-  margin: 0.5cm auto;
-  box-shadow: rgba(122, 136, 146, 0.15) 0px 1px 3px 1px;
-  width: 21cm;
-  height: 29.7cm;
-
-  @media print {
-    margin: 0;
-    box-shadow: 0 0 0;
-    width: 100%;
-    height: auto;
-  }
-
-  &[size="A4"] {
-    width: 21cm;
-    height: 29.7cm;
-  }
-
-  &[size="A4"][layout="landscape"] {
-    width: 29.7cm;
-    height: 21cm;
-  }
-
-  &[size="A3"] {
-    width: 29.7cm;
-    height: 42cm;
-  }
-
-  &[size="A3"][layout="landscape"] {
-    width: 42cm;
-    height: 29.7cm;
-  }
-
-  &[size="A5"] {
-    width: 14.8cm;
-    height: 21cm;
-  }
-
-  &[size="A5"][layout="landscape"] {
-    width: 21cm;
-    height: 14.8cm;
-  }
-}

server/resources/scss/modules/invoice.scss

@@ -2,7 +2,7 @@
 
 .invoice{
   text-align: left;
-  padding: 45px;
+  padding: 45px 40px;
 
   &__header{
     display: flex;

server/resources/views/PaperTemplateLayout.pug

@@ -1,4 +1,4 @@
-html
+html(lang=locale)
   head
     title My Site - #{title}
     block head

server/resources/views/modules/estimate-regular.pug

@@ -2,7 +2,10 @@ extends ../PaperTemplateLayout.pug
 
 block head 
   style
-    include ../../css/modules/estimate.css
+    if (isRtl)
+      include ../../css/modules/estimate-rtl.css
+    else
+      include ../../css/modules/estimate.css
 
 block content 
  div.estimate
@@ -18,7 +21,7 @@ block content
 
   div.estimate__meta
    div.estimate__meta-item.estimate__meta-item--amount
-     span.label #{__('estimate.paper.due_amount')}
+     span.label #{__('estimate.paper.amount')}
      span.value #{saleEstimate.formattedAmount}
 
    div.estimate__meta-item.estimate__meta-item--billed-to

server/resources/views/modules/invoice-regular.pug

@@ -1,8 +1,11 @@
 extends ../PaperTemplateLayout.pug
 
-block head 
+block head
   style
-    include ../../css/modules/invoice.css
+    if (isRtl)
+      include ../../css/modules/invoice-rtl.css
+    else
+      include ../../css/modules/invoice.css
 
 block content 
  div.invoice
@@ -19,7 +22,7 @@ block content
 
   div.invoice__meta
    div.invoice__meta-item.invoice__meta-item--amount
-    span.label #{__('estimate.paper.due_amount')}
+    span.label #{__('invoice.paper.due_amount')}
     span.value #{saleInvoice.formattedAmount}
 
    div.invoice__meta-item.invoice__meta-item--billed-to

server/resources/views/modules/receipt-regular.pug

@@ -2,7 +2,10 @@ extends ../PaperTemplateLayout.pug
 
 block head 
   style
-    include ../../css/modules/receipt.css
+    if (isRtl)
+      include ../../css/modules/receipt-rtl.css
+    else
+      include ../../css/modules/receipt.css
 
 block content 
  div.receipt