Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

added open event binding

This commit is contained in:
Nicolas Constant 2020-04-14 23:42:18 -04:00
parent 85ac14351f
commit 74b4b6c623
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/components/stream/status/attachements/attachement-image/attachement-image.component.ts
View File

@ -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;
}
}

30
src/app/components/stream/status/attachements/attachements.component.html
View File

@ -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>