generated from pagopa/pagopa-functions-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[VAS-1057] feat: introduced thermal template partials
- Loading branch information
1 parent
c0b3dcb
commit 9d7f191
Showing
6 changed files
with
161 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
33
node/pdf-generate/partials/notices/thermalPaymentInfoInfraction.hbs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
33
node/pdf-generate/partials/notices/thermalPaymentInfoInfractionImmediate.hbs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
33
node/pdf-generate/partials/notices/thermalPaymentMethods.hbs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> |