Organize the connections in folders.

Filter connections in quick connect.
Need more custom CSS to handle long connection list.
See also #403

terminus-ssh/src/components/sshSettingsTab.component.ts

@@ -3,18 +3,24 @@ import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
 import { ConfigService } from 'terminus-core'
 import { SSHConnection } from '../api'
 import { EditConnectionModalComponent } from './editConnectionModal.component'
+import { PromptModalComponent } from './promptModal.component'
 
 @Component({
     template: require('./sshSettingsTab.component.pug'),
 })
 export class SSHSettingsTabComponent {
     connections: SSHConnection[]
+    currentPath: string
+    childFolders: string[]
+    childConnections: SSHConnection[]
 
     constructor (
         public config: ConfigService,
         private ngbModal: NgbModal,
     ) {
         this.connections = this.config.store.ssh.connections
+        this.currentPath = "/"
+        this.findChildren()
     }
 
     createConnection () {
@@ -23,6 +29,7 @@ export class SSHSettingsTabComponent {
             host: '',
             port: 22,
             user: 'root',
+            path: this.currentPath
         }
 
         let modal = this.ngbModal.open(EditConnectionModalComponent)
@@ -31,6 +38,7 @@ export class SSHSettingsTabComponent {
             this.connections.push(result)
             this.config.store.ssh.connections = this.connections
             this.config.save()
+            this.childConnections.push(result)
         })
     }
 
@@ -48,6 +56,89 @@ export class SSHSettingsTabComponent {
             this.connections = this.connections.filter(x => x !== connection)
             this.config.store.ssh.connections = this.connections
             this.config.save()
+            this.childConnections = this.connections.filter(x => x !== connection)
         }
     }
+    
+    createFolder () {
+        let modal = this.ngbModal.open(PromptModalComponent)
+        modal.componentInstance.prompt = 'folder name'
+        modal.componentInstance.password = false
+        modal.result.then(result => {
+            if (result) {
+                if (!this.childFolders.includes(result)) {
+                    this.childFolders.push(result)
+                }
+            }
+        })
+    }
+
+    editFolder (folder: string) {
+        let modal = this.ngbModal.open(PromptModalComponent)
+        modal.componentInstance.prompt = 'folder name'
+        modal.componentInstance.password = false
+        modal.componentInstance.value = folder
+        modal.result.then(result => {
+            if (result) {
+                let oldPath = this.currentPath + folder + "/"
+                let newPath = this.currentPath + result + "/"
+                for (let connection of this.connections) {
+                    connection.path = connection.path.replace(oldPath, newPath)
+                }
+                let i = this.childFolders.indexOf(folder)
+                if (this.childFolders.includes(result)) {
+                    this.childFolders.splice(i, 1)
+                }
+                else {
+                    this.childFolders.splice(i, 1, result)
+                }
+                this.config.save()
+            }
+        }) 
+    }
+
+    deleteFolder (folder: string) {
+        if (confirm(`Delete "${folder}"?`)) {
+            let oldPath = this.currentPath + folder + "/"
+            for (let connection of this.connections) {
+                connection.path = connection.path.replace(oldPath, this.currentPath)
+            }
+            this.config.save()
+            this.findChildren()
+        }
+    }
+
+    findChildren () {
+        this.childFolders = []
+        this.childConnections = []
+
+        if (this.currentPath != "/")
+            this.childFolders.push("..")
+
+        for (let connection of this.connections) {
+            if (!connection.path)
+                connection.path = "/"
+            if (connection.path.startsWith(this.currentPath)) {
+                let folder = connection.path.substr(this.currentPath.length, connection.path.indexOf("/", this.currentPath.length) - this.currentPath.length)
+                if (folder.length == 0) {
+                    this.childConnections.push(connection)
+                }
+                else if (this.childFolders.indexOf(folder) < 0) {
+                    this.childFolders.push(folder)
+                }
+            }
+        }
+    }
+
+    cd (path: string) {
+        if (path == "..") {
+            path = this.currentPath.substr(0, this.currentPath.lastIndexOf("/", this.currentPath.length - 2) + 1)
+        }
+        else {
+            path = this.currentPath + path + '/'
+        }
+
+        this.currentPath = path
+        this.findChildren()
+    }
 }