Compare commits
2 Commits
d062c4b5fe
...
5adeaa0dc7
| Author | SHA1 | Date | |
|---|---|---|---|
| 5adeaa0dc7 | |||
| b13e85a4f5 |
@ -117,7 +117,7 @@
|
|||||||
<img src="https://rodax-software.com/images/logo1.jpg" alt="Logo Rodax" class="block h-14 w-auto mb-1" />
|
<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="flex w-full">
|
||||||
<div class="p-1 ">
|
<div class="p-1 ">
|
||||||
<p>Factura nº:<strong> {{invoice_number}}</strong></p>
|
<p>Factura nº:<strong> {{series}}{{invoice_number}}</strong></p>
|
||||||
<p><span>Fecha:<strong> {{invoice_date}}</strong></p>
|
<p><span>Fecha:<strong> {{invoice_date}}</strong></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-1 ml-9">
|
<div class="p-1 ml-9">
|
||||||
@ -234,6 +234,13 @@
|
|||||||
{{else}}
|
{{else}}
|
||||||
<!-- iva 0-->
|
<!-- iva 0-->
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
{{#each taxes}}
|
||||||
|
<tr>
|
||||||
|
<td class="px-4 text-right">IVA {{tax_code}}%</td>
|
||||||
|
<td class="w-5"> </td>
|
||||||
|
<td class="px-4 text-right">{{taxes.taxes_amount}}</td>
|
||||||
|
</tr>
|
||||||
|
{{/each}}
|
||||||
<tr class="">
|
<tr class="">
|
||||||
<td class="px-4 text-right accent-color">
|
<td class="px-4 text-right accent-color">
|
||||||
Total factura
|
Total factura
|
||||||
|
|||||||
@ -1,57 +0,0 @@
|
|||||||
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>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
Loading…
Reference in New Issue
Block a user