feat: update

package-lock.json

@@ -258,6 +258,14 @@
       "integrity": "sha512-Yj/y5XrBBXbtwnZ6HJOBl/0XS/JBvVlHb1UWw5MIrsc81k7/eFiRAIKzmGpAba+Sw0G0dO22ABZ4yJjAMsML6A==",
       "dev": true
     },
+    "@angular/material": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-5.1.1.tgz",
+      "integrity": "sha512-RC3xkbX35daNq4w+XBmm+Vgi16TJvLbSkw5xkdxCqLSysFx9ymwDOjUbLeHt2nJtvYWvnSjuVukdSAeaBknTFg==",
+      "requires": {
+        "tslib": "1.8.1"
+      }
+    },
     "@angular/platform-browser": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-5.2.0.tgz",

package.json

@@ -19,6 +19,7 @@
     "@angular/core": "5.2.0",
     "@angular/forms": "5.2.0",
     "@angular/http": "5.2.0",
+    "@angular/material": "^5.1.1",
     "@angular/platform-browser": "5.2.0",
     "@angular/platform-browser-dynamic": "5.2.0",
     "@angular/router": "5.2.0",
@@ -61,9 +62,9 @@
     "socket.io-client": "^2.0.4",
     "ssh-keygen": "^0.4.1",
     "tether": "^1.4.0",
+    "tslib": "1.8.1",
     "uuid-js": "^0.7.5",
     "xterm": "^2.9.2",
-    "tslib": "1.8.1",
     "zone.js": "0.8.20"
   },
   "devDependencies": {

src/app/ControlPage/cleftbar/cleftbar.component.ts

@@ -15,7 +15,7 @@ import {version} from '../../../environments/environment';
 import * as jQuery from 'jquery/dist/jquery.min.js';
 import {ElementServerMenuComponent} from '../../elements/server-menu/server-menu.component';
 import {NavList, View} from '../control/control.component';
-import {LayerService} from '../../elements/layer/layer.service';
+import {DialogService} from '../../elements/dialog/dialog.service';
 
 
 export interface HostGroup {
@@ -83,7 +83,7 @@ export class CleftbarComponent implements OnInit {
               private _search: SearchComponent,
               private _logger: LogService,
               private _menu: ElementServerMenuComponent,
-              private _layer: LayerService) {
+              private _dialog: DialogService) {
     this._logger.log('nav.ts:NavComponent');
     // this._appService.getnav()
   }
@@ -126,7 +126,7 @@ export class CleftbarComponent implements OnInit {
         for (const u of host.system_users_granted) {
           options += '<option value="' + u.id + '">' + u.username + '</option>';
         }
-        this._layer.open({
+        this._dialog.open({
           title: 'Please Choose a User',
           scrollbar: false,
           moveOut: true,
@@ -142,7 +142,7 @@ export class CleftbarComponent implements OnInit {
               }
             }
             that.login(host, user);
-            that._layer.close(index);
+            that._dialog.close(index);
           },
           btn2: function (index, layero) {
           },

src/app/app.module.ts

@@ -20,7 +20,7 @@ import {AppRoutingModule} from './app-routing.module';
 import {AppComponent} from './app.component';
 // service
 import {AppService, HttpService, LogService, UUIDService} from './app.service';
-import {LayerService} from './elements/layer/layer.service';
+import {DialogService} from './elements/dialog/dialog.service';
 
 // Elements
 import {ElementFooterComponent} from './elements/footer/footer.component';
@@ -106,7 +106,7 @@ import { BlankPageComponent } from './blank-page/blank-page.component';
     HttpService,
     LogService,
     UUIDService,
-    LayerService,
+    DialogService,
     NGXLogger
   ]
 })

src/app/elements/layer/layer.service.ts → src/app/elements/dialog/dialog.service.ts

@@ -2,7 +2,7 @@ import {Injectable} from '@angular/core';
 import * as layer from 'layui-layer/src/layer.js';
 
 @Injectable()
-export class LayerService {
+export class DialogService {
 
   constructor() {
   }

src/app/elements/server-menu/server-menu.component.ts

 import {Component, OnInit} from '@angular/core';
-import {LayerService} from '../layer/layer.service';
+import {DialogService} from '../dialog/dialog.service';
 
 
 export class Menu {
@@ -18,7 +18,7 @@ export class ElementServerMenuComponent implements OnInit {
   top: number;
   left: number;
 
-  constructor(private ly: LayerService) {
+  constructor(private _dialog: DialogService) {
   }
 
   ngOnInit() {
@@ -29,7 +29,7 @@ export class ElementServerMenuComponent implements OnInit {
     m.type = 'lll';
     line.type = 'line';
     this.MenuList = [m, m, line, m, m];
-    this.ly.alert();
+    this._dialog.alert();
   }
 
   public contextmenu(top: number, left: number) {

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

-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
+import {DataStore} from '../globals';
+import {DialogService} from '../elements/dialog/dialog.service';
+
+// import {Mats, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material';
 
 @Component({
   selector: 'app-test-page',
@@ -7,9 +11,12 @@ import { Component, OnInit } from '@angular/core';
 })
 export class TestPageComponent implements OnInit {
 
-  constructor() { }
+  constructor(private _dialog: DialogService) {
+    DataStore.NavShow = false;
+  }
 
   ngOnInit() {
+    this._dialog.alert();
   }
 
 }