feat: update the layer, next step will build by my own

package-lock.json

@@ -6992,6 +6992,9 @@
         "stream-splicer": "2.0.0"
       }
     },
+    "layui-layer": {
+      "version": "git+https://github.com/jumpserver/layer.git#c568876741b64556df9916ed678a6106e1e82899"
+    },
     "lazy-cache": {
       "version": "0.2.7",
       "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",

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

@@ -13,11 +13,9 @@ import {SearchComponent} from '../search/search.component';
 import {DataStore} from '../../globals';
 import {version} from '../../../environments/environment';
 import * as jQuery from 'jquery/dist/jquery.min.js';
-import * as layer from 'layui-layer/src/layer.js';
-import * as UUID from 'uuid-js/lib/uuid.js';
 import {ElementServerMenuComponent} from '../../elements/server-menu/server-menu.component';
 import {NavList, View} from '../control/control.component';
-import {logger} from 'codelyzer/util/logger';
+import {LayerService} from '../../elements/layer/layer.service';
 
 
 export interface HostGroup {
@@ -84,7 +82,8 @@ export class CleftbarComponent implements OnInit {
               private _http: HttpService,
               private _search: SearchComponent,
               private _logger: LogService,
-              private _menu: ElementServerMenuComponent) {
+              private _menu: ElementServerMenuComponent,
+              private _layer: LayerService) {
     this._logger.log('nav.ts:NavComponent');
     // this._appService.getnav()
   }
@@ -127,7 +126,7 @@ export class CleftbarComponent implements OnInit {
         for (const u of host.system_users_granted) {
           options += '<option value="' + u.id + '">' + u.username + '</option>';
         }
-        layer.open({
+        this._layer.open({
           title: 'Please Choose a User',
           scrollbar: false,
           moveOut: true,
@@ -143,7 +142,7 @@ export class CleftbarComponent implements OnInit {
               }
             }
             that.login(host, user);
-            layer.close(index);
+            that._layer.close(index);
           },
           btn2: function (index, layero) {
           },

src/app/app.module.ts

@@ -18,7 +18,7 @@ import {AppRoutingModule} from './app-routing.module';
 
 import {AppComponent} from './app.component';
 // service
-import {AppService, HttpService, LogService} from './app.service';
+import {AppService, HttpService, LogService, UUIDService} from './app.service';
 import {LayerService} from './elements/layer/layer.service';
 
 // Elements
@@ -103,6 +103,7 @@ import {HttpClientModule} from '@angular/common/http';
     AppService,
     HttpService,
     LogService,
+    UUIDService,
     LayerService,
     NGXLogger
   ]

src/app/app.service.ts

@@ -15,6 +15,7 @@ import {environment} from '../environments/environment';
 import {HttpClient, HttpHeaders} from '@angular/common/http';
 import {NGXLogger} from 'ngx-logger';
 import {HostGroup} from './ControlPage/cleftbar/cleftbar.component';
+import * as UUID from 'uuid-js/lib/uuid.js';
 
 declare function unescape(s: string): string;
 
@@ -357,3 +358,13 @@ export class AppService implements OnInit {
 //   }
 }
 
+@Injectable()
+export class UUIDService {
+  constructor() {
+
+  }
+
+  gen() {
+    return UUID.create()['hex'];
+  }
+}

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

 import {Injectable} from '@angular/core';
-
+import * as layer from 'layui-layer/src/layer.js';
 
 @Injectable()
 export class LayerService {
@@ -7,6 +7,10 @@ export class LayerService {
   constructor() {
   }
 
+  open(options: any) {
+    layer.open(options);
+  }
+
   dialog() {
   }
 
@@ -23,4 +27,8 @@ export class LayerService {
   alert() {
     // alert('sss');
   }
+
+  close(index: any) {
+    layer.close(index);
+  }
 }

src/app/elements/term/term.component.ts

@@ -4,7 +4,7 @@ import {term, Terminal, TermWS} from '../../globals';
 import {Cookie} from 'ng2-cookies/ng2-cookies';
 import {NavList} from '../../ControlPage/control/control.component';
 import * as jQuery from 'jquery/dist/jquery.min.js';
-import * as UUID from 'uuid-js/lib/uuid.js';
+import {UUIDService} from '../../app.service';
 
 @Component({
   selector: 'app-element-term',
@@ -20,11 +20,11 @@ export class ElementTermComponent implements OnInit, AfterViewInit {
   secret: string;
   term: any;
 
-  constructor() {
+  constructor(private _uuid: UUIDService) {
   }
 
   ngOnInit() {
-    this.secret = UUID.create()['hex'];
+    this.secret = this._uuid.gen();
     this.term = Terminal({
       cols: 80,
       rows: 24,

src/app/globals.ts

 'use strict';
-import * as terminal from 'xterm/src/xterm';
+import * as terminal from 'xterm/dist/xterm';
 import * as io from 'socket.io-client';
 
 export function Terminal(xargs: any) {