X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-video-miniature%2Fvideo-list-header.component.ts;h=08a961be19b7c791e02611e915d01c500fde2fcc;hb=deb8b9cdb03213efd8f1fc4b40ab94ae499fe058;hp=a07248b96b2b77322c5bdc9ec4679cac865d57f5;hpb=5bcbcbe338ef5a1ed14f084311d013fbb25dabcf;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/shared/shared-video-miniature/video-list-header.component.ts b/client/src/app/shared/shared-video-miniature/video-list-header.component.ts
index a07248b96..08a961be1 100644
--- a/client/src/app/shared/shared-video-miniature/video-list-header.component.ts
+++ b/client/src/app/shared/shared-video-miniature/video-list-header.component.ts
@@ -1,20 +1,22 @@
-import { Component, Inject } from '@angular/core'
+import { Component, Inject, ViewEncapsulation } from '@angular/core'
+
+export interface GenericHeaderData {
+  titlePage: string
+  titleTooltip?: string
+}
 
 export abstract class GenericHeaderComponent {
-  constructor (@Inject('data') public data: any) {}
+  constructor (@Inject('data') public data: GenericHeaderData) {}
 }
 
 @Component({
-  selector: 'h1',
-  host: { 'class': 'title-page title-page-single' },
-  template: `
-<div placement="bottom" [ngbTooltip]="data.titleTooltip" container="body">
-  {{ data.titlePage }}
-</div>
-  `
+  selector: 'my-video-list-header',
+  // tslint:disable-next-line:use-component-view-encapsulation
+  encapsulation: ViewEncapsulation.None,
+  templateUrl: './video-list-header.component.html'
 })
 export class VideoListHeaderComponent extends GenericHeaderComponent {
-  constructor (@Inject('data') public data: any) {
+  constructor (@Inject('data') public data: GenericHeaderData) {
     super(data)
   }
 }