feat: replay page

src/app/app.module.ts

@@ -34,8 +34,11 @@ import {ControlPageComponent} from './ControlPage/controlpage.component';
 import {IndexPageComponent} from './IndexPage/index-page.component';
 import {NotFoundComponent} from './BasicPage/not-found/not-found.component';
 import {PopupComponent} from './BasicPage/popup/popup.component';
-import { RdppageComponent } from './rdppage/rdppage.component';
-import { TermpageComponent } from './termpage/termpage.component';
+import {RdppageComponent} from './rdppage/rdppage.component';
+import {TermpageComponent} from './termpage/termpage.component';
+import {ReplayPageComponent} from './replay-page/replay-page.component';
+import {Mp4Component} from './replay-page/mp4/mp4.component';
+import {JsonComponent} from './replay-page/json/json.component';
 
 
 @NgModule({
@@ -50,7 +53,6 @@ import { TermpageComponent } from './termpage/termpage.component';
     NavComponent,
     LoginComponent,
     FooterComponent,
-
     RdpComponent,
     SshComponent,
     SearchComponent,
@@ -65,6 +67,10 @@ import { TermpageComponent } from './termpage/termpage.component';
     PopupComponent,
     RdppageComponent,
     TermpageComponent,
+    ReplayPageComponent,
+    Mp4Component,
+    JsonComponent,
+
     // HeroListComponent,
     // CrisisListComponent,
   ],

src/app/replay-page/json/json.component.html

+<p>
+  json works!
+</p>

src/app/replay-page/json/json.component.spec.ts

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

src/app/replay-page/json/json.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-json',
+  templateUrl: './json.component.html',
+  styleUrls: ['./json.component.css']
+})
+export class JsonComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/replay-page/mp4/mp4.component.html

+<p>
+  mp4 works!
+</p>

src/app/replay-page/mp4/mp4.component.spec.ts

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

src/app/replay-page/mp4/mp4.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-mp4',
+  templateUrl: './mp4.component.html',
+  styleUrls: ['./mp4.component.css']
+})
+export class Mp4Component implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/replay-page/replay-page.component.html

+<button type="button" class="btn">
+  <i class="fa fa-stop" aria-hidden="true"></i>
+</button>
+<button type="button" class="btn">
+  <i class="fa fa-step-backward" aria-hidden="true"></i>
+</button>
+<button type="button" class="btn">
+  <i class="fa fa-backward" aria-hidden="true"></i>
+</button>
+<button type="button" class="btn" (click)="play()">
+  <i class="fa" aria-hidden="true" [ngClass]="{'fa-play':playing,'fa-pause': !playing}"></i>
+</button>
+<button type="button" class="btn">
+  <i class="fa fa-forward" aria-hidden="true"></i>
+</button>
+<button type="button" class="btn">
+  <i class="fa fa-step-forward" aria-hidden="true"></i>
+</button>
+<button type="button" class="btn">
+  <i class="fa fa-expand" aria-hidden="true"></i>
+</button>
+<button type="button" class="btn">
+  <i class="fa fa-compress" aria-hidden="true"></i>
+</button>

src/app/replay-page/replay-page.component.spec.ts

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

src/app/replay-page/replay-page.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-replay-page',
+  templateUrl: './replay-page.component.html',
+  styleUrls: ['./replay-page.component.css']
+})
+export class ReplayPageComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/termpage/termpage.component.html

 <span id="liuzheng">liuzheng</span>
-<button type="button" class="btn">
-  <i class="fa fa-stop" aria-hidden="true"></i>
-</button>
-<button type="button" class="btn">
-  <i class="fa fa-step-backward" aria-hidden="true"></i>
-</button>
-<button type="button" class="btn">
-  <i class="fa fa-backward" aria-hidden="true"></i>
-</button>
-<button type="button" class="btn" (click)="play()">
-  <i class="fa" aria-hidden="true" [ngClass]="{'fa-play':playing,'fa-pause': !playing}"></i>
-</button>
-<button type="button" class="btn">
-  <i class="fa fa-forward" aria-hidden="true"></i>
-</button>
-<button type="button" class="btn">
-  <i class="fa fa-step-forward" aria-hidden="true"></i>
-</button>
-<button type="button" class="btn">
-  <i class="fa fa-expand" aria-hidden="true"></i>
-</button>
-<button type="button" class="btn">
-  <i class="fa fa-compress" aria-hidden="true"></i>
-</button>
 
 <div id="term"></div>