Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
mirror of https://github.com/NicolasConstant/sengi synced 2025-02-09 00:18:44 +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" *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" <app-attachement-image class="galery__img--1"
[attachment]="imageAttachments[0]" (openEvent)="attachmentSelected(0)"> [attachment]="imageAttachments[0]" (openEvent)="attachmentSelected('image', 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" <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>
<app-attachement-image class="galery__img--2" <app-attachement-image class="galery__img--2"
[attachment]="imageAttachments[1]" (openEvent)="attachmentSelected(1)"> [attachment]="imageAttachments[1]" (openEvent)="attachmentSelected('image', 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" <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>
<app-attachement-image class="galery__img--3-2" <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>
<app-attachement-image class="galery__img--3-2" <app-attachement-image class="galery__img--3-2"
[attachment]="imageAttachments[2]" (openEvent)="attachmentSelected(2)"> [attachment]="imageAttachments[2]" (openEvent)="attachmentSelected('image', 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" <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>
<app-attachement-image class="galery__img--4" <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>
<app-attachement-image class="galery__img--4" <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>
<app-attachement-image class="galery__img--4" <app-attachement-image class="galery__img--4"
[attachment]="imageAttachments[3]" (openEvent)="attachmentSelected(3)"> [attachment]="imageAttachments[3]" (openEvent)="attachmentSelected('image', 3)">
</app-attachement-image> </app-attachement-image>
</div> </div>
</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 { attachmentSelected(type: 'image' | 'video', index: number): boolean {
let openMediaEvent = new OpenMediaEvent(index, this.attachments, null); 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); this.navigationService.openMedia(openMediaEvent);
return false; return false;
} }
@ -87,7 +93,7 @@ export class AttachementsComponent implements OnInit {
this.onPlay(); this.onPlay();
} }
this.attachmentSelected(0); this.attachmentSelected('video', 0);
return false; return false;
} }