diff --git a/tabby-ssh/src/components/sftpPanel.component.scss b/tabby-ssh/src/components/sftpPanel.component.scss index 5a8b3ea7c3..64510b94ca 100644 --- a/tabby-ssh/src/components/sftpPanel.component.scss +++ b/tabby-ssh/src/components/sftpPanel.component.scss @@ -29,6 +29,12 @@ font-weight: bold; } + .list-group-item-action { + &:hover { + box-shadow: 0 0 0 1px white; + } + } + .mode, .size, .date { font-family: monospace; opacity: .5; diff --git a/tabby-ssh/src/components/sftpPanel.component.ts b/tabby-ssh/src/components/sftpPanel.component.ts index b24134d68e..67918c77b6 100644 --- a/tabby-ssh/src/components/sftpPanel.component.ts +++ b/tabby-ssh/src/components/sftpPanel.component.ts @@ -81,6 +81,46 @@ export class SFTPPanelComponent { a.name.localeCompare(b.name)) } + getFileType(fileExtension: string): string { + const codeExtensions = ["js", "ts", "py", "java", "cpp", "h", "cs", "html", "css", "rb", "php", "swift", "go", "kt", "sh", "json", "cc", + "c", "xml"]; + const imageExtensions = ["jpg", "jpeg", "png", "gif", "bmp"]; + const pdfExtensions = ["pdf"]; + const archiveExtensions = ["zip", "rar", "tar", "gz"]; + const wordExtensions = ["doc", "docx"]; + const videoExtensions = ["mp4", "avi", "mkv", "mov"]; + const powerpointExtensions = ["ppt", "pptx"]; + const textExtensions = ["txt", "log"]; + const audioExtensions = ["mp3", "wav", "flac"]; + const excelExtensions = ["xls", "xlsx"]; + + const lowerCaseExtension = fileExtension.toLowerCase(); + + if (codeExtensions.includes(lowerCaseExtension)) { + return "code"; + } else if (imageExtensions.includes(lowerCaseExtension)) { + return "image"; + } else if (pdfExtensions.includes(lowerCaseExtension)) { + return "pdf"; + } else if (archiveExtensions.includes(lowerCaseExtension)) { + return "archive"; + } else if (wordExtensions.includes(lowerCaseExtension)) { + return "word"; + } else if (videoExtensions.includes(lowerCaseExtension)) { + return "video"; + } else if (powerpointExtensions.includes(lowerCaseExtension)) { + return "powerpoint"; + } else if (textExtensions.includes(lowerCaseExtension)) { + return "text"; + } else if (audioExtensions.includes(lowerCaseExtension)) { + return "audio"; + } else if (excelExtensions.includes(lowerCaseExtension)) { + return "excel"; + } else { + return "unknown"; + } + } + getIcon (item: SFTPFile): string { if (item.isDirectory) { return 'fas fa-folder text-info' @@ -88,6 +128,18 @@ export class SFTPPanelComponent { if (item.isSymlink) { return 'fas fa-link text-warning' } + const fileMatch = /\.([^.]+)$/.exec(item.name); + const extension = fileMatch?fileMatch[1]:null; + if (extension !== null) { + const fileType = this.getFileType(extension); + + switch (fileType) { + case "unknown": + return 'fas fa-file'; + default: + return `fa-solid fa-file-${fileType} `; + } + } return 'fas fa-file' }