74 lines
3.4 KiB
HTML
74 lines
3.4 KiB
HTML
<div class="galery" *ngIf="imageAttachments.length > 0">
|
|
<div class="galery__image" *ngIf="imageAttachments.length === 1">
|
|
<app-attachement-image class="galery__img--1" [attachment]="imageAttachments[0]"
|
|
(openEvent)="attachmentSelected('image', 0)">
|
|
</app-attachement-image>
|
|
</div>
|
|
|
|
<div class="galery__image" *ngIf="imageAttachments.length === 2">
|
|
<app-attachement-image class="galery__img--2" [attachment]="imageAttachments[0]"
|
|
(openEvent)="attachmentSelected('image', 0)">
|
|
</app-attachement-image>
|
|
<app-attachement-image class="galery__img--2" [attachment]="imageAttachments[1]"
|
|
(openEvent)="attachmentSelected('image', 1)">
|
|
</app-attachement-image>
|
|
</div>
|
|
|
|
<div class="galery__image" *ngIf="imageAttachments.length === 3">
|
|
<app-attachement-image class="galery__img--3-1" [attachment]="imageAttachments[0]"
|
|
(openEvent)="attachmentSelected('image', 0)">
|
|
</app-attachement-image>
|
|
<app-attachement-image class="galery__img--3-2" [attachment]="imageAttachments[1]"
|
|
(openEvent)="attachmentSelected('image', 1)">
|
|
</app-attachement-image>
|
|
<app-attachement-image class="galery__img--3-2" [attachment]="imageAttachments[2]"
|
|
(openEvent)="attachmentSelected('image', 2)">
|
|
</app-attachement-image>
|
|
</div>
|
|
|
|
<div class="galery__image" *ngIf="imageAttachments.length === 4">
|
|
<app-attachement-image class="galery__img--4" [attachment]="imageAttachments[0]"
|
|
(openEvent)="attachmentSelected('image', 0)">
|
|
</app-attachement-image>
|
|
<app-attachement-image class="galery__img--4" [attachment]="imageAttachments[1]"
|
|
(openEvent)="attachmentSelected('image', 1)">
|
|
</app-attachement-image>
|
|
<app-attachement-image class="galery__img--4" [attachment]="imageAttachments[2]"
|
|
(openEvent)="attachmentSelected('image', 2)">
|
|
</app-attachement-image>
|
|
<app-attachement-image class="galery__img--4" [attachment]="imageAttachments[3]"
|
|
(openEvent)="attachmentSelected('image', 3)">
|
|
</app-attachement-image>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="galery galery__hover" *ngIf="videoAttachments.length > 0">
|
|
<video #videoPlayer class="galery__video" role="application" loop>
|
|
<source src="{{ videoAttachments[0].url }}" type="video/mp4">
|
|
</video>
|
|
<div class="galery__play-control">
|
|
<a href class="galery__control--button" (click)="onPlay()" *ngIf="!isPlaying">
|
|
<fa-icon [icon]="faPlay"></fa-icon>
|
|
</a>
|
|
</div>
|
|
<div class="galery__control">
|
|
<a href class="galery__control--button" (click)="onPlay()">
|
|
<fa-icon [icon]="faPause" *ngIf="isPlaying"></fa-icon>
|
|
</a>
|
|
<a href class="galery__control--button galery__control--expand" (click)="onExpand()">
|
|
<fa-icon [icon]="faExpand"></fa-icon>
|
|
</a>
|
|
<a href class="galery__control--button galery__control--mute" (click)="onMute()">
|
|
<fa-icon [icon]="faVolumeUp" *ngIf="!isMuted"></fa-icon>
|
|
<fa-icon [icon]="faVolumeMute" *ngIf="isMuted"></fa-icon>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="audioAttachments.length > 0">
|
|
<div *ngFor="let a of audioAttachments">
|
|
<audio controls class="audio">
|
|
<source src="{{ a.url }}" type="{{ a.audioType }}">
|
|
Your browser does not support the audio element.
|
|
</audio>
|
|
</div>
|
|
</div> |