75 lines
2.7 KiB
HTML
75 lines
2.7 KiB
HTML
<div [class]="themeService.getClassTheme()">
|
|
<div class="conteneur">
|
|
|
|
<!-- Navbar -->
|
|
<div style="margin-bottom: 50px">
|
|
<app-nav-bar pour="user"></app-nav-bar>
|
|
</div>
|
|
|
|
|
|
<!-- --------------------------------------------------------------------- -->
|
|
|
|
|
|
<!-- [Search bar] + [Site de streaming] -->
|
|
<div class="row">
|
|
<div class="col-2"></div>
|
|
<div class="col-8" style="margin-bottom: 20px">
|
|
|
|
<!-- Search bar -->
|
|
<div class="row" style="margin-bottom: 10px">
|
|
<div>
|
|
<input type="search" placeholder="recherche..." class="inputSearchBar" [(ngModel)]="search">
|
|
<button class="btnRechercher" (click)="onSearch()"> Rechercher </button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Site de streaming -->
|
|
<div class="row" style="margin-bottom: 10px">
|
|
<div>
|
|
<span *ngFor="let plateforme of tabPlateform">
|
|
|
|
<input type="checkbox" [id]="plateforme.name" [name]="plateforme.name" style="margin-left: 5px" [(ngModel)]="plateforme.isSelected">
|
|
<img [src]="'/assets/logo_plateforms/'+plateforme.name+'.png'" alt="image" width="25px" height="25px" style="margin-left: 5px">
|
|
<label [for]="plateforme.name" style="margin-left: 5px"> {{plateforme.name}}</label>
|
|
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-2"></div>
|
|
</div>
|
|
|
|
|
|
<!-- --------------------------------------------------------------------- -->
|
|
|
|
|
|
|
|
<!-- [pub gauche] + [Grilles des videos] + [pub droite] -->
|
|
<mat-grid-list cols="11" rowHeight="75vh">
|
|
|
|
<!-- pub gauche -->
|
|
<mat-grid-tile colspan="2" rowspan="1" class="cellulePub">
|
|
<div class="conteneurPub">
|
|
<app-advert [ad]="ad1"></app-advert>
|
|
</div>
|
|
</mat-grid-tile>
|
|
|
|
<!-- Grilles des videos -->
|
|
<mat-grid-tile colspan="7" rowspan="1" class="celluleGrilleVideo">
|
|
<div class="conteneurVideosGrid">
|
|
<app-video-grid [tabVideo]="tabVideo"></app-video-grid>
|
|
</div>
|
|
</mat-grid-tile>
|
|
|
|
<!-- pub droite -->
|
|
<mat-grid-tile colspan="2" rowspan="1" class="cellulePub">
|
|
<div class="conteneurPub">
|
|
<app-advert [ad]="ad1"></app-advert>
|
|
</div>
|
|
</mat-grid-tile>
|
|
|
|
</mat-grid-list>
|
|
|
|
</div>
|
|
</div>
|