[Update] 拆分出settings

src/app/app.module.ts

@@ -7,9 +7,7 @@ import {CookieService} from 'ngx-cookie-service';
 import {MAT_LABEL_GLOBAL_OPTIONS} from '@angular/material';
 
 // service
-import {AppService, HttpService, LocalStorageService, NavService, LogService,
-  UUIDService, TreeFilterService, ViewService,
-} from './app.service';
+import {AllServices} from '@app/services';
 
 import {AppRouterModule} from './router/router.module';
 import {Pipes} from './pipes/pipes';
@@ -19,6 +17,7 @@ import {ElementComponents} from './elements/elements.component';
 import {PageMainComponent} from '@app/pages/main/main.component';
 import {PluginModules} from './plugins/plugins';
 import {ChangLanWarningDialogComponent, RDPSolutionDialogComponent, FontDialogComponent} from './elements/nav/nav.component';
+import {ElementSettingComponent} from '@app/elements/setting/setting.component';
 import {AssetTreeDialogComponent, ManualPasswordDialogComponent} from './elements/connect/connect.component';
 
 
@@ -44,20 +43,14 @@ import {AssetTreeDialogComponent, ManualPasswordDialogComponent} from './element
     RDPSolutionDialogComponent,
     FontDialogComponent,
     PageMainComponent,
+    ElementSettingComponent,
   ],
   bootstrap: [AppComponent],
   providers: [
     // {provide: LoggerConfig, useValue: {level: LoggerLevel.WARN}},
     // {provide: BrowserXhr, useClass: NgProgressBrowserXhr},
-    AppService,
-    HttpService,
-    LogService,
-    NavService,
-    UUIDService,
-    LocalStorageService,
+    ...AllServices,
     CookieService,
-    TreeFilterService,
-    ViewService,
     NGXLogger,
     {provide: MAT_LABEL_GLOBAL_OPTIONS, useValue: {float: 'always'}}
   ]

src/app/elements/asset-tree/asset-tree.component.ts

@@ -3,7 +3,7 @@ import {MatDialog} from '@angular/material';
 import {BehaviorSubject} from 'rxjs';
 import {ActivatedRoute} from '@angular/router';
 
-import {AppService, HttpService, LogService, NavService, TreeFilterService} from '@app/app.service';
+import {AppService, HttpService, LogService, NavService, TreeFilterService} from '@app/services';
 import {connectEvt, translate} from '@app/globals';
 import {TreeNode, ConnectEvt} from '@app/model';
 

src/app/elements/connect/connect.component.ts

 import {Component, OnInit, Output, Inject, OnDestroy, EventEmitter} from '@angular/core';
 import 'rxjs/add/operator/toPromise';
 import {connectEvt} from '@app/globals';
-import {AppService, HttpService, LogService, NavService} from '@app/app.service';
+import {AppService, HttpService, LogService, NavService} from '@app/services';
 import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material';
 import {FormControl, Validators} from '@angular/forms';
 import {ActivatedRoute} from '@angular/router';

src/app/elements/content/content.component.ts

 import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';
 import {View, ViewAction} from '@app/model';
