Eugeny/tabby
1
1
Fork 0
mirror of https://github.com/Eugeny/tabby.git synced 2024-09-11 13:13:59 +03:00
Code Issues Projects Releases Wiki Activity

Improve sftp visual effects

Browse Source
This commit is contained in:
cfs4819 2024-01-23 12:02:53 +08:00
parent 868f7ba70e
commit 266dfe15a3
2 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
tabby-ssh/src/components/sftpPanel.component.scss
View File

@ -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;

52
tabby-ssh/src/components/sftpPanel.component.ts
View File

@ -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'
}