[Update] 支持修改终端字体大小

i18n/cn.json

@@ -56,5 +56,7 @@
   "connect": "连接",
   "rdp resolution": "RDP分辨率",
   "set rdp solution": "设置分辨率",
-  "select a solution": "选择分辨率"
+  "select a solution": "选择分辨率",
+  "set font size": "设置字体大小",
+  "font size": "字体大小"
 }

i18n/zh-CN.json

@@ -56,5 +56,7 @@
   "connect": "连接",
   "rdp resolution": "RDP分辨率",
   "set rdp solution": "设置分辨率",
-  "select a solution": "选择分辨率"
+  "select a solution": "选择分辨率",
+  "set font size": "设置字体大小",
+  "font size": "字体大小"
 }

i18n/zh.json

@@ -56,5 +56,7 @@
   "connect": "连接",
   "rdp resolution": "RDP分辨率",
   "set rdp solution": "设置分辨率",
-  "select a solution": "选择分辨率"
+  "select a solution": "选择分辨率",
+  "set font size": "设置字体大小",
+  "font size": "字体大小"
 }

src/app/app.module.ts

@@ -26,7 +26,7 @@ import {MAT_LABEL_GLOBAL_OPTIONS} from '@angular/material';
 import {Pipes} from './pipes/pipes';
 import {PagesComponents} from './pages/pages.component';
 import {ElementComponents} from './elements/elements.component';
-import {ChangLanWarningDialogComponent, RDPSolutionDialogComponent} from './elements/nav/nav.component';
+import {ChangLanWarningDialogComponent, RDPSolutionDialogComponent, FontSizeDialogComponent} from './elements/nav/nav.component';
 import {DialogService, ElementDialogAlertComponent} from './elements/dialog/dialog.service';
 import {PluginModules} from './plugins/plugins';
 import {TestPageComponent} from './test-page/test-page.component';
@@ -56,6 +56,7 @@ import {SftpComponent} from './elements/sftp/sftp.component';
     ElementDialogAlertComponent,
     ChangLanWarningDialogComponent,
     RDPSolutionDialogComponent,
+    FontSizeDialogComponent
   ],
   bootstrap: [AppComponent],
   providers: [

src/app/elements/elements.component.ts

@@ -14,7 +14,7 @@ import {ElementDialogAlertComponent} from './dialog/dialog.service';
 import {ElementGuacamoleComponent} from './guacamole/guacamole.component';
 import {ElementSshTermComponent} from './ssh-term/ssh-term.component';
 import {AssetTreeDialogComponent, ElementAssetTreeComponent} from './asset-tree/asset-tree.component';
-import {RDPSolutionDialogComponent} from './nav/nav.component';
+import {RDPSolutionDialogComponent, FontSizeDialogComponent} from './nav/nav.component';
 
 export const ElementComponents = [
   ElementLeftbarComponent,
@@ -33,5 +33,6 @@ export const ElementComponents = [
   ElementAssetTreeComponent,
   ElementSshTermComponent,
   AssetTreeDialogComponent,
-  RDPSolutionDialogComponent
+  RDPSolutionDialogComponent,
+  FontSizeDialogComponent
 ];

src/app/elements/nav/fontSizeDialog.html

+<h1 mat-dialog-title>{{"Set font size"|trans}}</h1>
+
+<mat-form-field>
+  <input matInput placeholder='{{"Font size"|trans}}' name="fontSize" type="number" min="5" max="60" [(ngModel)]="fontSize">
+</mat-form-field>
+<div style="float: right">
+  <button mat-raised-button (click)="onNoClick()">{{"Cancel"|trans}}</button>
+  <button mat-raised-button color="primary" [disabled]="!isValid()" (click)="onSubmit()">{{"Confirm"|trans}}</button>
+</div>

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

@@ -12,7 +12,6 @@ import {ControlComponent, NavList, View} from '../../pages/control/control/contr
 import {DataStore, i18n} from '../../globals';
 import * as jQuery from 'jquery/dist/jquery.min.js';
 import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from '@angular/material';
-import {FormControl, Validators} from '@angular/forms';
 declare let layer: any;
 
 @Component({
@@ -34,7 +33,7 @@ export class ElementNavComponent implements OnInit {
               public _dialog: MatDialog,
               private _localStorage: LocalStorageService) {
     this._logger.log('nav.ts:NavComponent');
-    this.getnav();
+    this.getNav();
   }
 
   ngOnInit() {
@@ -126,6 +125,26 @@ export class ElementNavComponent implements OnInit {
         });
         break;
       }
+      case 'SetFontSize': {
+        const dialog = this._dialog.open(
+          FontSizeDialogComponent,
+          {
+            height: '200px',
+            width: '300px',
+            data: {
+              title: 'Warning',
+              note: 'The page will be reload, can you acceptable?',
+              cancel: 'Cancel',
+              confirm: 'Confirm',
+            },
+          });
+        dialog.afterClosed().subscribe(result => {
+          if (result) {
+            console.log(result);
+          }
+        });
+        break;
+      }
       case 'EnterLicense': {
         this.EnterLicense();
         break;
@@ -194,7 +213,7 @@ export class ElementNavComponent implements OnInit {
     });
   }
 
-  getnav() {
+  getNav() {
     DataStore.Nav = [{
       'id': 'File',
       'name': 'Server',
@@ -235,6 +254,11 @@ export class ElementNavComponent implements OnInit {
           'click': 'SetResolution',
           'name': 'RDP Resolution'
         },
+        {
+          'id': 'FontSize',
+          'click': 'SetFontSize',
+          'name': 'Font Size'
+        },
         {
           'id': 'SplitVertical',
           'href': '',
@@ -390,3 +414,39 @@ export class RDPSolutionDialogComponent implements OnInit {
     this.dialogRef.close();
   }
 }
+
+@Component({
+  selector: 'elements-font-size-dialog',
+  templateUrl: 'fontSizeDialog.html',
+})
+export class FontSizeDialogComponent implements OnInit {
+  fontSize: string;
+  solution: string;
+  cacheKey = 'fontSize';
+
+  constructor(public dialogRef: MatDialogRef<FontSizeDialogComponent>,
+              @Inject(MAT_DIALOG_DATA) public data: any) {
+  }
+
+  ngOnInit() {
+    this.fontSize = localStorage.getItem(this.cacheKey) || '14';
+  }
+
+  setFontSize(value: string) {
+    localStorage.setItem(this.cacheKey, value);
+  }
+
+  isValid() {
+    const size = parseInt(this.fontSize, 10);
+    return size > 5 && size < 60;
+  }
+
+  onSubmit() {
+    this.setFontSize(this.fontSize);
+    this.dialogRef.close();
+  }
+
+  onNoClick(): void {
+    this.dialogRef.close();
+  }
+}

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

@@ -26,9 +26,10 @@ export class ElementSshTermComponent implements OnInit, AfterViewInit {
 
   ngOnInit() {
     this.secret = this._uuid.gen();
+    const fontSize = localStorage.getItem('fontSize') || '14';
     this.term = new Terminal({
-      fontFamily: '"Consolas", "monospace"',
-      fontSize: 16,
+      fontFamily: 'monaco, Consolas, "Lucida Console", monospace',
+      fontSize: parseInt(fontSize, 10),
       rightClickSelectsWord: true,
       theme: {
         background: '#1f1b1b'