forked from alfio-event/alf.io-public-frontend
-
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.
- Loading branch information
Showing
1 changed file
with
96 additions
and
99 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,115 +1,112 @@ | ||
| <app-reservation> | ||
|
|
||
| <div class="alert alert-success alert-dismissible" role="alert" *ngIf="reservationMailSent"> | ||
| <button type="button" class="close" (click)="reservationMailSent = false"><span aria-hidden="true">×</span><span class="sr-only" translate="reservation-page-complete.cancel"></span></button> | ||
| <strong translate="email.confirmation-email-sent"></strong> | ||
| </div> | ||
| <div class="alert alert-success alert-dismissible" role="alert" *ngIf="reservationMailSent"> | ||
| <button type="button" class="close" (click)="reservationMailSent = false"><span aria-hidden="true">×</span><span class="sr-only" translate="reservation-page-complete.cancel"></span></button> | ||
| <strong translate="email.confirmation-email-sent"></strong> | ||
| </div> | ||
|
|
||
|
|
||
| <div *ngIf="reservationInfo && event"> | ||
| <div class="alert alert-success mb-5"> | ||
| <div class="row"> | ||
| <div class="col-sm-12"> | ||
| <div class="h3" [innerHTML]="'reservation-page-complete.info-assign' | translate: { '0': purchaseContextTitle }"></div> | ||
| </div> | ||
| </div> | ||
| <div class="row mt-2"> | ||
| <div class="col-sm-12" [innerHTML]="'reservation-page-complete.info-assign-email' | translate: {'0':reservationInfo.email}"></div> | ||
| </div> | ||
| <div class="row mt-3"> | ||
| <div class="col-12 col-md-5 mb-1 mb-md-0" [class.offset-md-2]="downloadBillingDocumentVisible" [class.offset-md-7]="!downloadBillingDocumentVisible"> | ||
| <button type="button" (click)="reSendReservationEmail()" class="btn btn-default btn-block"><fa-icon [icon]="['far', 'envelope']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.resend-reservation-email'|translate}}</button> | ||
| </div> | ||
| <div class="col-12 col-md-5 mb-md-0" *ngIf="downloadBillingDocumentVisible"> | ||
| <ng-container> | ||
| {{' '}} | ||
| <a *ngIf="reservationInfo.invoiceNumber !== null" | ||
| class="btn btn-default btn-block" | ||
| [href]="'/api/v2/public/event/'+event.shortName+'/reservation/'+reservationInfo.id+'/invoice'" | ||
| target="_blank"> | ||
| <fa-icon [icon]="['fas', 'download']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.download-your-invoice'|translate}} | ||
| </a> | ||
| <a *ngIf="reservationInfo.invoiceNumber === null" | ||
| class="btn btn-default btn-block" | ||
| [href]="'/api/v2/public/event/'+event.shortName+'/reservation/'+reservationInfo.id+'/receipt'" | ||
| target="_blank"> | ||
| <fa-icon [icon]="['fas', 'download']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.download-your-receipt'|translate}} | ||
| </a> | ||
| </ng-container> | ||
| <div *ngIf="reservationInfo && event"> | ||
| <div class="alert alert-success mb-5"> | ||
| <div class="row"> | ||
| <div class="col-sm-12"> | ||
| <div class="h3" [innerHTML]="'reservation-page-complete.info-assign' | translate: { '0': purchaseContextTitle }"></div> | ||
| </div> | ||
| </div> | ||
| <div class="row mt-2"> | ||
| <div class="col-sm-12" [innerHTML]="'reservation-page-complete.info-assign-email' | translate: {'0':reservationInfo.email}"></div> | ||
| </div> | ||
| <div class="row mt-3"> | ||
| <div class="col-12 col-md-5 mb-1 mb-md-0" [class.offset-md-2]="downloadBillingDocumentVisible" [class.offset-md-7]="!downloadBillingDocumentVisible"> | ||
| <button type="button" (click)="reSendReservationEmail()" class="btn btn-default btn-block"><fa-icon [icon]="['far', 'envelope']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.resend-reservation-email'|translate}}</button> | ||
| </div> | ||
| <div class="col-12 col-md-5 mb-md-0" *ngIf="downloadBillingDocumentVisible"> | ||
| <ng-container> | ||
| {{' '}} | ||
| <a *ngIf="reservationInfo.invoiceNumber !== null" class="btn btn-default btn-block" [href]="'/api/v2/public/event/'+event.shortName+'/reservation/'+reservationInfo.id+'/invoice'" target="_blank"> | ||
| <fa-icon [icon]="['fas', 'download']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.download-your-invoice'|translate}} | ||
| </a> | ||
| <a *ngIf="reservationInfo.invoiceNumber === null" class="btn btn-default btn-block" [href]="'/api/v2/public/event/'+event.shortName+'/reservation/'+reservationInfo.id+'/receipt'" target="_blank"> | ||
| <fa-icon [icon]="['fas', 'download']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.download-your-receipt'|translate}} | ||
| </a> | ||
| </ng-container> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <h2 translate="reservation-page-complete.your-tickets"></h2> | ||
| <div *ngFor="let tc of reservationInfo.ticketsByCategory"> | ||
| <h2 translate="reservation-page-complete.your-tickets"></h2> | ||
| <div *ngFor="let tc of reservationInfo.ticketsByCategory"> | ||
|
|
||
| <div class="card mt-4" *ngFor="let ticket of tc.tickets" [ngClass]="{'border-left-warning': !ticket.assigned, 'shadow': ticketsFormShow[ticket.uuid], 'border-left-success': ticket.assigned && !ticketsFormShow[ticket.uuid]}"> | ||
| <div class="card-body"> | ||
| <div class="attendees-data d-md-flex w-100 justify-content-between"> | ||
| <h3 class="card-title flex-md-shrink-1"><fa-icon [icon]="['fas', ticket.assigned ? 'check' : 'exclamation-triangle']" size="xs" [classes]="[ ticket.assigned ? 'text-success' : 'text-warning', 'd-none', 'd-md-inline']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.ticket-nr' | translate}}<span class="ticket-counter"></span> <small class="ml-2 text-muted">- {{tc.name}}</small></h3> | ||
| <h3 class="card-title flex-md-shrink-0" *ngIf="ticket.assigned">{{ticket.fullName}}</h3> | ||
| <h3 class="card-title text-muted" *ngIf="!ticket.assigned">{{'reservation-page-complete.ticket-not-assigned' | translate }}</h3> | ||
| </div> | ||
| <hr *ngIf="!ticketFormVisible"> | ||
| <div class="card mt-4" *ngFor="let ticket of tc.tickets" [ngClass]="{'border-left-warning': !ticket.assigned, 'shadow': ticketsFormShow[ticket.uuid], 'border-left-success': ticket.assigned && !ticketsFormShow[ticket.uuid]}"> | ||
| <div class="card-body"> | ||
| <div class="attendees-data d-md-flex w-100 justify-content-between"> | ||
| <h3 class="card-title flex-md-shrink-1"> | ||
| <fa-icon [icon]="['fas', ticket.assigned ? 'check' : 'exclamation-triangle']" size="xs" [classes]="[ ticket.assigned ? 'text-success' : 'text-warning', 'd-none', 'd-md-inline']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.ticket-nr' | translate}}<span class="ticket-counter"></span> <small class="ml-2 text-muted">- {{tc.name}}</small></h3> | ||
| <h3 class="card-title flex-md-shrink-0" *ngIf="ticket.assigned">{{ticket.fullName}}</h3> | ||
| <h3 class="card-title text-muted" *ngIf="!ticket.assigned">{{'reservation-page-complete.ticket-not-assigned' | translate }}</h3> | ||
| </div> | ||
| <hr *ngIf="!ticketFormVisible"> | ||
| <!-- | ||
| <div class="row justify-content-end" *ngIf="!ticketFormVisible"> | ||
| <div class="col-lg-3 col-sm-6 col-12 mb-2" *ngIf="!isOnlineTicket(tc) && ticket.assigned && !ticket.cancellationEnabled"> | ||
| <a [routerLink]="['/event', event.shortName, 'ticket', ticket.uuid, 'view']" target="_blank" class="btn btn-default btn-block"> | ||
| <fa-icon [icon]="['fas', 'search-plus']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.show-ticket'|translate}}</a> | ||
| </div> | ||
| <div class="col-lg-3 col-sm-6 col-12 mt-2 mt-md-0 mb-2" *ngIf="!isOnlineTicket(tc) && ticket.assigned"> | ||
| <a [attr.href]="'/api/v2/public/event/' + event.shortName + '/ticket/' + ticket.uuid + '/download-ticket'" class="btn btn-default btn-block"> | ||
| <fa-icon [icon]="['fas', 'download']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.download-ticket'|translate}}</a> | ||
| </div> | ||
| <div class="col-lg-3 col-sm-6 col-12 mt-2 mt-md-0 mb-2" *ngIf="ticket.assigned"> | ||
| <button type="button" class="btn btn-default btn-block send-ticket-by-email" (click)="sendEmailForTicket(ticket.uuid)"><fa-icon [icon]="['far', 'envelope']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.send-ticket-by-email-to'|translate}}</button> | ||
| </div> | ||
| <div class="col-lg-3 col-sm-6 col-12 mt-2 mt-md-0 mb-2" [ngClass]="{'offset-lg-9 offset-sm-6': !ticket.assigned}"> | ||
| <button type="button" class="btn btn-default btn-block update-ticket-owner" (click)="ticketsFormShow[ticket.uuid] = true"><fa-icon [icon]="ticket.assigned ? ['far', 'edit'] : ['fas', 'check']" a11yRole="presentation"></fa-icon> {{(ticket.assigned ? 'reservation-page-complete.update-ticket-owner' : 'reservation-page-complete.assign') |translate}}</button> | ||
| </div> | ||
| <div class="col-lg-3 col-sm-6 col-12 mt-2 mt-md-0 mb-2" *ngIf="ticket.assigned && ticket.cancellationEnabled"> | ||
| <button type="button" class="btn btn-danger btn-block" (click)="releaseTicket(ticket)"><fa-icon [icon]="['fas', 'eraser']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.release-button.text'|translate}}</button> | ||
| </div> | ||
| </div> | ||
| <div class="row justify-content-end" *ngIf="!ticketFormVisible"> | ||
| <div class="col-lg-3 col-sm-6 col-12 mb-2" *ngIf="!isOnlineTicket(tc) && ticket.assigned && !ticket.cancellationEnabled" > | ||
| <a [routerLink]="['/event', event.shortName, 'ticket', ticket.uuid, 'view']" target="_blank" class="btn btn-default btn-block"><fa-icon [icon]="['fas', 'search-plus']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.show-ticket'|translate}}</a> | ||
| </div> | ||
| <div class="col-lg-3 col-sm-6 col-12 mt-2 mt-md-0 mb-2" *ngIf="!isOnlineTicket(tc) && ticket.assigned"> | ||
| <a [attr.href]="'/api/v2/public/event/' + event.shortName + '/ticket/' + ticket.uuid + '/download-ticket'" class="btn btn-default btn-block"><fa-icon [icon]="['fas', 'download']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.download-ticket'|translate}}</a> | ||
| </div> | ||
| <div class="col-lg-3 col-sm-6 col-12 mt-2 mt-md-0 mb-2" *ngIf="ticket.assigned"> | ||
| <button type="button" class="btn btn-default btn-block send-ticket-by-email" (click)="sendEmailForTicket(ticket.uuid)"><fa-icon [icon]="['far', 'envelope']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.send-ticket-by-email-to'|translate}}</button> | ||
| </div> | ||
| <div class="col-lg-3 col-sm-6 col-12 mt-2 mt-md-0 mb-2" [ngClass]="{'offset-lg-9 offset-sm-6': !ticket.assigned}"> | ||
| <button type="button" class="btn btn-default btn-block update-ticket-owner" (click)="ticketsFormShow[ticket.uuid] = true"><fa-icon [icon]="ticket.assigned ? ['far', 'edit'] : ['fas', 'check']" a11yRole="presentation"></fa-icon> {{(ticket.assigned ? 'reservation-page-complete.update-ticket-owner' : 'reservation-page-complete.assign') |translate}}</button> | ||
| </div> | ||
| <div class="col-lg-3 col-sm-6 col-12 mt-2 mt-md-0 mb-2" *ngIf="ticket.assigned && ticket.cancellationEnabled"> | ||
| <button type="button" class="btn btn-danger btn-block" (click)="releaseTicket(ticket)"><fa-icon [icon]="['fas', 'eraser']" a11yRole="presentation"></fa-icon> {{'reservation-page-complete.release-button.text'|translate}}</button> | ||
| </div> | ||
| </div> | ||
| <div *ngIf="ticketsFormShow[ticket.uuid]" class="mt-4"> | ||
| <div class="alert alert-info" translate="reservation-page-complete.info-update" *ngIf="event.assignmentConfiguration.enableTicketTransfer && ticket.assigned && !ticket.locked"></div> | ||
| <form [formGroup]="ticketsFormControl[ticket.uuid]" (submit)="updateTicket(ticket.uuid)"> | ||
| <app-ticket-form [ticket]="ticket" [purchaseContext]="event" [form]="ticketsFormControl[ticket.uuid]"></app-ticket-form> | ||
| <div class="bg-white pb-3 pt-3" [class.sticky]="ticket.ticketFieldConfigurationAfterStandard.length > 0"> | ||
| <div class="row d-flex justify-content-between"> | ||
| <div class="col-md-5 order-md-1 col-12"> | ||
| <button type="submit" class="btn btn-success btn-block">{{ (ticket.assigned ? 'reservation-page-complete.update' : 'reservation-page-complete.assign') | translate}}</button> | ||
| </div> | ||
| <div class="col-md-5 mt-2 mt-md-0 order-md-0 col-12"> | ||
| <button type="button" (click)="hideTicketForm(ticket.uuid)" translate="reservation-page-complete.cancel" class="btn btn-light btn-block"></button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </form> | ||
| </div> --> | ||
|
|
||
| <div *ngIf="ticketsFormShow[ticket.uuid]" class="mt-4"> | ||
| <div class="alert alert-info" translate="reservation-page-complete.info-update" *ngIf="event.assignmentConfiguration.enableTicketTransfer && ticket.assigned && !ticket.locked"></div> | ||
| <form [formGroup]="ticketsFormControl[ticket.uuid]" (submit)="updateTicket(ticket.uuid)"> | ||
| <app-ticket-form [ticket]="ticket" [purchaseContext]="event" [form]="ticketsFormControl[ticket.uuid]"></app-ticket-form> | ||
| <div class="bg-white pb-3 pt-3" [class.sticky]="ticket.ticketFieldConfigurationAfterStandard.length > 0"> | ||
| <div class="row d-flex justify-content-between"> | ||
| <div class="col-md-5 order-md-1 col-12"> | ||
| <button type="submit" class="btn btn-success btn-block">{{ (ticket.assigned ? 'reservation-page-complete.update' : 'reservation-page-complete.assign') | translate}}</button> | ||
| </div> | ||
| <div class="col-md-5 mt-2 mt-md-0 order-md-0 col-12"> | ||
| <button type="button" (click)="hideTicketForm(ticket.uuid)" translate="reservation-page-complete.cancel" class="btn btn-light btn-block"></button> | ||
| <div class="alert alert-success mt-2 mb-2 hidden alert-dismissible" role="alert" *ngIf="sendEmailForTicketStatus[ticket.uuid]"> | ||
| <button type="button" class="close" (click)="sendEmailForTicketStatus[ticket.uuid] = false"><span aria-hidden="true">×</span><span class="sr-only" translate="reservation-page-complete.cancel"></span></button> | ||
| <strong translate="email.ticket-email-sent"></strong> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </form> | ||
| </div> | ||
|
|
||
| <div class="alert alert-success mt-2 mb-2 hidden alert-dismissible" role="alert" *ngIf="sendEmailForTicketStatus[ticket.uuid]"> | ||
| <button type="button" class="close" (click)="sendEmailForTicketStatus[ticket.uuid] = false"><span aria-hidden="true">×</span><span class="sr-only" translate="reservation-page-complete.cancel"></span></button> | ||
| <strong translate="email.ticket-email-sent"></strong> | ||
| <div *ngIf="!ticketFormVisible" class="mt-5"> | ||
| <hr> | ||
| <div class="row d-flex justify-content-between"> | ||
| <div class="col-md-5 order-md-1 col-12 mb-2"> | ||
| <a class="block-button btn btn-success" [routerLink]="['/event', event.shortName]" translate="buy-other-tickets"></a> | ||
| </div> | ||
| <div class="col-md-5 order-md-0 col-12 mt-2 mt-md-0 mb-2"> | ||
| <a class="block-button btn btn-light" [attr.href]="event.websiteUrl" translate="to-event-site"></a> | ||
| </div> | ||
| </div> | ||
| <div class="text-center text-muted mt-3">{{'reservation-page-complete.order-information' | translate: {'0': reservationId, '1': reservationInfo.firstName + ' ' + reservationInfo.lastName} }}</div> | ||
| <div class="text-center mt-1"> | ||
| <a href="https://alf.io" [attr.title]="'alfio.credits' | translate" target="_blank" rel="noreferrer noopener" translate="alfio.credits"></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div *ngIf="!ticketFormVisible" class="mt-5"> | ||
| <hr> | ||
| <div class="row d-flex justify-content-between"> | ||
| <div class="col-md-5 order-md-1 col-12 mb-2"> | ||
| <a class="block-button btn btn-success" [routerLink]="['/event', event.shortName]" translate="buy-other-tickets"></a> | ||
| </div> | ||
| <div class="col-md-5 order-md-0 col-12 mt-2 mt-md-0 mb-2"> | ||
| <a class="block-button btn btn-light" [attr.href]="event.websiteUrl" translate="to-event-site"></a> | ||
| </div> | ||
| </div> | ||
| <div class="text-center text-muted mt-3">{{'reservation-page-complete.order-information' | translate: {'0': reservationId, '1': reservationInfo.firstName + ' ' + reservationInfo.lastName} }}</div> | ||
| <div class="text-center mt-1"> | ||
| <a href="https://alf.io" [attr.title]="'alfio.credits' | translate" target="_blank" rel="noreferrer noopener" translate="alfio.credits"></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </app-reservation> | ||
| </app-reservation> |