refactor: improve ccomponents/modules structure

Extracted all related video player components to the own module.
Removed unused components and directives.

src/app/shared/components/index.ts

@@ -1,2 +1 @@
-export * from './page-not-found/page-not-found.component';
 export * from './header/header.component';

src/app/shared/components/page-not-found/page-not-found.component.html

@@ -1,3 +0,0 @@
-<p>
-  page-not-found works!
-</p>

src/app/shared/components/page-not-found/page-not-found.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PageNotFoundComponent } from './page-not-found.component';
-
-describe('PageNotFoundComponent', () => {
-  let component: PageNotFoundComponent;
-  let fixture: ComponentFixture<PageNotFoundComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [PageNotFoundComponent]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(PageNotFoundComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

src/app/shared/components/page-not-found/page-not-found.component.ts

@@ -1,12 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-page-not-found',
-  templateUrl: './page-not-found.component.html',
-  styleUrls: ['./page-not-found.component.scss']
-})
-export class PageNotFoundComponent implements OnInit {
-  constructor() {}
-
-  ngOnInit(): void {}
-}

src/app/shared/directives/index.ts

@@ -1 +0,0 @@
-export * from './webview/webview.directive';

src/app/shared/directives/webview/webview.directive.spec.ts

@@ -1,8 +0,0 @@
-import { WebviewDirective } from './webview.directive';
-
-describe('WebviewDirective', () => {
-  it('should create an instance', () => {
-    const directive = new WebviewDirective();
-    expect(directive).toBeTruthy();
-  });
-});

src/app/shared/directives/webview/webview.directive.ts

@@ -1,8 +0,0 @@
-import { Directive } from '@angular/core';
-
-@Directive({
-  selector: 'webview'
-})
-export class WebviewDirective {
-  constructor() { }
-}

src/app/shared/shared.module.ts

@@ -1,31 +1,31 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-
 import { TranslateModule } from '@ngx-translate/core';
 import { FlexLayoutModule } from '@angular/flex-layout';
-import { PageNotFoundComponent, HeaderComponent } from './components/';
-import { WebviewDirective } from './directives/';
+import { HeaderComponent } from './components/';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MaterialModule } from 'app/material.module';
+import { FilterPipeModule } from 'ngx-filter-pipe';
 
 @NgModule({
-    declarations: [PageNotFoundComponent, HeaderComponent, WebviewDirective],
+    declarations: [HeaderComponent],
     imports: [
         CommonModule,
-        TranslateModule,
+        FilterPipeModule,
+        FlexLayoutModule,
         FormsModule,
         MaterialModule,
-        FlexLayoutModule,
         ReactiveFormsModule,
+        TranslateModule,
     ],
     exports: [
-        TranslateModule,
-        WebviewDirective,
-        FormsModule,
-        MaterialModule,
+        FilterPipeModule,
         FlexLayoutModule,
+        FormsModule,
         HeaderComponent,
+        MaterialModule,
         ReactiveFormsModule,
+        TranslateModule,
     ],
 })
 export class SharedModule {}