feat: update

.angular-cli.json

@@ -25,6 +25,7 @@
         "../node_modules/xterm/dist/xterm.css",
         "../node_modules/layui-layer/dist/theme/default/layer.css",
         "../node_modules/animate.css/animate.min.css",
+        "../node_modules/xterm/src/xterm.css",
         "assets/inspinia/style.scss",
         "styles.css"
       ],
@@ -35,7 +36,6 @@
         "../node_modules/tether/dist/js/tether.min.js",
         "../node_modules/bootstrap/dist/js/bootstrap.min.js",
         "../node_modules/term.js/src/term.js",
-        "../node_modules/tty.js/static/tty.js",
         "../node_modules/layui-layer/dist/layer.js",
         "../node_modules/socket.io-client/dist/socket.io.js",
         "./assets/js/mstsc.js",

src/app/globals.ts

+'use strict';
+
+export const sep = '/';
+export const version = '22.22.2';
+export let Video: {
+  id: string,
+  src: string,
+  type: string,
+} = {
+  id: 'sss',
+  src: 'sss',
+  type: 'json',
+};

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

 <div id="term"></div>
+<!--<asciinema-player></asciinema-player>-->

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

 import {Component, OnInit} from '@angular/core';
+import {Video} from '../../globals';
 
 declare let jQuery: any;
 declare let Terminal: any;
@@ -9,6 +10,7 @@ declare let Terminal: any;
   styleUrls: ['./json.component.css']
 })
 export class JsonComponent implements OnInit {
+  Video = Video;
 
   constructor() {
   }

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>
-<app-mp4 *ngIf='video.type=="mp4"'></app-mp4>
-<app-json *ngIf='video.type=="json"'></app-json>
+<app-mp4 *ngIf='Video.type=="mp4"'></app-mp4>
+<app-json *ngIf='Video.type=="json"'></app-json>

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

@@ -2,6 +2,7 @@ import {Component, OnInit} from '@angular/core';
 import {ActivatedRoute, Params} from '@angular/router';
 import {Logger} from 'angular2-logger/core';
 import {HttpService} from '../app.service';
+import {Video} from '../globals';
 
 @Component({
   selector: 'app-replay-page',
@@ -9,13 +10,12 @@ import {HttpService} from '../app.service';
   styleUrls: ['./replay-page.component.css']
 })
 export class ReplayPageComponent implements OnInit {
-  playing: boolean;
-  video: any;
+  Video = Video;
 
   constructor(private activatedRoute: ActivatedRoute,
               private _http: HttpService,
               private _logger: Logger) {
-    this.video = {'type': 'none'};
+    // this.video = {'type': 'none'};
   }
 
   ngOnInit() {
@@ -27,7 +27,7 @@ export class ReplayPageComponent implements OnInit {
       .map(res => res.json())
       .subscribe(
         data => {
-          this.video = data;
+          this.Video = data;
         },
         err => {
           this._logger.error(err);
@@ -35,9 +35,4 @@ export class ReplayPageComponent implements OnInit {
       );
 
   }
-
-  play() {
-    this.playing = !this.playing;
-  }
-
 }

src/styles.css

@@ -30,9 +30,18 @@ app-root {
   padding-bottom: 16px !important;
   font-family: 'Monaco', iosevka !important;
 }
-.terminal{
+
+.terminal {
+  font-family: 'Monaco', iosevka;
+  font-size: 11px;
   white-space: nowrap;
+  display: inline-block;
+}
+
+.terminal div {
+  user-select: text;
 }
+
 .terminal, .terminal .xterm-viewport {
   background-color: inherit;
 }