Add description to ssh port forwarding

tabby-ssh/src/api/interfaces.ts

@@ -44,6 +44,7 @@ export interface ForwardedPortConfig {
     port: number
     targetAddress: string
     targetPort: number
+    description: string
 }
 
 export const ALGORITHM_BLACKLIST = [

tabby-ssh/src/components/sshPortForwardingConfig.component.pug

@@ -1,15 +1,21 @@
 .list-group.mb-3
     .list-group-item.d-flex.align-items-center(*ngFor='let fw of model')
-        strong(*ngIf='fw.type === PortForwardType.Local') Local
-        strong(*ngIf='fw.type === PortForwardType.Remote') Remote
-        strong(*ngIf='fw.type === PortForwardType.Dynamic') Dynamic
-        .ml-3 {{fw.host}}:{{fw.port}}
-        .ml-2 →
-        .ml-2(*ngIf='fw.type !== PortForwardType.Dynamic') {{fw.targetAddress}}:{{fw.targetPort}}
-        .ml-2(*ngIf='fw.type === PortForwardType.Dynamic') SOCKS proxy
+        div
+            span {{fw.description}}
+            .ms-2.d-flex.align-items-center
+                strong(*ngIf='fw.type === PortForwardType.Local') Local
+                strong(*ngIf='fw.type === PortForwardType.Remote') Remote
+                strong(*ngIf='fw.type === PortForwardType.Dynamic') Dynamic
+                .ml-3 {{fw.host}}:{{fw.port}}
+                .ml-2 →
+                .ml-2(*ngIf='fw.type !== PortForwardType.Dynamic') {{fw.targetAddress}}:{{fw.targetPort}}
+                .ml-2(*ngIf='fw.type === PortForwardType.Dynamic') SOCKS proxy
         button.btn.btn-link.hover-reveal.ml-auto((click)='remove(fw)')
             i.fas.fa-trash-alt
 
+.input-group.mb-2
+    input.form-control(type='text', placeholder='Description', [(ngModel)]='newForward.description')
+
 .input-group.mb-2(*ngIf='newForward.type === PortForwardType.Dynamic')
     input.form-control(type='text', [(ngModel)]='newForward.host')
     .input-group-append

tabby-ssh/src/components/sshPortForwardingConfig.component.ts

@@ -26,6 +26,7 @@ export class SSHPortForwardingConfigComponent {
             port: 8000,
             targetAddress: '127.0.0.1',
             targetPort: 80,
+            description: '',
         }
     }
 

tabby-ssh/src/session/forwards.ts

@@ -9,6 +9,7 @@ export class ForwardedPort implements ForwardedPortConfig {
     port: number
     targetAddress: string
     targetPort: number
+    description: string
 
     private listener: Server|null = null