-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)
}
}