yvachot/PolyNotFound
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

commencement de la page watching

Browse source
This commit is contained in:
MiharyR 2021-11-21 01:30:53 +01:00
parent fd7322a7bc
commit ccb33d8aeb
27 changed files with 691 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/user/search/page-search/page-search.component.html
View file

@ -57,7 +57,7 @@
<!-- Grilles des videos -->
<mat-grid-tile colspan="7" rowspan="1" class="celluleGrilleVideo">
<div class="conteneurVideosGrid">
<app-video-grid [tabVideo]="tabVideo"></app-video-grid>
<app-video-grid [tabVideo]="tabVideo" [search]="search"></app-video-grid>
</div>
</mat-grid-tile>

5
src/app/user/search/page-search/page-search.component.scss
View file

@ -14,6 +14,7 @@
overflow-y: scroll;
}
//--------------------------------------------------------------------------------------------
.inputSearchBar {
width: 50%;
@ -25,6 +26,7 @@
font-size: large;
}
//--------------------------------------------------------------------------------------------
.celluleGrilleVideo {
border: solid 2px;
@ -40,12 +42,13 @@
background-color: #646464;
}
.conteneurVideosGrid {
height: 75vh;
width: 100%;
}
//--------------------------------------------------------------------------------------------
.cellulePub {
padding: 0px 10px 0px 10px;
width: 100%;

4
src/app/user/search/video-grid/video-grid.component.html
View file

@ -10,8 +10,8 @@
<!-- Image video -->
<div class="imgsContainer">
<img class="imgPlay" src="/assets/play.png">
<img class="imgVideo" [src]="tabVideo[indexPage+k].imageUrl">
<img class="imgPlay" src="/assets/play.png" (click)="onVideo(tabVideo[indexPage+k])">
<img class="imgVideo" [src]="tabVideo[indexPage+k].imageUrl" (click)="onVideo(tabVideo[indexPage+k])">
</div>

11
src/app/user/search/video-grid/video-grid.component.ts
View file

@ -2,7 +2,8 @@ import {Component, Input, OnChanges } from '@angular/core';
import {VideoAll} from "../../../utils/interfaces/video";
import {UserHistoryService} from "../../utils/services/userHistory/userHistory.service";
import {AddVideoToPlaylistsService} from "../../utils/services/addVideoToPlaylists/add-video-to-playlists.service";
import {VideoUrlService} from "../../utils/services/videoUrl/video-url.service";
import {Router} from "@angular/router";
@Component({
@ -13,11 +14,12 @@ import {VideoUrlService} from "../../utils/services/videoUrl/video-url.service";
export class VideoGridComponent implements OnChanges
{
@Input() tabVideo: VideoAll[] = [];
@Input() search: string = '';
indexPage: number = 0;
constructor( private historiqueService: UserHistoryService,
private addVideoToPlaylistsService: AddVideoToPlaylistsService,
private videoUrlService: VideoUrlService ) {}
private router: Router) {}
ngOnChanges(): void
@ -36,4 +38,9 @@ export class VideoGridComponent implements OnChanges
else return str.substring(0, 37) + "..." ;
}
onVideo(video: VideoAll): void
{
const url = '/user/watching/fromSearch/'+video.videoId+'/'+video.source+'/'+this.search;
this.router.navigateByUrl(url);
}
}