feat: add setting page

i18n/zh.json

+cn.json
\ No newline at end of file

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

@@ -2,14 +2,17 @@
 <div *ngFor="let m of NavList.List;let i=index"
      [ngClass]="{'active':i==NavList.Active}"
 >
-  <app-element-term [host]="m.host"
+  <app-element-term [index]="i"
+                    [host]="m.host"
                     [userid]="m.user.id"
-                    [index]="i"
                     *ngIf="m.type=='ssh'">
   </app-element-term>
-  <app-element-guacamole [host]="m.host"
-                      [userid]="m.user.id"
-                      [index]="i"
-                      *ngIf="m.type=='rdp'">
+  <app-element-guacamole [index]="i"
+                         [host]="m.host"
+                         [userid]="m.user.id"
+                         *ngIf="m.type=='rdp'">
   </app-element-guacamole>
+  <app-element-settings [index]="i"
+                        *ngIf="m.type=='settings'">
+  </app-element-settings>
 </div>

src/app/app.module.ts

@@ -30,6 +30,7 @@ import {ElementRdpComponent} from './elements/rdp/rdp.component';
 import {ElementServerMenuComponent} from './elements/server-menu/server-menu.component';
 import {ElementIframeComponent} from './elements/iframe/iframe.component';
 import {ElementElfinderComponent} from './elements/elfinder/elfinder.component';
+import {ElementSettingsComponent} from './elements/settings/settings.component';
 
 // pages
 import {LoginComponent} from './BasicPage/login/login.component';
@@ -97,6 +98,7 @@ import {ConnectPageComponent} from './connect-page/connect-page.component';
     ElementOfooterComponent,
     ElementGuacamoleComponent,
     ElementElfinderComponent,
+    ElementSettingsComponent,
     LoginComponent,
     SearchComponent,
     SearchFilter,

src/app/elements/nav/nav.component.ts

@@ -8,7 +8,7 @@
 import {Component, Inject, OnInit} from '@angular/core';
 import {AppService, HttpService, LocalStorageService, LogService} from '../../app.service';
 import {CleftbarComponent} from '../../ControlPage/cleftbar/cleftbar.component';
-import {ControlComponent, NavList} from '../../ControlPage/control/control.component';
+import {ControlComponent, NavList, View} from '../../ControlPage/control/control.component';
 import {DataStore, i18n} from '../../globals';
 import * as jQuery from 'jquery/dist/jquery.min.js';
 import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material';
@@ -53,6 +53,10 @@ export class ElementNavComponent implements OnInit {
         CleftbarComponent.Hide();
         break;
       }
+      case 'Settings': {
+        this.Settings();
+        break;
+      }
       case 'ShowLeft': {
         CleftbarComponent.Show();
         break;
@@ -253,10 +257,9 @@ export class ElementNavComponent implements OnInit {
           'disable': true
         },
         {
-          'id': 'Language',
-          'href': '',
-          'name': 'Language',
-          'disable': true
+          'id': 'Settings',
+          'click': 'Settings',
+          'name': 'Settings'
         }]
     }, {
       'id': 'Help',
@@ -339,6 +342,17 @@ export class ElementNavComponent implements OnInit {
     }
     location.reload();
   }
+
+  Settings() {
+    const id = NavList.List.length - 1;
+    NavList.List[id].nick = 'Setting';
+    NavList.List[id].connected = true;
+    NavList.List[id].edit = false;
+    NavList.List[id].closed = false;
+    NavList.List[id].type = 'settings';
+    NavList.List.push(new View());
+    NavList.Active = id;
+  }
 }
 
 

src/app/elements/settings/settings.component.html

+<p>
+  settings works!
+</p>

src/app/elements/settings/settings.component.spec.ts

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

src/app/elements/settings/settings.component.ts

+import {Component, Input, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'app-element-settings',
+  templateUrl: './settings.component.html',
+  styleUrls: ['./settings.component.scss']
+})
+export class ElementSettingsComponent implements OnInit {
+  @Input() index: number;
+
+  constructor() {
+  }
+
+  ngOnInit() {
+  }
+
+}