Uecko/Uecko_ERP
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

repaso informe 1

Browse Source
This commit is contained in:
David Arranz 2025-12-12 14:01:03 +01:00
parent 4eae311461
commit 7cf071035b
1 changed files with 47 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
modules/customer-invoices/templates/rodax/issued-invoice.hbs
View File

@ -19,7 +19,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 20px; margin-bottom: 20px;
margin-bottom: 0; margin-bottom: 20px;
padding-bottom: 0; padding-bottom: 0;
} }
@ -32,6 +32,33 @@
width: 48%; width: 48%;
} }
/* Fila superior */
.top-header {
display: flex;
justify-content: space-between;
width: 100%;
}
/* Bloque izquierdo */
.left-block {
display: flex;
flex-direction: column;
align-items: flex-start;
}
/* Bloque derecho */
.right-block {
display: flex;
flex-direction: column;
/* uno encima de otro */
align-items: flex-end;
text-align: right;
/* o flex-start / center según quieras */
justify-content: flex-start;
width: 42%;
padding: 4px;
}
.invoice-meta { .invoice-meta {
text-align: right; text-align: right;
} }
@ -111,9 +138,8 @@
<body> <body>
<header> <header>
<aside class="flex items-start mb-4 w-full"> <div class="top-header">
<!-- Bloque IZQUIERDO: imagen arriba + texto abajo, alineado a la izquierda --> <div class="left-block">
<div class="w-[70%] flex flex-col items-start text-left">
<img src="https://rodax-software.com/images/logo_rodax.jpg" alt="Logo Rodax" class="block h-14 w-auto mb-1" /> <img src="https://rodax-software.com/images/logo_rodax.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 ">
@ -128,19 +154,31 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- Bloque DERECHO: logo2 arriba y texto DEBAJO --> <!-- Bloque DERECHO: logo2 arriba y texto DEBAJO -->
<div class="ml-auto flex flex-col items-end text-right"> <div class="right-block">
<img src="https://rodax-software.com/images/logo2.jpg" alt="Logo secundario" <div>
class="block h-5 w-auto md:h-8 mb-1" /> <img src="{{asset 'logo2.jpg'}}" alt="Factura" class="factura-img" class="block h-5 w-auto md:h-8 mb-1"/>
<div class="not-italic text-xs leading-tight"> </div>
<div class="not-italic leading-tight" style="font-size: 9px ;">
<p>Telf: 91 785 02 47 / 686 62 10 59</p> <p>Telf: 91 785 02 47 / 686 62 10 59</p>
<p><a href="mailto:info@rodax-software.com" class="hover:underline">info@rodax-software.com</a></p> <p><a href="mailto:info@rodax-software.com" class="hover:underline">info@rodax-software.com</a></p>
<p><a href="https://www.rodax-software.com" target="_blank" rel="noopener" <p><a href="https://www.rodax-software.com" target="_blank" rel="noopener"
class="hover:underline">www.rodax-software.com</a></p> class="hover:underline">www.rodax-software.com</a></p>
</div>
{{#if verifactu.qr_code}}
<div style="display: flex; align-items: center; gap: 2px; align-content: stretch">
<div style="font-size: 9px ; text-align: right; flex-grow: 1; flex-shrink: 1; flex-basis: auto;">
QR tributario factura verificable en sede electronica de AEAT VERI*FACTU
</div>
<div style="flex-grow: 0; flex-shrink: 0; flex-basis:100px;">
<img src="{{verifactu.qr_code}}" alt="QR factura" style="width: 100px; height: 100px;" />
</div>
</div> </div>
{{/if}}
</div> </div>
</aside>
</header> </header>
<main id="main"> <main id="main">
@ -149,7 +187,6 @@
<div class="relative pt-0 border-b border-black"> <div class="relative pt-0 border-b border-black">
<!-- Badge TOTAL decorado con imagen --> <!-- Badge TOTAL decorado con imagen -->
<div class="absolute -top-9 right-0"> <div class="absolute -top-9 right-0">
<div class="relative text-sm font-semibold text-black pr-2 pl-10 py-2 justify-center bg-red-900" <div class="relative text-sm font-semibold text-black pr-2 pl-10 py-2 justify-center bg-red-900"
style="background-image: url('https://rodax-software.com/images/img-total2.jpg'); background-size: cover; background-position: left;"> style="background-image: url('https://rodax-software.com/images/img-total2.jpg'); background-size: cover; background-position: left;">
<!-- Texto del total --> <!-- Texto del total -->