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