feat: do some fix

src/app/BasicPage/nav/nav.component.html

 <div class="nav">
-    <ul>
-        <li><a [routerLink]="['Index']"><img src="assets/imgs/logo.png" height="26px"/></a>
+  <ul>
+    <li><a [routerLink]="['Index']"><img src="assets/imgs/logo.png" height="26px"/></a>
+    </li>
+    <li *ngFor="let v of DataStore.Nav; let k = index " [ngClass]="{'dropdown': v.children}">
+      <a>{{v.name}}</a>
+      <ul [ngClass]="{'dropdown-content': v.children}">
+        <li *ngFor="let vv of v.children; let kk = index" [ngClass]="{'disabled': vv.disable}">
+          <a *ngIf="vv.href" [routerLink]="[vv.href]">{{vv.name}}</a>
+          <a id="{{vv.id}}" *ngIf="vv.click" (click)="click(vv.click)">{{vv.name}}</a>
         </li>
-        <li *ngFor="let v of DataStore.Nav; let k = index " [ngClass]="{'dropdown': v.children}">
-            <a>{{v.name}}</a>
-            <ul [ngClass]="{'dropdown-content': v.children}">
-                <li *ngFor="let vv of v.children; let kk = index" [ngClass]="{'disabled': vv.disable}">
-                    <a *ngIf="vv.href" [routerLink]="[vv.href]">{{vv.name}}</a>
-                    <a id="{{vv.id}}" *ngIf="vv.click" (click)="click(vv.click)">{{vv.name}}</a>
-                </li>
-            </ul>
-        </li>
-    </ul>
+      </ul>
+    </li>
+  </ul>
 </div>

src/app/ControlPage/control/rdp/rdp.component.html

@@ -2,6 +2,5 @@
   <div *ngFor="let m of NavList.List;let i=index"
        [ngClass]="{'disconnected':!m.connected,'hidden': m.hide,'hidden':m.type!='rdp'}" id="rdp-{{i}}">
     <canvas id="canvas-{{i}}"></canvas>
-
   </div>
 </div>

src/app/ControlPage/control/ssh/ssh.component.css

@@ -6,7 +6,7 @@
 }
 
 #term > div {
-  height:100%;
+  height: 100%;
 }
 
 .terminal {

src/app/app-routing.module.ts

@@ -13,12 +13,16 @@ import {IndexPageComponent} from './IndexPage/index-page.component';
 import {NotFoundComponent} from './BasicPage/not-found/not-found.component';
 import {LoginComponent} from './BasicPage/login/login.component';
 import {ControlPageComponent} from './ControlPage/controlpage.component';
+import {RdppageComponent} from "./rdppage/rdppage.component";
+import {TermpageComponent} from "./termpage/termpage.component";
 
 const appRoutes: Routes = [
   // { path: 'crisis-center', component: CrisisListComponent },
   // {path: 'welcome', component: IndexPageComponent}, // <-- delete this line
   {path: 'login', component: LoginComponent},
   {path: 'control', component: ControlPageComponent},
+  {path: 'rdp/:token', component: RdppageComponent},
+  {path: 'term/:token', component: TermpageComponent},
   {path: '', redirectTo: '/control', pathMatch: 'full'},
   {path: '**', component: NotFoundComponent}
 ];

src/app/app.component.html

-<app-nav></app-nav>
-<nav></nav>
+<app-nav *ngIf="DataStore.NavShow"></app-nav>
+<nav *ngIf="DataStore.NavShow"></nav>
 <router-outlet></router-outlet>

src/app/app.component.ts

@@ -6,7 +6,7 @@
  * @author   liuzheng <liuzheng712@gmail.com>
  */
 import {Component} from '@angular/core';
-import {AppService, HttpService} from './app.service';
+import {AppService, HttpService, DataStore} from './app.service';
 
 @Component({
   selector: 'app-root',
@@ -17,5 +17,5 @@ import {AppService, HttpService} from './app.service';
 })
 
 export class AppComponent {
-  // DataStore = DataStore;
+  DataStore = DataStore;
 }

src/app/app.module.ts

@@ -34,6 +34,8 @@ 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';
 
 
 @NgModule({
@@ -60,7 +62,9 @@ import {PopupComponent} from './BasicPage/popup/popup.component';
     ControlPageComponent,
     IndexPageComponent,
     NotFoundComponent,
-    PopupComponent
+    PopupComponent,
+    RdppageComponent,
+    TermpageComponent,
     // HeroListComponent,
     // CrisisListComponent,
   ],

src/app/app.service.ts

@@ -57,6 +57,7 @@ export let User: {
 export let DataStore: {
   socket: any;
   Nav: Array<{}>;
+  NavShow: boolean;
   Path: {};
   error: {};
   msg: {};
@@ -66,6 +67,7 @@ export let DataStore: {
 } = {
   socket: io.connect(),
   Nav: [{}],
+  NavShow: true,
   Path: {},
   error: {},
   msg: {},