|
| 1 | +<mat-tab-group class="ricevute-tab"> |
| 2 | + <mat-tab label="DATI RICEVUTA"> |
| 3 | + <div class="container my-4 card-container"> |
| 4 | + <mat-card class="shadow no-border-radius mb-3" *ngIf="info"> |
| 5 | + <div class="row px-3"> |
| 6 | + <div class="col-sm-8 px-0 pt-3 pt-sm-0"> |
| 7 | + <p class="d-block matcard-title pb-3 color-gray regular-24">Riepilogo</p> |
| 8 | + </div> |
| 9 | + <div class="col-sm-4 px-0 pt-3 pt-sm-0 text-right"> |
| 10 | + <p class="text-truncate medium-24 lh-90 mb-1" *ngIf="info.importo">{{info.importo}}</p> |
| 11 | + <p class="text-truncate color-gray medium-18 mb-0">{{info.stato}}</p> |
| 12 | + <p class="text-truncate color-gray regular-14 mb-0" *ngIf="info.socketNotification">{{info.avanzamento || ''}}</p> |
| 13 | + </div> |
| 14 | + </div> |
| 15 | + <link-riepilogo-view [info]="info"></link-riepilogo-view> |
| 16 | + </mat-card> |
| 17 | + <mat-card class="shadow no-border-radius mb-3" *ngIf="infoVisualizzazione.visible"> |
| 18 | + <p class="d-block matcard-title pb-3 color-gray regular-24">{{ infoVisualizzazione?.titolo }}</p> |
| 19 | + <p class="d-block matcard-title py-0 regular-16 normal-color" *ngIf="infoVisualizzazione.campi.length == 0">Nessun valore configurato</p> |
| 20 | + <div class="d-block" *ngIf="infoVisualizzazione.campi.length != 0"> |
| 21 | + <link-key-value-view *ngFor="let item of infoVisualizzazione.campi" [info]="item" class="d-block link-key-value-fill-mat-card"></link-key-value-view> |
| 22 | + </div> |
| 23 | + </mat-card> |
| 24 | + <mat-card class="shadow no-border-radius mb-3" *ngIf="importi.length!=0"> |
| 25 | + <p class="d-block matcard-title pb-3 color-gray regular-24">Dettaglio importi</p> |
| 26 | + <link-item-view *ngFor="let item of importi" [component-data]="item" [use-item-view-directive]="true" |
| 27 | + [show-over-icons]="false" [over-icons]="_importiOverIcons" class="link-item-view-fill"> |
| 28 | + </link-item-view> |
| 29 | + <div class="row sub-totale medium-16" *ngIf="importi.length != 0"> |
| 30 | + <div class="col-6 px-0 m-0"> |
| 31 | + <p class="text-truncate mb-1">Totale</p> |
| 32 | + </div> |
| 33 | + <div class="col-6 px-0 m-0 text-right"> |
| 34 | + <p class="text-truncate mb-1">{{us.currencyFormat(_paymentsSum)}}</p> |
| 35 | + </div> |
| 36 | + </div> |
| 37 | + </mat-card> |
| 38 | + <mat-card class="shadow no-border-radius mb-3"> |
| 39 | + <p class="d-block matcard-title pb-3 color-gray regular-24">Dati PSP</p> |
| 40 | + <p class="d-block matcard-title py-0 regular-16 normal-color" *ngIf="datiPsp.length == 0">Nessun valore configurato</p> |
| 41 | + <div class="d-block" *ngIf="datiPsp.length != 0"> |
| 42 | + <link-key-value-view *ngFor="let item of datiPsp" [info]="item" class="d-block link-key-value-fill-mat-card"></link-key-value-view> |
| 43 | + </div> |
| 44 | + </mat-card> |
| 45 | + </div> |
| 46 | + </mat-tab> |
| 47 | + <mat-tab label="EVENTI"> |
| 48 | + <link-scroller-container (load-more)="_loadMoreEventi()" [is-loading]="_isLoadingMore"> |
| 49 | + <div class="container my-4 py-3 card-container"> |
| 50 | + <mat-card class="shadow no-border-radius pb-0" *ngIf="eventi.length!=0"> |
| 51 | + <p class="d-block matcard-title pb-3 color-gray regular-24">Eventi</p> |
| 52 | + <link-item-view *ngFor="let item of eventi" [component-data]="item" [use-item-view-directive]="true" |
| 53 | + [show-over-icons]="false" class="link-item-view-fill"></link-item-view> |
| 54 | + </mat-card> |
| 55 | + </div> |
| 56 | + </link-scroller-container> |
| 57 | + </mat-tab> |
| 58 | +</mat-tab-group> |
0 commit comments