Skip to content
Snippets Groups Projects
Verified Commit 9882c45b authored by Dominik's avatar Dominik :scream_cat:
Browse files

[fix] Movie ticket service view fix

parent 51f551ed
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/app/home/cinema/movie-service/movie-service.component.html
+ 52
− 47
View file @ 9882c45b
...@@ -4,61 +4,66 @@ ...@@ -4,61 +4,66 @@
</div> </div>
<mat-accordion [multi]="true" *ngIf="movieOrders?.length != 0"> <mat-accordion [multi]="true" *ngIf="movieOrders?.length != 0">
<mat-expansion-panel *ngFor="let movieOrder of movieOrders" [expanded]="movieOrder.getTicketOrders().length != 0"> <mat-expansion-panel
*ngFor="let movieOrder of movieOrders"
[expanded]="movieOrder.getTicketOrders().length != 0"
id="movie-order-print-{{ movieOrder.movieID }}"
>
<mat-expansion-panel-header> <mat-expansion-panel-header>
<mat-panel-title>{{ movieOrder.date | date: 'dd.MM' }} | {{ movieOrder.movieName }}</mat-panel-title> <mat-panel-title>{{ movieOrder.date | date: 'EE, dd.MM' }} - {{ movieOrder.movieName }}</mat-panel-title>
<mat-panel-description *ngIf="movieOrder.getTicketOrders().length != 0"> </mat-expansion-panel-header>
<div fxLayout="row" fxLayoutAlign="space-between">
<span *ngIf="movieOrder.getTicketOrders().length != 0">
{{ 'CINEMA_TICKETS_SERVICE_BOOKING' | translate }}: {{ movieOrder.getTicketOrders().length }} {{ 'CINEMA_TICKETS_SERVICE_BOOKING' | translate }}: {{ movieOrder.getTicketOrders().length }}
</mat-panel-description> </span>
<mat-panel-description *ngIf="movieOrder.getTicketOrders().length == 0"> <span *ngIf="movieOrder.getTicketOrders().length == 0">
{{ 'CINEMA_TICKETS_SERVICE_NO_TICKETS_BOOKED' | translate }} {{ 'CINEMA_TICKETS_SERVICE_NO_TICKETS_BOOKED' | translate }}
</mat-panel-description> </span>
</mat-expansion-panel-header>
<div fxLayout="row" fxLayoutAlign="end"> <div>
<button <button
mat-flat-button mat-flat-button
color="accent" color="accent"
printSectionId="movie-order-print-{{ movieOrder.movieID }}" printSectionId="movie-order-print-{{ movieOrder.movieID }}"
ngxPrint ngxPrint
[useExistingCss]="true" [useExistingCss]="true"
printTitle="{{ movieOrder.movieName }}" printTitle="{{ movieOrder.movieName }}"
> >
<mat-icon>print</mat-icon> <mat-icon>print</mat-icon>
{{ 'PRINT' | translate }} {{ 'PRINT' | translate }}
</button> </button>
</div>
</div> </div>
<div id="movie-order-print-{{ movieOrder.movieID }}"> <mat-list *ngIf="movieOrder.getTicketOrders().length == 0">
<mat-list *ngIf="movieOrder.getTicketOrders().length == 0"> <mat-list-item>
<mat-list-item> {{ 'CINEMA_TICKETS_SERVICE_NO_TICKETS_BOOKED' | translate }}
{{ 'CINEMA_TICKETS_SERVICE_NO_TICKETS_BOOKED' | translate }} </mat-list-item>
</mat-list-item> </mat-list>
</mat-list>
<mat-list *ngIf="movieOrder.getTicketOrders().length != 0"> <mat-list *ngIf="movieOrder.getTicketOrders().length != 0">
<mat-list-item> <mat-list-item>
<div matLine> <div matLine>
{{ 'CINEMA_TICKETS_SERVICE_USERNAME' | translate }} {{ 'CINEMA_TICKETS_SERVICE_USERNAME' | translate }}
<div style="float: right">{{ 'CINEMA_TICKETS_SERVICE_TICKET_AMOUNT' | translate }}</div> <div style="float: right">{{ 'CINEMA_TICKETS_SERVICE_TICKET_AMOUNT' | translate }}</div>
</div>
</mat-list-item>
<mat-list-item *ngFor="let ticket of movieOrder.getTicketOrders()">
<div matLine>
{{ ticket.userName }}
<div style="float: right">{{ ticket.amount }}</div>
</div>
</mat-list-item>
<mat-list-item>
<div matLine>
<b>{{ 'CINEMA_TICKETS_BOOKED_TICKETS' | translate }}</b>
<div style="float: right">
<b>{{ movieOrder.getBookedTicketsAmount() }}</b>
</div> </div>
</mat-list-item> </div>
<mat-list-item *ngFor="let ticket of movieOrder.getTicketOrders()"> </mat-list-item>
<div matLine> </mat-list>
{{ ticket.userName }}
<div style="float: right">{{ ticket.amount }}</div>
</div>
</mat-list-item>
<mat-list-item>
<div matLine>
<b>{{ 'CINEMA_TICKETS_BOOKED_TICKETS' | translate }}</b>
<div style="float: right">
<b>{{ movieOrder.getBookedTicketsAmount() }}</b>
</div>
</div>
</mat-list-item>
</mat-list>
</div>
</mat-expansion-panel> </mat-expansion-panel>
</mat-accordion> </mat-accordion>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment