feat: update

fca44ab8 · liuzheng712 · 4dc8a5ef · fca44ab8 · fca44ab8 · fca44ab8
Commit fca44ab8 authored Dec 07, 2017 by liuzheng712
9 changed files
--- a/.angular-cli.json
+++ b/.angular-cli.json
@@ -9,6 +9,7 @@
      "outDir": "dist",
      "assets": [
        "static",
+        "theme/default/",
        "favicon.ico"
      ],
      "index": "index.html",

--- a/src/app/ControlPage/control/ssh/ssh.component.css
+++ b/src/app/ControlPage/control/ssh/ssh.component.css
@@ -15,9 +15,7 @@
  box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 20px;
  white-space: nowrap;
  display: inline-block;
-  width: 100%;
  height: 100%;
-  background-color: black;
 }

 #term .terminal div span {

--- a/src/app/replay-page/json/json.component.css
+++ b/src/app/replay-page/json/json.component.css
+#term {
+  padding: 20px;
+}
--- a/src/app/replay-page/json/json.component.ts
+++ b/src/app/replay-page/json/json.component.ts
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
+
+declare let jQuery: any;
+declare let Terminal: any;

 @Component({
  selector: 'app-json',
@@ -7,9 +10,17 @@ import { Component, OnInit } from '@angular/core';
 })
 export class JsonComponent implements OnInit {

-  constructor() { }
+  constructor() {
+  }

  ngOnInit() {
+    const term = new Terminal({
+      cols: '80',
+      rows: '24',
+      useStyle: true,
+      screenKeys: true,
+    });
+    term.open(document.getElementById('term'), true);
  }

 }
--- a/src/app/replay-page/replay-page.component.html
+++ b/src/app/replay-page/replay-page.component.html
@@ -22,5 +22,5 @@
 <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>
--- a/src/app/replay-page/replay-page.component.ts
+++ b/src/app/replay-page/replay-page.component.ts
@@ -15,6 +15,7 @@ export class ReplayPageComponent implements OnInit {
  constructor(private activatedRoute: ActivatedRoute,
              private _http: HttpService,
              private _logger: Logger) {
+    this.video = {'type': 'none'};
  }

  ngOnInit() {

--- a/src/index.html
+++ b/src/index.html
@@ -10,7 +10,7 @@
 </head>
 <body>
 <app-root></app-root>
-<span id="liuzheng">liuzheng</span>
+<span id="liuzheng" style="display: none">liuzheng</span>

 </body>
 </html>
--- a/src/styles.css
+++ b/src/styles.css
@@ -21,7 +21,6 @@ app-root {
  height: 100%;
 }

-
 #liuzheng {
  position: fixed;
  top: 0;
@@ -31,3 +30,11 @@ app-root {
  padding-bottom: 16px !important;
  font-family: 'Monaco', iosevka !important;
 }
+
+.terminal, .terminal .xterm-viewport {
+  background-color: inherit;
+}
+
+.terminal .xterm-rows {
+  background-color: black;
+}
--- a/src/theme/default/layer.css
+++ b/src/theme/default/layer.css