added open event binding
This commit is contained in:
parent
85ac14351f
commit
74b4b6c623
|
@ -1,4 +1,4 @@
|
|||
import { Component, OnInit, Input } from '@angular/core';
|
||||
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
|
||||
|
||||
import { Attachment } from '../../../../../services/models/mastodon.interfaces';
|
||||
|
||||
|
@ -8,12 +8,16 @@ import { Attachment } from '../../../../../services/models/mastodon.interfaces';
|
|||
styleUrls: ['./attachement-image.component.scss']
|
||||
})
|
||||
export class AttachementImageComponent implements OnInit {
|
||||
|
||||
@Input() attachment: Attachment;
|
||||
@Output() openEvent = new EventEmitter();
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
attachmentSelected(): boolean {
|
||||
this.openEvent.next();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,33 +1,43 @@
|
|||
<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]">
|
||||
<app-attachement-image class="galery__img--1"
|
||||
[attachment]="imageAttachments[0]" (openEvent)="attachmentSelected(0)">
|
||||
</app-attachement-image>
|
||||
</div>
|
||||
|
||||
<div class="galery__image" *ngIf="imageAttachments.length === 2">
|
||||
<app-attachement-image class="galery__img--2" [attachment]="imageAttachments[0]">
|
||||
<app-attachement-image class="galery__img--2"
|
||||
[attachment]="imageAttachments[0]" (openEvent)="attachmentSelected(0)">
|
||||
</app-attachement-image>
|
||||
<app-attachement-image class="galery__img--2" [attachment]="imageAttachments[1]">
|
||||
<app-attachement-image class="galery__img--2"
|
||||
[attachment]="imageAttachments[1]" (openEvent)="attachmentSelected(1)">
|
||||
</app-attachement-image>
|
||||
</div>
|
||||
|
||||
<div class="galery__image" *ngIf="imageAttachments.length === 3">
|
||||
<app-attachement-image class="galery__img--3-1" [attachment]="imageAttachments[0]">
|
||||
<app-attachement-image class="galery__img--3-1"
|
||||
[attachment]="imageAttachments[0]" (openEvent)="attachmentSelected(0)">
|
||||
</app-attachement-image>
|
||||
<app-attachement-image class="galery__img--3-2" [attachment]="imageAttachments[1]">
|
||||
<app-attachement-image class="galery__img--3-2"
|
||||
[attachment]="imageAttachments[1]" (openEvent)="attachmentSelected(1)">
|
||||
</app-attachement-image>
|
||||
<app-attachement-image class="galery__img--3-2" [attachment]="imageAttachments[2]">
|
||||
<app-attachement-image class="galery__img--3-2"
|
||||
[attachment]="imageAttachments[2]" (openEvent)="attachmentSelected(2)">
|
||||
</app-attachement-image>
|
||||
</div>
|
||||
|
||||
<div class="galery__image" *ngIf="imageAttachments.length === 4">
|
||||
<app-attachement-image class="galery__img--4" [attachment]="imageAttachments[0]">
|
||||
<app-attachement-image class="galery__img--4"
|
||||
[attachment]="imageAttachments[0]" (openEvent)="attachmentSelected(0)">
|
||||
</app-attachement-image>
|
||||
<app-attachement-image class="galery__img--4" [attachment]="imageAttachments[1]">
|
||||
<app-attachement-image class="galery__img--4"
|
||||
[attachment]="imageAttachments[1]" (openEvent)="attachmentSelected(1)">
|
||||
</app-attachement-image>
|
||||
<app-attachement-image class="galery__img--4" [attachment]="imageAttachments[2]">
|
||||
<app-attachement-image class="galery__img--4"
|
||||
[attachment]="imageAttachments[2]" (openEvent)="attachmentSelected(2)">
|
||||
</app-attachement-image>
|
||||
<app-attachement-image class="galery__img--4" [attachment]="imageAttachments[3]">
|
||||
<app-attachement-image class="galery__img--4"
|
||||
[attachment]="imageAttachments[3]" (openEvent)="attachmentSelected(3)">
|
||||
</app-attachement-image>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue