2019-06-16 01:26:21 +02:00
|
|
|
<div class="media-viewer-canvas noselect">
|
|
|
|
<div class="background__close" (click)="close()"></div>
|
|
|
|
|
2019-09-28 20:22:11 +02:00
|
|
|
<a href class="media-viewer-canvas__close media-viewer-canvas__button" title="close" (click)="close()">
|
2019-02-28 01:35:01 +01:00
|
|
|
<fa-icon [icon]="faTimes"></fa-icon>
|
2019-09-28 20:22:11 +02:00
|
|
|
</a>
|
2019-05-18 02:10:29 +02:00
|
|
|
|
2019-09-28 20:22:11 +02:00
|
|
|
<a href class="media-viewer-canvas__previous media-viewer-canvas__button" title="previous"
|
2019-06-15 22:51:41 +02:00
|
|
|
(click)="previous($event)" *ngIf="previousAvailable">
|
2019-05-18 02:10:29 +02:00
|
|
|
<fa-icon [icon]="faAngleLeft"></fa-icon>
|
2019-09-28 20:22:11 +02:00
|
|
|
</a>
|
2019-05-18 02:10:29 +02:00
|
|
|
|
2019-09-28 20:22:11 +02:00
|
|
|
<a href class="media-viewer-canvas__next media-viewer-canvas__button" title="next" (click)="next($event)"
|
2019-06-15 22:51:41 +02:00
|
|
|
*ngIf="nextAvailable">
|
2019-05-18 02:10:29 +02:00
|
|
|
<fa-icon [icon]="faAngleRight"></fa-icon>
|
2019-09-28 20:22:11 +02:00
|
|
|
</a>
|
2019-06-15 22:51:41 +02:00
|
|
|
|
2019-06-16 01:26:21 +02:00
|
|
|
<div *ngFor="let att of attachments" class="media-viewer-canvas__attachement"
|
2019-07-12 01:37:43 +02:00
|
|
|
[class.collapsed]="currentIndex !== att.index">
|
|
|
|
<a href="{{att.url}}" target="_blank" title="{{att.description}}">
|
|
|
|
<img *ngIf="att.type === 'image'" src="{{att.url}}" class="media-viewer-canvas__image" [class.collapsed]="currentIndex !== att.index" />
|
2019-06-16 01:26:21 +02:00
|
|
|
</a>
|
2019-06-15 22:51:41 +02:00
|
|
|
|
2019-06-16 01:26:21 +02:00
|
|
|
<video *ngIf="att.type === 'gifv'" class="media-viewer-canvas__image" role="application" loop autoplay>
|
2019-06-15 22:51:41 +02:00
|
|
|
<source src="{{att.url}}" type="video/mp4">
|
|
|
|
</video>
|
2019-06-16 01:26:21 +02:00
|
|
|
<video *ngIf="att.type === 'video'" class="media-viewer-canvas__image" role="application" loop autoplay
|
|
|
|
controls="controls">
|
2019-06-15 22:51:41 +02:00
|
|
|
<source src="{{att.url}}" type="video/mp4">
|
|
|
|
</video>
|
|
|
|
</div>
|
2019-05-17 05:47:51 +02:00
|
|
|
|
|
|
|
<div #video *ngIf="html" class="media-viewer-canvas__image media-viewer-canvas__iframe" [innerHTML]="html">
|
|
|
|
</div>
|
2019-02-26 05:38:15 +01:00
|
|
|
</div>
|