Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[VAS-1057] feat: introduced thermal template partials #108

Merged
merged 2 commits into from
Jun 3, 2024
Merged

[VAS-1057] feat: introduced thermal template partials #108

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9d7f191
[VAS-1057] feat: introduced thermal template partials
alessio-cialini May 27, 2024
d5ca6e5
[VAS-1057] feat: Updated paymentInfo.hbs
alessio-cialini Jun 3, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions node/pdf-generate/partials/notices/paymentMethods.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@
<div class="payment-info-outer">
<div class="payment-info-inner">
<h4 class="small-caps-title mb-3x-small">Paga con l'app IO</h4>
<p class="body">oppure {{getPaymentMethodCopy payee.channel.online.website payee.channel.online.app}}dal tuo Home
<p class="body">oppure {{getOnlinePaymentMethodContent payee.channel.online.website payee.channel.online.app}}dal
tuo Home
Banking, con la tua app di pagamento o con
gli
altri canali
Expand All @@ -22,7 +23,8 @@
<div class="payment-info-outer">
<div class="payment-info-inner">
<h4 class="small-caps-title mb-3x-small">Paga sul territorio</h4>
<p class="body">presso Banche e Sportelli ATM, negli Uffici Postali e Punti Postali, nei Bar,
<p class="body">{{getPhysicalPaymentMethodContent payee.channel.offline}}presso
Banche e Sportelli ATM, negli Uffici Postali e Punti Postali, nei Bar,
Edicole,
Ricevitorie, Supermercati,
Tabaccherie e altri Esercenti Convenzionati.</p>
Expand Down
8 changes: 8 additions & 0 deletions node/pdf-generate/partials/notices/thermalHeader.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
<header class="thermal-notice-header">
<section class="main">
<div class="pagopa-header">
<img class="logo" src="assets/pagoPa-logo-black.svg" />
<p class="h5 notice-title">Avviso di pagamento</p>
</div>
</section>
</header>
50 changes: 50 additions & 0 deletions node/pdf-generate/partials/notices/thermalPaymentData.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<section class="thermal-block">

<div class="thermal-separator">
<h3 class="thermal-small-caps-title">
{{title}}
</h3>
<p class="body">
{{subtitle}}
</p>
</div>

<div class="thermal-grid-cell">
<div class="thermal-payment-qrcode-block">
<p class="body">Inquadra il <strong>codice QR</strong> con la tua app di pagamento o usa i dati
sotto.</p>
<img class="payment-qrcode thermal-payment-qrcode" src={{genQrCode this.qrCode this.tempPath}}
alt="QR PaymentCode" />
<div class="thermal-payment-details-data">

<dl class="thermal-data-key-value-monospaced">
<dt>Importo (Euro)</dt>
<dd>{{this.amount}}</dd>
</dl>

<dl class="thermal-data-key-value-monospaced">
<dt>Cod. CBILL</dt>
<dd>{{this.cbillCode}}</dd>
</dl>

<dl class="thermal-data-key-value-monospaced">
<dt>Cod. Avviso</dt>
<dd>{{splitAndSpace this.refNumber}}</dd>
</dl>

<dl class="thermal-data-key-value-monospaced">
<dt>Cod. Fiscale Ente Creditore</dt>
<dd>{{payee.taxCode}}</dd>
</dl>

<dl class="thermal-data-key-value">
<dt>Ente creditore</dt>
<dd>{{payee.name}}</dd>
</dl>

</div>
</div>
</div>
</div>

</section>
33 changes: 33 additions & 0 deletions node/pdf-generate/partials/notices/thermalPaymentInfoInfraction.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<section class="thermal-block">
<div class="thermal-separator">
<h3 class="thermal-small-caps-title">Quanto e quando pagare?</h3>
</div>

<div class="thermal-payment-amount-block-infraction thermal-grid-cell">
<div class="amount-1">
<p class="h1">{{notice.instalments.discounted.amount}} Euro</p>
<p class="body amount-details">
<strong>Sconto del 30% entro 5 giorni</strong> dalla data dell’infrazione
</p>
</div>
<div class="amount-2">
<p class="h1">{{notice.instalments.reduced.amount}} Euro</p>
<p class="body amount-details">
<strong>dal 6º al 60º giorno</strong> dalla notifica del verbale
</p>
</div>

<div class="info-block">
<div class="info-paragraph">
<img src="./assets/icon-calendar.svg" class="info-icon" aria-hidden="true" />
<div>
<h5 class="h5 mb-3x-small">Come si calcolano le scadenze?</h5>
<p class="body">Il giorno della notifica non si conta. Se la scadenza è di domenica (o festivo), puoi pagare
anche il primo giorno
feriale successivo.</p>
</div>
</div>
</div>
</div>

</section>
33 changes: 33 additions & 0 deletions node/pdf-generate/partials/notices/thermalPaymentInfoInfractionImmediate.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<section class="thermal-block">
<div class="thermal-separator">
<h3 class="thermal-small-caps-title">Quanto e quando pagare?</h3>
</div>

<div class="thermal-payment-amount-block-infraction thermal-grid-cell">
<div class="amount-1">
<p class="h1">{{notice.instalments.discounted.amount}} Euro</p>
<p class="body amount-details">
<strong>Sconto del 30% entro 5 giorni</strong> dalla data dell’infrazione
</p>
</div>

<p class="body">
Se non paghi entro i termini, seguirà notifica
del verbale per posta, gravato delle spese di
notifica e di procedimento.
</p>

<div class="info-block">
<div class="info-paragraph">
<img src="./assets/icon-calendar.svg" class="info-icon" aria-hidden="true" />
<div>
<h5 class="h5 mb-3x-small">Come si calcolano le scadenze?</h5>
<p class="body">Il giorno della notifica non si conta. Se la scadenza è di domenica (o festivo), puoi pagare
anche il primo giorno
feriale successivo.</p>
</div>
</div>
</div>
</div>

</section>
33 changes: 33 additions & 0 deletions node/pdf-generate/partials/notices/thermalPaymentMethods.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<section class="thermal-block">
<div class="thermal-separator">
<h3 class="thermal-small-caps-title">Dove pagare?</h3>
<div class="pagopa-website-block">
<p class="body">vai su <strong>pagopa.gov.it</strong></p>
</div>
</div>

<div class="thermal-payment-methods-block thermal-grid-cell">
<p class="body"><strong>Paga con l'app IO</strong> oppure {{getOnlinePaymentMethodContent
payee.channel.online.website payee.channel.online.app}}dal
tuo Home
Banking, con la tua app di pagamento o con
gli
altri canali
abilitati.</p>

<p class="body"><strong>Paga sul territorio: </strong>{{getPhysicalPaymentMethodContent
payee.channel.offline}}presso
Banche e Sportelli ATM, negli Uffici Postali e Punti Postali, nei Bar,
Edicole,
Ricevitorie, Supermercati,
Tabaccherie e altri Esercenti Convenzionati.</p>

<p class="body">
Scegli l'importo corretto per i termini previsti, altrimenti riceverai altre richieste di pagamento per le somme
residue
ed eventuali somme aggiuntive.
</p>

</div>

</section>
Loading