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,5 +1,8 @@
 .list-group.mb-3
     .list-group-item.d-flex.align-items-center(*ngFor='let fw of model')
+        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
@@ -10,6 +13,9 @@
         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