modules/customer-invoices/src/api/application/use-cases/report/reporter/templates/customer-invoice/template.hbs

@@ -117,7 +117,7 @@
         <img src="https://rodax-software.com/images/logo1.jpg" alt="Logo Rodax" class="block h-14 w-auto mb-1" />
         <div class="flex w-full">
           <div class="p-1 ">
-            <p>Factura nº:<strong>&nbsp;{{series}}{{invoice_number}}</strong></p>
+            <p>Factura nº:<strong>&nbsp;{{invoice_number}}</strong></p>
             <p><span>Fecha:<strong>&nbsp;{{invoice_date}}</strong></p>
           </div>
           <div class="p-1 ml-9">
@@ -234,13 +234,6 @@
             {{else}}
             <!-- iva 0-->
             {{/if}}
-            {{#each taxes}}
-            <tr>
-              <td class="px-4 text-right">IVA&nbsp;{{tax_code}}%</td>
-              <td class="w-5">&nbsp;</td>
-              <td class="px-4 text-right">{{taxes.taxes_amount}}</td>
-            </tr>
-            {{/each}}
             <tr class="">
               <td class="px-4 text-right accent-color">
                 Total&nbsp;factura

modules/customer-invoices/src/web/pages/create/customer-invoice-items-edit-grid.tsx

@@ -0,0 +1,57 @@
+import { useEffect, useState } from "react";
+
+import { AG_GRID_LOCALE_ES } from "@ag-grid-community/locale";
+// Grid
+import type { ColDef, GridOptions, ValueFormatterParams } from "ag-grid-community";
+import { AllCommunityModule, ModuleRegistry } from "ag-grid-community";
+
+ModuleRegistry.registerModules([AllCommunityModule]);
+
+import { MoneyDTO } from "@erp/core";
+import { formatDate, formatMoney } from "@erp/core/client";
+// Core CSS
+import { AgGridReact } from "ag-grid-react";
+
+
+
+// Create new GridExample component
+export const CustomerInvoiceItemsEditorGrid = ({ items: any[] }) => {
+
+  // Column Definitions: Defines & controls grid columns.
+  const [colDefs] = useState<ColDef[]>([
+    
+  ]);
+
+  const gridOptions: GridOptions = {
+    columnDefs: colDefs,
+    defaultColDef: {
+      editable: true,
+      flex: 1,
+      minWidth: 100,
+      filter: false,
+      sortable: false,
+      resizable: true,
+    },
+    sideBar: true,
+    rowGroupPanelShow: "always",
+    pagination: true,
+    paginationPageSize: 10,
+    paginationPageSizeSelector: [10, 20, 30, 50],
+    enableCharts: true,
+    localeText: AG_GRID_LOCALE_ES,
+    rowSelection: { mode: "multiRow" },
+  };
+
+  // Container: Defines the grid's theme & dimensions.
+  return (
+    <div
+      className='ag-theme-alpine'
+      style={{
+        height: "100%",
+        width: "100%",
+      }}
+    >
+      <AgGridReact rowData={data?.items ?? []} loading={isLoading || isPending} {...gridOptions} />
+    </div>
+  );
+};