-import {ViewService} from '@app/app.service';
+import {ViewService} from '@app/services';
 
 @Component({
   selector: 'elements-content',

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

 import {Component, Inject, Injectable, OnInit} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material';
-import {LogService} from '@app/app.service';
+import {LogService} from '@app/services';
 import {FormControl, Validators} from '@angular/forms';
 
 // import * as layer from 'layui-layer/src/layer.js';

src/app/elements/elements.component.ts

@@ -15,6 +15,7 @@ import {ElementSshTermComponent} from './ssh-term/ssh-term.component';
 import {ElementConnectComponent, AssetTreeDialogComponent, ManualPasswordDialogComponent} from './connect/connect.component';
 import {RDPSolutionDialogComponent, FontDialogComponent} from './nav/nav.component';
 import {ElementSftpComponent} from '@app/elements/sftp/sftp.component';
+import {ElementSettingComponent} from '@app/elements/setting/setting.component';
 
 export const ElementComponents = [
   ElementLeftBarComponent,
@@ -37,5 +38,6 @@ export const ElementComponents = [
   ChangLanWarningDialogComponent,
   ManualPasswordDialogComponent,
   RDPSolutionDialogComponent,
-  FontDialogComponent
+  FontDialogComponent,
+  ElementSettingComponent
 ];

src/app/elements/guacamole/guacamole.component.ts

 import {Component, ElementRef, Input, OnInit, ViewChild} from '@angular/core';
 import {CookieService} from 'ngx-cookie-service';
-import {HttpService, LogService} from '@app/app.service';
+import {HttpService, LogService} from '@app/services';
 import {DataStore, User} from '@app/globals';
 import {DomSanitizer} from '@angular/platform-browser';
 import {View} from '@app/model';

src/app/elements/nav/nav.component.css

@@ -67,7 +67,7 @@
 }
 
 .nav .dropdown-content li {
-  float: left;
+  /*float: left;*/
   display: flex;
 }
 
@@ -84,7 +84,7 @@
 }
 
 .nav .dropdown-content li a span {
-  float: right;
+  /*float: right;*/
 }
 
 .dropdown-content li:hover {

src/app/elements/nav/nav.component.html

@@ -5,7 +5,7 @@
     </li>
     <li *ngFor="let v of navs" [ngClass]="{'dropdown': v.children}" >
       <a>{{v.name|trans}}</a>
-      <ul [ngClass]="{'dropdown-content': v.children}">
+      <ul [ngClass]="{'dropdown-content': v.children}" *ngIf="v.children">
         <li *ngFor="let vv of v.children" [ngClass]="{'disabled': vv.disable}">
           <a *ngIf="vv.href" [routerLink]="[vv.href]">{{vv.name|trans}}</a>
           <a id="{{vv.id}}" *ngIf="vv.click && !vv.hide" (click)="click(vv.click)">{{vv.name|trans}}</a>

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

-/**
- * 主页导航条
- *
- *
- * @date     2017-11-07
- * @author   liuzheng <liuzheng712@gmail.com>
- */
 import {Component, Inject, OnInit} from '@angular/core';
-import {HttpService, LocalStorageService, NavService, LogService, ViewService} from '@app/app.service';
+import {HttpService, LocalStorageService, NavService, LogService, ViewService} from '@app/services';
 import {DataStore, i18n} from '@app/globals';
-import * as jQuery from 'jquery/dist/jquery.min.js';
 import {ElementLeftBarComponent} from '@app/elements/left-bar/left-bar.component';
+import {ElementSettingComponent} from '@app/elements/setting/setting.component';
 import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material';
-import {View} from '@app/model';
+import {Nav, View} from '@app/model';
 
 @Component({
   selector: 'elements-nav',
@@ -20,14 +13,10 @@ import {View} from '@app/model';
 })
 export class ElementNavComponent implements OnInit {
   DataStore = DataStore;
-  navs: Array<any>;
+  navs: Array<Nav>;
   _asyncTree = false;
   viewList: Array<View>;
 
-  static Hide() {
-    jQuery('elements-nav').hide();
-  }
-
   constructor(private _http: HttpService,
               private _logger: LogService,
               public _dialog: MatDialog,
@@ -65,8 +54,8 @@ export class ElementNavComponent implements OnInit {
         this.refreshNav();
         break;
       }
-      case 'Settings': {
-        this.Settings();
+      case 'Setting': {
+        this.Setting();
         break;
       }
       case 'Copy': {
@@ -212,122 +201,132 @@ export class ElementNavComponent implements OnInit {
 
   getNav() {
     return [{
-      'id': 'FileManager',
-      'name': 'File Manager',
-      'children': [
+      id: 'FileManager',
+      name: 'File Manager',
+      children: [
         {
-          'id': 'Connect',
-          'click': 'ConnectSFTP',
-          'name': 'Connect'
+          id: 'Connect',
+          click: 'ConnectSFTP',
+          name: 'Connect'
         },
       ]
-    },
-      {
-      'id': 'View',
-      'name': 'View',
-      'children': [
+    }, {
+      id: 'View',
+      name: 'View',
+      children: [
         {
-          'id': 'HideLeftManager',
-          'click': 'HideLeft',
-          'name': 'Hide left manager',
-          'hide': !DataStore.showLeftBar
+          id: 'HideLeftManager',
+          click: 'HideLeft',
+          name: 'Hide left manager',
+          hide: !DataStore.showLeftBar
         },
         {
-          'id': 'ShowLeftManager',
-          'click': 'ShowLeft',
-          'name': 'Show left manager',
-          'hide': DataStore.showLeftBar
+          id: 'ShowLeftManager',
+          click: 'ShowLeft',
+          name: 'Show left manager',
+          hide: DataStore.showLeftBar
         },
         {
-          'id': 'RDPResolution',
-          'click': 'SetResolution',
-          'name': 'RDP Resolution'
+          id: 'RDPResolution',
+          click: 'SetResolution',
+          name: 'RDP Resolution'
         },
         {
-          'id': 'Font',
-          'click': 'SetFont',
-          'name': 'Font'
+          id: 'Font',
+          click: 'SetFont',
+          name: 'Font'
         },
         {
-          'id': 'SplitVertical',
-          'href': '',
-          'name': 'Split vertical',
-          'disable': true
+          id: 'SplitVertical',
+          href: '',
+          name: 'Split vertical',
+          disable: true
         },
         {
-          'id': 'CommandBar',
-          'href': '',
-          'name': 'Command bar',
-          'disable': true
+          id: 'CommandBar',
+          href: '',
+          name: 'Command bar',
+          disable: true
         },
         {
-          'id': 'ShareSession',
-          'href': '',
-          'name': 'Share session (read/write)',
-          'disable': true
+          id: 'ShareSession',
+          href: '',
+          name: 'Share session (read/write)',
+          disable: true
         },
         {
-          'id': 'FullScreen',
-          'click': 'FullScreen',
-          'name': 'Full Screen'
+          id: 'FullScreen',
+          click: 'FullScreen',
+          name: 'Full Screen'
         },
         {
-          'id': 'LoadTreeAsync',
-          'click': 'LoadTreeAsync',
-          'name': 'Load Tree Async',
-          'hide': this._navSvc.treeLoadAsync
+          id: 'LoadTreeAsync',
+          click: 'LoadTreeAsync',
+          name: 'Load Tree Async',
+          hide: this._navSvc.treeLoadAsync
         },
         {
-          'id': 'LoadTreeSync',
-          'click': 'LoadTreeAsync',
-          'name': 'Load Tree Sync',
-          'hide': !this._navSvc.treeLoadAsync
+          id: 'LoadTreeSync',
+          click: 'LoadTreeAsync',
+          name: 'Load Tree Sync',
+          hide: !this._navSvc.treeLoadAsync
         },
         {
-          'id': 'SkipManualPassword',
-          'click': 'SkipManualPassword',
-          'name': 'Skip manual password',
-          'hide': this._navSvc.skipAllManualPassword
+          id: 'SkipManualPassword',
+          click: 'SkipManualPassword',
+          name: 'Skip manual password',
+          hide: this._navSvc.skipAllManualPassword
         },
         {
-          'id': 'ShowManualPassword',
-          'click': 'SkipManualPassword',
-          'name': 'Show manual password',
-          'hide': !this._navSvc.skipAllManualPassword
+          id: 'ShowManualPassword',
+          click: 'SkipManualPassword',
+          name: 'Show manual password',
+          hide: !this._navSvc.skipAllManualPassword
         }
-        ]
+      ]
     }, {
-      'id': 'Help',
-      'name': 'Help',
-      'children': [
+      id: 'Help',
+      name: 'Help',
+      children: [
         {
-          'id': 'Website',
-          'click': 'Website',
-          'name': 'Website'
+          id: 'Website',
+          click: 'Website',
+          name: 'Website'
         },
         {
-          'id': 'Document',
-          'click': 'Document',
-          'name': 'Document'
+          id: 'Document',
+          click: 'Document',
+          name: 'Document'
         },
         {
-          'id': 'Support',
-          'click': 'Support',
-          'name': 'Support'
+          id: 'Support',
+          click: 'Support',
+          name: 'Support'
         }]
     }, {
-      'id': 'Language',
-      'name': 'Language',
-      'children': [
+      id: 'Language',
+      name: 'Language',
+      children: [
         {
-          'id': 'English',
-          'click': 'English',
-          'name': 'English'
+          id: 'English',
+          click: 'English',
+          name: 'English'
         },
         {
-          'id': 'Chinese',
-          'click': 'Chinese',
-          'name': '中文'
+          id: 'Chinese',
+          click: 'Chinese',
+          name: '中文'
+        }
+      ]
+    }, {
+      id: 'Setting',
+      name: 'Setting',
+      click: 'Setting',
+      children: [
+        {
+          id: 'Setting',
+          click: 'Setting',
+          name: 'Setting'
         }
       ]
     }
@@ -356,7 +355,17 @@ export class ElementNavComponent implements OnInit {
     location.reload();
   }
 
-  Settings() {
+  Setting() {
+    const dialog = this._dialog.open(
+      ElementSettingComponent,
+      {
+        height: '300px',
+        width: '400px',
+      });
+    dialog.afterClosed().subscribe(result => {
+      if (result) {
+      }
+    });
   }
 }
 

src/app/elements/setting/setting.component.html

+<h1 mat-dialog-title>{{"Setting"|trans}}</h1>
+
+<mat-form-field>
+  <mat-select [(value)]="setting.rdpSolution"
+    placeholder="{{'Select a solution'|trans}}" >
+    <mat-option *ngFor="let s of solutionsChoices"  value="{{s}}">{{s}}</mat-option>
+  </mat-select>
+</mat-form-field>
+
+<mat-form-field>
+  <input [(value)]="setting.fontSize" matInput placeholder='{{"Font size"|trans}}' name="fontSize" type="number" min="5" max="60" >
+</mat-form-field>
+
+<div style="float: right">
+  <button mat-raised-button (click)="onNoClick()">{{"Cancel"|trans}}</button>
+  <button mat-raised-button color="primary" (click)="onSubmit()">{{"Confirm"|trans}}</button>
+</div>

src/app/elements/setting/setting.component.ts

+import {Component, Inject, OnInit} from '@angular/core';
+import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material';
+import {SettingService} from '@app/services';
+import {Setting} from '@app/model';
+
+
+@Component({
+  selector: 'elements-setting',
+  templateUrl: './setting.component.html',
+  styles: ['.mat-form-field { width: 100%;}']
+})
+export class ElementSettingComponent implements OnInit {
+  solutionsChoices = ['Auto', '1024x768', '1366x768', '1400x900'];
+  setting: Setting;
+
+  constructor(public dialogRef: MatDialogRef<ElementSettingComponent>,
+              @Inject(MAT_DIALOG_DATA) public data: any,
+              private settingSrv: SettingService) {
+  }
+
+  ngOnInit() {
+    this.setting = this.settingSrv.setting;
+    console.log(this.setting);
+  }
+
+  onSubmit() {
+    this.dialogRef.close();
+  }
+
+  onNoClick(): void {
+    this.dialogRef.close();
+  }
+}

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

 import {Component, Input, OnInit, OnDestroy } from '@angular/core';
 import {Terminal} from 'xterm';
 import {View} from '@app/model';
-import {LogService, UUIDService} from '@app/app.service';
+import {LogService, UUIDService} from '@app/services';
 import {Socket} from '@app/utils/socket';
 import {getWsSocket, translate} from '@app/globals';
 

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

@@ -2,7 +2,7 @@ import {AfterViewInit, Component, Input, Output, OnInit, ViewChild, EventEmitter
 import {ElementRef} from '@angular/core';
 import {Terminal} from 'xterm';
 import {fit} from 'xterm/lib/addons/fit/fit';
-import {LogService} from '@app/app.service';
+import {LogService} from '@app/services';
 import {Observable, fromEvent} from 'rxjs';
 import {debounceTime, distinctUntilChanged } from 'rxjs/operators';
 import * as $ from 'jquery/dist/jquery.min.js';

src/app/elements/tree-filter/tree-filter.component.ts

@@ -2,7 +2,7 @@ import {Component, OnInit} from '@angular/core';
 import {FormControl} from '@angular/forms';
 import {debounceTime, distinctUntilChanged} from 'rxjs/operators';
 
-import {LogService, TreeFilterService} from '@app/app.service';
+import {LogService, TreeFilterService} from '@app/services';
 
 
 @Component({

src/app/model.ts

@@ -80,6 +80,17 @@ export class ConnectEvt {
   }
 }
 
+
+export class Nav {
+  id: string;
+  name: string;
+  children?: Array<Nav>;
+  hide?: boolean = false;
+  click?: string;
+  href?: string;
+  disable?: boolean = false;
+}
+
 export class NavEvt {
   name: string;
   value: any;
@@ -88,7 +99,6 @@ export class NavEvt {
     this.name = name;
     this.value = value;
   }
-
 }
 
 export class View {
@@ -177,3 +187,9 @@ export class Monitor {
 }
 
 
+export class Setting {
+  rdpSolution: string = '1024x768';
+  fontSize: number = 14;
+  isLoadTreeAsync: boolean = true;
+  isSkipAllManualPassword: boolean = false;
+}

src/app/pages/app.component.ts

 import {Component} from '@angular/core';
-import {AppService} from '../app.service';
+import {AppService} from '@app/services';
 
 @Component({
   selector: 'app-root',

src/app/pages/connect/connect.component.ts

 import {Component, OnInit} from '@angular/core';
-import {AppService, HttpService, LocalStorageService} from '@app/app.service';
+import {AppService, HttpService, LocalStorageService} from '@app/services';
 import {connectEvt} from '@app/globals';
 import {ConnectEvt} from '@app/model';
 // import {DataStore} from '@app/globals';

src/app/pages/login/login.component.ts

@@ -6,7 +6,7 @@
  * @author   liuzheng <liuzheng712@gmail.com>
  */
 import {Component, OnInit} from '@angular/core';
-import {AppService, HttpService, LogService} from '@app/app.service';
+import {AppService, HttpService, LogService} from '@app/services';
 import {NgForm} from '@angular/forms';
 import {Router} from '@angular/router';
 import {DataStore, User} from '@app/globals';

src/app/pages/main/main.component.ts

 import {Component, HostListener, OnInit} from '@angular/core';
 import {DataStore, User} from '@app/globals';
 import {environment} from '@src/environments/environment';
-import {ViewService} from '@app/app.service';
+import {ViewService} from '@app/services';
 
 @Component({
   selector: 'pages-main',

src/app/pages/replay/json/json.component.ts

 import {Component, Input, OnInit} from '@angular/core';
 import {Terminal} from 'xterm';
-import {HttpService, LogService} from '@app/app.service';
+import {HttpService, LogService} from '@app/services';
 import {Replay} from '../replay.model';
 
 function zeroPad(num, minLength) {

src/app/pages/replay/replay.component.ts

 import {Component, OnInit} from '@angular/core';
 import {ActivatedRoute} from '@angular/router';
-import {HttpService, LogService} from '@app/app.service';
+import {HttpService, LogService} from '@app/services';
 import {Replay} from './replay.model';
 
 @Component({

src/app/services/app.ts

+import {Injectable, OnInit} from '@angular/core';
+import {Router} from '@angular/router';
+import {CookieService} from 'ngx-cookie-service';
+import {environment} from '@src/environments/environment';
+import {DataStore, i18n, User} from '@app/globals';
+import {HttpService} from './http';
+import {LocalStorageService, LogService} from './share';
+
+declare function unescape(s: string): string;
+
+
+@Injectable()
+export class AppService implements OnInit {
+  // user:User = user  ;
+  lang: string;
+
+  constructor(private _http: HttpService,
+              private _router: Router,
+              private _cookie: CookieService,
+              private _logger: LogService,
+              private _localStorage: LocalStorageService) {
+    this.setLogLevel();
+    this.setLang();
+    this.checklogin();
+  }
+
+  ngOnInit() {
+  }
+
+  setLogLevel() {
+    // 设置logger level
+    let logLevel = this._cookie.get('logLevel');
+    if (!logLevel) {
+        logLevel = environment.production ? '1' : '5';
+    }
+    this._logger.level = parseInt(logLevel, 10);
+  }
+
+  setLang() {
+    let lang = this._cookie.get('lang');
+    if (!lang) {
+      lang = navigator.language;
+    }
+    lang = lang.substr(0, 2);
+    this.lang = lang;
+
+    if (lang !== 'en') {
+      let url = `/luna/i18n/zh.json`;
+      if (!environment.production) {
+        url = `/assets/i18n/zh.json`;
+      }
+      this._http.get(url).subscribe(
+        data => {
+          this._localStorage.set('lang', JSON.stringify(data));
+        },
+        err => {
+          this._logger.error('Load i18n file error: ', err.error);
+        }
+      );
+    }
+    const l = this._localStorage.get('lang');
+    if (l) {
+      try {
+        const data = JSON.parse(l);
+        Object.keys(data).forEach((k, _) => {
+          i18n.set(k, data[k]);
+        });
+      } catch (e) {
+        this._logger.error('Parse lang json failed');
+      }
+    }
+  }
+
+  checklogin() {
+    this._logger.debug('Check user auth');
+    if (!DataStore.Path) {
+      this._router.navigate(['FOF']);
+    }
+
+    if (User.logined) {
+      if (document.location.pathname === '/login') {
+        this._router.navigate(['']);
+      } else {
+        this._router.navigate([document.location.pathname]);
+      }
+      return;
+    }
+    this._http.getUserProfile().subscribe(
+      user => {
+        Object.assign(User, user);
+        User.logined = true;
+        this._localStorage.set('user', user.id);
+      },
+      err => {
+        // this._logger.error(err);
+        User.logined = false;
+        if (document.location.pathname !== '/luna/connect') {
+          window.location.href = document.location.origin + '/users/login?next=' +
+            document.location.pathname + document.location.search;
+        }
+        // this._router.navigate(['login']);
+      },
+    );
+  }
+
+  browser() {
+    this._http.reportBrowser();
+  }
+
+  getQueryString(name) {
+    const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
+    const r = window.location.search.substr(1).match(reg);
+    if (r != null) {
+      return unescape(r[2]);
+    }
+    return null;
+  }
+}

src/app/app.service.ts → src/app/services/http.ts

-import {EventEmitter, Injectable, OnInit} from '@angular/core';
-import {Router} from '@angular/router';
-import {CookieService} from 'ngx-cookie-service';
-
-import {DataStore, User, Browser, i18n} from './globals';
+import {Injectable} from '@angular/core';
 import {HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';
-import {NGXLogger} from 'ngx-logger';
-import {SystemUser, GuacObjAddResp, TreeNode, User as _User, NavEvt, View} from './model';
-import {environment} from '../environments/environment';
-import * as UUID from 'uuid-js/lib/uuid.js';
-
-declare function unescape(s: string): string;
-
+import {Browser, DataStore} from '@app/globals';
+import {GuacObjAddResp, SystemUser, TreeNode, User as _User} from '@app/model';
 
 
 @Injectable()
@@ -216,270 +207,3 @@ export class HttpService {
   }
 
 }
-
-@Injectable()
-export class LogService {
-  level: number;
-
-  constructor(private _logger: NGXLogger) {
-    // 0.- Level.OFF
-    // 1.- Level.ERROR
-    // 2.- Level.WARN
-    // 3.- Level.INFO
-    // 4.- Level.DEBUG
-    // 5.- Level.LOG
-    this.level = 4;
-  }
-
-  log(message: any, ...additional: any[]) {
-    if (this.level > 4) {
-      this._logger.log(message, ...additional);
-    }
-  }
-
-  debug(message: any, ...additional: any[]) {
-    if (this.level > 3) {
-      this._logger.debug(message, ...additional);
-    }
-  }
-
-  info(message: any, ...additional: any[]) {
-    if (this.level > 2) {
-      this._logger.info(message, ...additional);
-    }
-  }
-
-  warn(message: any, ...additional: any[]) {
-    if (this.level > 1) {
-      this._logger.warn(message, ...additional);
-    }
-  }
-
-  error(message: any, ...additional: any[]) {
-    if (this.level > 0) {
-      this._logger.error(message, ...additional);
-    }
-  }
-
-}
-
-@Injectable()
-export class LocalStorageService {
-  constructor() {
-
-  }
-
-  get(key: string): string {
-    return localStorage.getItem(key);
-  }
-
-  set(key: string, value: any) {
-    return localStorage.setItem(key, value);
-  }
-
-  delete(key: string) {
-    return localStorage.removeItem(key);
-  }
-}
-
-@Injectable()
-export class AppService implements OnInit {
-  // user:User = user  ;
-  lang: string;
-
-  constructor(private _http: HttpService,
-              private _router: Router,
-              private _cookie: CookieService,
-              private _logger: LogService,
-              private _localStorage: LocalStorageService) {
-    this.setLogLevel();
-    this.setLang();
-    this.checklogin();
-  }
-
-  ngOnInit() {
-  }
-
-  setLogLevel() {
-    // 设置logger level
-    let logLevel = this._cookie.get('logLevel');
-    if (!logLevel) {
-        logLevel = environment.production ? '1' : '5';
-    }
-    this._logger.level = parseInt(logLevel, 10);
-  }
-
-  setLang() {
-    let lang = this._cookie.get('lang');
-    if (!lang) {
-      lang = navigator.language;
-    }
-    lang = lang.substr(0, 2);
-    this.lang = lang;
-
-    if (lang !== 'en') {
-      let url = `/luna/i18n/zh.json`;
-      if (!environment.production) {
-        url = `/assets/i18n/zh.json`;
-      }
-      this._http.get(url).subscribe(
-        data => {
-          this._localStorage.set('lang', JSON.stringify(data));
-        },
-        err => {
-          this._logger.error('Load i18n file error: ', err.error);
-        }
-      );
-    }
-    const l = this._localStorage.get('lang');
-    if (l) {
-      try {
-        const data = JSON.parse(l);
-        Object.keys(data).forEach((k, _) => {
-          i18n.set(k, data[k]);
-        });
-      } catch (e) {
-        this._logger.error('Parse lang json failed');
-      }
-    }
-  }
-
-  checklogin() {
-    this._logger.debug('Check user auth');
-    if (!DataStore.Path) {
-      this._router.navigate(['FOF']);
-    }
-
-    if (User.logined) {
-      if (document.location.pathname === '/login') {
-        this._router.navigate(['']);
-      } else {
-        this._router.navigate([document.location.pathname]);
-      }
-      return;
-    }
-    this._http.getUserProfile().subscribe(
-      user => {
-        Object.assign(User, user);
-        User.logined = true;
-        this._localStorage.set('user', user.id);
-      },
-      err => {
-        // this._logger.error(err);
-        User.logined = false;
-        if (document.location.pathname !== '/luna/connect') {
-          window.location.href = document.location.origin + '/users/login?next=' +
-            document.location.pathname + document.location.search;
-        }
-        // this._router.navigate(['login']);
-      },
-    );
-  }
-
-  browser() {
-    this._http.reportBrowser();
-  }
-
-  getQueryString(name) {
-    const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
-    const r = window.location.search.substr(1).match(reg);
-    if (r != null) {
-      return unescape(r[2]);
-    }
-    return null;
-  }
-}
-
-@Injectable()
-export class UUIDService {
-  constructor() {
-
-  }
-
-  gen() {
-    return UUID.create()['hex'];
-  }
-}
-
-
-@Injectable()
-export class NavService {
-  onNavClick: EventEmitter<NavEvt> = new EventEmitter<NavEvt>();
-
-  constructor(private store: LocalStorageService) {}
-
-  disconnectAllConnection() {
-    const evt = new NavEvt('disconnectAll', '');
-    this.onNavClick.emit(evt);
-  }
-
-  disconnectConnection() {
-    const evt = new NavEvt('disconnect', '');
-    this.onNavClick.emit(evt);
-  }
-
-  changeLang(value) {
-    const evt = new NavEvt('changeLang', value);
-    this.onNavClick.emit(evt);
-  }
-
-  get treeLoadAsync() {
-    const value = this.store.get('LoadTreeAsync');
-    return value === '1';
-  }
-
-  set treeLoadAsync(v: boolean) {
-    const value = v ? '1' : '0';
-    this.store.set('LoadTreeAsync', value);
-  }
-
-  get skipAllManualPassword() {
-    const value = this.store.get('SkipAllManualPassword');
-    return value === '1';
-  }
-
-  set skipAllManualPassword(v) {
-    const value = v ? '1' : '0';
-    this.store.set('SkipAllManualPassword', value);
-  }
-}
-
-@Injectable()
-export class TreeFilterService {
-  onFilter: EventEmitter<string> = new EventEmitter<string>();
-
-  filter(q: string) {
-    this.onFilter.emit(q);
-  }
-}
-
-@Injectable()
-export class ViewService {
-  viewList: Array<View> = [];
-  currentView: View;
-  num = 0;
-
-  addView(view: View) {
-    this.num += 1;
-    view.id = 'View_' + this.num;
-    this.viewList.push(view);
-  }
-
-  activeView(view: View) {
-    this.viewList.forEach((v, k) => {
-      v.active = v === view;
-    });
-    setTimeout(() => {
-      const viewEl = document.getElementById(view.id);
-      if (viewEl) {
-        viewEl.scrollIntoView();
-      }
-    }, 100);
-    this.currentView = view;
-  }
-
-  removeView(view: View) {
-    const index = this.viewList.indexOf(view);
-    this.viewList.splice(index, 1);
-  }
-}

src/app/services/index.ts

+import {LogService, LocalStorageService, UUIDService} from './share';
+export {LogService, LocalStorageService, UUIDService} from './share';
+import {AppService} from './app';
+export {AppService} from './app';
+import {HttpService} from './http';
+export {HttpService} from './http';
+import {NavService} from './nav';
+export {NavService} from './nav';
+import {TreeFilterService} from './treeFilter';
+export {TreeFilterService} from './treeFilter';
+import {SettingService} from './setting';
+export {SettingService} from './setting';
+import {ViewService} from './view';
+export {ViewService} from './view';
+
+
+
+export const AllServices = [
+  LogService, LocalStorageService, UUIDService,
+  AppService,
+  HttpService,
+  NavService,
+  TreeFilterService,
+  SettingService,
+  ViewService,
+];
+

src/app/services/nav.ts

+import {EventEmitter, Injectable} from '@angular/core';
+import {NavEvt} from '@app/model';
+
+import {LocalStorageService} from './share';
+
+
+@Injectable()
+export class NavService {
+  onNavClick: EventEmitter<NavEvt> = new EventEmitter<NavEvt>();
+
+  constructor(private store: LocalStorageService) {}
+
+  disconnectAllConnection() {
+    const evt = new NavEvt('disconnectAll', '');
+    this.onNavClick.emit(evt);
+  }
+
+  disconnectConnection() {
+    const evt = new NavEvt('disconnect', '');
+    this.onNavClick.emit(evt);
+  }
+
+  changeLang(value) {
+    const evt = new NavEvt('changeLang', value);
+    this.onNavClick.emit(evt);
+  }
+
+  get treeLoadAsync() {
+    const value = this.store.get('LoadTreeAsync');
+    return value === '1';
+  }
+
+  set treeLoadAsync(v: boolean) {
+    const value = v ? '1' : '0';
+    this.store.set('LoadTreeAsync', value);
+  }
+
+  get skipAllManualPassword() {
+    const value = this.store.get('SkipAllManualPassword');
+    return value === '1';
+  }
+
+  set skipAllManualPassword(v) {
+    const value = v ? '1' : '0';
+    this.store.set('SkipAllManualPassword', value);
+  }
+}

src/app/services/setting.ts

+import {Injectable} from '@angular/core';
+import {Setting} from '@app/model';
+import {LocalStorageService} from './share';
+
+@Injectable()
+export class SettingService {
+  setting: Setting;
+  settingKey: 'LunaSetting';
+
+  constructor(private store: LocalStorageService) {
+    const settingData = this.store.get(this.settingKey);
+    if (settingData) {
+      this.setting = JSON.parse(settingData) as Setting;
+    } else {
+      this.setting = new Setting();
+    }
+  }
+
+  save() {
+    const settingData = JSON.stringify(this.setting);
+    this.store.set(this.settingKey, settingData);
+  }
+
+  isLoadTreeAsync() {
+    return this.setting.isLoadTreeAsync;
+  }
+
+  isSkipAllManualPassword() {
+    return this.setting.isSkipAllManualPassword;
+  }
+}

src/app/services/share.ts

+import {Injectable} from '@angular/core';
+import {NGXLogger} from 'ngx-logger';
+import * as UUID from 'uuid-js/lib/uuid';
+
+@Injectable()
+export class LogService {
+  level: number;
+
+  constructor(private _logger: NGXLogger) {
+    // 0.- Level.OFF
+    // 1.- Level.ERROR
+    // 2.- Level.WARN
+    // 3.- Level.INFO
+    // 4.- Level.DEBUG
+    // 5.- Level.LOG
+    this.level = 4;
+  }
+
+  log(message: any, ...additional: any[]) {
+    if (this.level > 4) {
+      this._logger.log(message, ...additional);
+    }
+  }
+
+  debug(message: any, ...additional: any[]) {
+    if (this.level > 3) {
+      this._logger.debug(message, ...additional);
+    }
+  }
+
+  info(message: any, ...additional: any[]) {
+    if (this.level > 2) {
+      this._logger.info(message, ...additional);
+    }
+  }
+
+  warn(message: any, ...additional: any[]) {
+    if (this.level > 1) {
+      this._logger.warn(message, ...additional);
+    }
+  }
+
+  error(message: any, ...additional: any[]) {
+    if (this.level > 0) {
+      this._logger.error(message, ...additional);
+    }
+  }
+
+}
+
+@Injectable()
+export class LocalStorageService {
+  constructor() {
+
+  }
+
+  get(key: string): string {
+    return localStorage.getItem(key);
+  }
+
+  set(key: string, value: any) {
+    return localStorage.setItem(key, value);
+  }
+
+  delete(key: string) {
+    return localStorage.removeItem(key);
+  }
+}
+
+
+
+@Injectable()
+export class UUIDService {
+  constructor() {
+
+  }
+
+  gen() {
+    return UUID.create()['hex'];
+  }
+}
+

src/app/services/treeFilter.ts

+import {EventEmitter, Injectable} from '@angular/core';
+
+@Injectable()
+export class TreeFilterService {
+  onFilter: EventEmitter<string> = new EventEmitter<string>();
+
+  filter(q: string) {
+    this.onFilter.emit(q);
+  }
+}

src/app/services/view.ts

+import {Injectable} from '@angular/core';
+import {View} from '@app/model';
+
+
+@Injectable()
+export class ViewService {
+  viewList: Array<View> = [];
+  currentView: View;
+  num = 0;
+
+  addView(view: View) {
+    this.num += 1;
+    view.id = 'View_' + this.num;
+    this.viewList.push(view);
+  }
+
+  activeView(view: View) {
+    this.viewList.forEach((v, k) => {
+      v.active = v === view;
+    });
+    setTimeout(() => {
+      const viewEl = document.getElementById(view.id);
+      if (viewEl) {
+        viewEl.scrollIntoView();
+      }
+    }, 100);
+    this.currentView = view;
+  }
+
+  removeView(view: View) {
+    const index = this.viewList.indexOf(view);
+    this.viewList.splice(index, 1);
+  }
+}