Deno/std
1
0
Fork 0
mirror of https://github.com/denoland/std.git synced 2024-11-22 04:59:05 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat(http): add eyecandy to file_server (#1804)

Browse Source
This commit is contained in:
Bartek Iwańczuk 2022-01-09 02:51:55 +01:00 committed by GitHub
parent 32be9fbda9
commit 4d3094c935
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
http/file_server.ts
View File

@ -206,9 +206,9 @@ function modeToString(isDir: boolean, maybeMode: number | null): string {
.reverse()
.slice(0, 3)
.forEach((v): void => {
output = modeMap[+v] + output;
output = `${modeMap[+v]} ${output}`;
});
output = `(${isDir ? "d" : "-"}${output})`;
output = `${isDir ? "d" : "-"} ${output}`;
return output;
}
@ -493,9 +493,12 @@ function dirViewerTemplate(dirname: string, entries: EntryInfo[]): string {
}
@media (prefers-color-scheme: dark) {
:root {
--background-color: #303030;
--background-color: #292929;
--color: #fff;
}
thead {
color: #7f7f7f;
}
}
@media (min-width: 960px) {
main {
@ -527,11 +530,21 @@ function dirViewerTemplate(dirname: string, entries: EntryInfo[]): string {
a:hover {
text-decoration: underline;
}
table th {
thead {
text-align: left;
}
thead th {
padding-bottom: 12px;
}
table td {
padding: 6px 24px 6px 4px;
padding: 6px 36px 6px 0px;
}
.size {
text-align: right;
padding: 6px 12px 6px 24px;
}
.mode {
font-family: monospace, monospace;
}
</style>
</head>
@ -549,11 +562,13 @@ function dirViewerTemplate(dirname: string, entries: EntryInfo[]): string {
}
</h1>
<table>
<tr>
<th>Mode</th>
<th>Size</th>
<th>Name</th>
</tr>
<thead>
<tr>
<th>Mode</th>
<th>Size</th>
<th>Name</th>
</tr>
</thead>
${
entries
.map(
@ -562,7 +577,7 @@ function dirViewerTemplate(dirname: string, entries: EntryInfo[]): string {
<td class="mode">
${entry.mode}
</td>
<td>
<td class="size">
${entry.size}
</td>
<td>

2
http/file_server_test.ts
View File

@ -209,7 +209,7 @@ Deno.test("serveDirectory", async function () {
// TODO(bartlomieju): `mode` should work correctly in the future.
// Correct this test case accordingly.
isWindows === false &&
assert(/<td class="mode">(\s)*\([a-zA-Z-]{10}\)(\s)*<\/td>/.test(page));
assert(/<td class="mode">(\s)*[a-zA-Z- ]{14}(\s)*<\/td>/.test(page));
isWindows &&
assert(/<td class="mode">(\s)*\(unknown mode\)(\s)*<\/td>/.test(page));
assert(page.includes(`<a href="/README.md">README.md</a>`));