Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
mirror of https://github.com/NicolasConstant/sengi synced 2025-02-02 19:46:59 +01:00
Code Issues Releases Wiki Activity

fix video attachment expand

Browse Source
This commit is contained in:
Nicolas Constant 2020-04-15 00:08:28 -04:00
parent 74b4b6c623
commit 1519cb0b3d
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,43 +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]" (openEvent)="attachmentSelected(0)">
[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(0)">
[attachment]="imageAttachments[0]" (openEvent)="attachmentSelected('image', 0)">
</app-attachement-image>
<app-attachement-image class="galery__img--2"
[attachment]="imageAttachments[1]" (openEvent)="attachmentSelected(1)">
[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(0)">
[attachment]="imageAttachments[0]" (openEvent)="attachmentSelected('image', 0)">
</app-attachement-image>
<app-attachement-image class="galery__img--3-2"
[attachment]="imageAttachments[1]" (openEvent)="attachmentSelected(1)">
[attachment]="imageAttachments[1]" (openEvent)="attachmentSelected('image', 1)">
</app-attachement-image>
<app-attachement-image class="galery__img--3-2"
[attachment]="imageAttachments[2]" (openEvent)="attachmentSelected(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(0)">
[attachment]="imageAttachments[0]" (openEvent)="attachmentSelected('image', 0)">
</app-attachement-image>
<app-attachement-image class="galery__img--4"
[attachment]="imageAttachments[1]" (openEvent)="attachmentSelected(1)">
[attachment]="imageAttachments[1]" (openEvent)="attachmentSelected('image', 1)">
</app-attachement-image>
<app-attachement-image class="galery__img--4"
[attachment]="imageAttachments[2]" (openEvent)="attachmentSelected(2)">
[attachment]="imageAttachments[2]" (openEvent)="attachmentSelected('image', 2)">
</app-attachement-image>
<app-attachement-image class="galery__img--4"
[attachment]="imageAttachments[3]" (openEvent)="attachmentSelected(3)">
[attachment]="imageAttachments[3]" (openEvent)="attachmentSelected('image', 3)">
</app-attachement-image>
</div>
</div>

12
src/app/components/stream/status/attachements/attachements.component.ts
View File

@ -57,8 +57,14 @@ export class AttachementsComponent implements OnInit {
});
}
attachmentSelected(index: number): boolean {
let openMediaEvent = new OpenMediaEvent(index, this.attachments, null);
attachmentSelected(type: 'image' | 'video', index: number): boolean {
let openMediaEvent: OpenMediaEvent;
if(type === 'image'){
openMediaEvent = new OpenMediaEvent(index, this.imageAttachments, null);
} else if(type === 'video') {
openMediaEvent = new OpenMediaEvent(index, this.videoAttachments, null);
}
this.navigationService.openMedia(openMediaEvent);
return false;
}
@ -87,7 +93,7 @@ export class AttachementsComponent implements OnInit {
this.onPlay();
}
this.attachmentSelected(0);
this.attachmentSelected('video', 0);
return false;
}