@design.estate/dees-document 5.1.0 → 5.2.0

package/ts_web/elements/contentinvoice.ts

@@ -143,6 +143,9 @@ const positionColumns: IColumnLayout = {
   flexibleMinWidth: 120,
 };
 
+/** The positions of a document without VAT (`withoutVat`): the same, without the VAT rate's 50 px. */
+const positionColumnsWithoutVat: IColumnLayout = { ...positionColumns, fixedWidth: 40 };
+
 /**
  * A reminder's claims, and its charges and sums, which share the last column;
  * the document label is flexible with at least 150 px (as the grid in the
@@ -354,6 +357,11 @@ export class DeContentInvoice extends DeesElement {
         grid-template-columns: 40px minmax(120px, 1fr) var(--quantity-column-width, 50px) var(--unit-column-width, 50px) var(--unit-price-column-width, 100px) 50px var(--amount-column-width, 100px);
       }
 
+      /* a document without VAT (\`withoutVat\`) has no VAT column */
+      .grid.withoutVat {
+        grid-template-columns: 40px minmax(120px, 1fr) var(--quantity-column-width, 50px) var(--unit-column-width, 50px) var(--unit-price-column-width, 100px) var(--amount-column-width, 100px);
+      }
+
       .topLine {
         margin-top: 5px;
         background: #e7e7e7;
@@ -1435,6 +1443,11 @@ export class DeContentInvoice extends DeesElement {
       return;
     }
     const accountingDoc = this.accountingDoc;
+    // a document without VAT prints no VAT column, no VAT line and one total; one that states tax is refused
+    if (accountingDoc) {
+      plugins.shared.assertWithoutVatStatesNoTax(accountingDoc, this.documentSettings);
+    }
+    const withoutVat = this.documentSettings.withoutVat === true;
     // throws when the advance payments do not add up to the paid amount
     const paidAmountSummary = accountingDoc
       ? plugins.shared.getPaidAmountSummary(accountingDoc, this.getTotalGross())
@@ -1444,7 +1457,7 @@ export class DeContentInvoice extends DeesElement {
         ${this.renderCorrection()}
         <div>${this.translateKey(this.docContent.introStatement)}</div>
         ${this.renderRelatedDocuments()}
-        <div class="grid topLine dataHeader">
+        <div class="grid topLine dataHeader ${withoutVat ? "withoutVat" : ""}">
           <div class="lineItem rightAlign">
             ${this.translateKey("invoice@@item.position")}
           </div>
@@ -1458,18 +1471,20 @@ export class DeContentInvoice extends DeesElement {
             ${this.translateKey("invoice@@unit.type")}
           </div>
           <div class="lineItem rightAlign unitPriceCell">
-            ${this.translateKey("invoice@@price.unit.net")}
-          </div>
-          <div class="lineItem rightAlign">
-            ${this.translateKey("invoice@@vat.short")}
+            ${this.translateKey(withoutVat ? "invoice@@price.unit.withoutVat" : "invoice@@price.unit.net")}
           </div>
+          ${withoutVat
+            ? html``
+            : html`<div class="lineItem rightAlign">
+                ${this.translateKey("invoice@@vat.short")}
+              </div>`}
           <div class="lineItem rightAlign amountCell">
-            ${this.translateKey("invoice@@price.total.net")}
+            ${this.translateKey(withoutVat ? "invoice@@price.total.withoutVat" : "invoice@@price.total.net")}
           </div>
         </div>
         ${accountingDoc?.items?.map(
           (invoiceItem, index) => html`
-            <div class="grid needsDataHeader">
+            <div class="grid needsDataHeader ${withoutVat ? "withoutVat" : ""}">
               <div class="lineItem rightAlign">${index + 1}</div>
               <div class="lineItem descriptionCell">${invoiceItem.name}</div>
               <div class="lineItem rightAlign quantityCell">
@@ -1485,9 +1500,11 @@ export class DeContentInvoice extends DeesElement {
               <div class="lineItem rightAlign unitPriceCell">
                 ${this.formatPrice(invoiceItem.unitNetPrice)}
               </div>
-              <div class="lineItem rightAlign">
-                ${invoiceItem.vatPercentage}%
-              </div>
+              ${withoutVat
+                ? html``
+                : html`<div class="lineItem rightAlign">
+                    ${invoiceItem.vatPercentage}%
+                  </div>`}
               <div class="lineItem rightAlign amountCell">
                 ${this.formatPrice(
                   invoiceItem.unitQuantity * invoiceItem.unitNetPrice
@@ -1497,15 +1514,17 @@ export class DeContentInvoice extends DeesElement {
           `
         )}
         <div class="sums">
-          <div class="sumline">
-            <div class="label">
-              ${this.translateKey("invoice@@sum.total.net")}
-            </div>
-            <div class="value value--total rightAlign amountCell">
-              ${this.formatPrice(this.getTotalNet())}
-            </div>
-          </div>
-          ${this.getVatGroups().map((vatGroupArg) => {
+          ${withoutVat
+            ? html``
+            : html`<div class="sumline">
+                <div class="label">
+                  ${this.translateKey("invoice@@sum.total.net")}
+                </div>
+                <div class="value value--total rightAlign amountCell">
+                  ${this.formatPrice(this.getTotalNet())}
+                </div>
+              </div>`}
+          ${(withoutVat ? [] : this.getVatGroups()).map((vatGroupArg) => {
             let itemNumbers = vatGroupArg.items
               .map((item) => (accountingDoc?.items.indexOf(item) ?? -1) + 1)
               .join(", ");
@@ -1529,7 +1548,7 @@ export class DeContentInvoice extends DeesElement {
             `;
           })}
           <div class="sumline">
-            <div class="label">${this.translateKey("invoice@@totalGross")}</div>
+            <div class="label">${this.translateKey(withoutVat ? "invoice@@totalWithoutVat" : "invoice@@totalGross")}</div>
             <div class="value value--total rightAlign amountCell">
               ${this.formatPrice(this.getTotalGross())}
             </div>
@@ -1558,7 +1577,7 @@ export class DeContentInvoice extends DeesElement {
     this.fitColumns(
       contentNodes.currentContent,
       ".grid.dataHeader",
-      positionColumns
+      withoutVat ? positionColumnsWithoutVat : positionColumns
     );
   }