mirror of
				https://github.com/caddyserver/caddy.git
				synced 2025-10-31 10:37:24 -04:00 
			
		
		
		
	browse: Remove whitespace from template's output, annotate output
Fixes a surplus — next to "go up". Identifies the preamble as the table's summary. Emits filesizes in bytes, which can be consumed by any browser-side scripts or utilized in sorting when the table is copy-and-pasted into a spreadsheet software. Uses <time> along with proper datetime representation, which a browser could utilize to display the datetime rendered according to the requestor's locale.
This commit is contained in:
		
							parent
							
								
									239f6825f7
								
							
						
					
					
						commit
						cc6aa6b54b
					
				| @ -85,7 +85,6 @@ const defaultTemplate = `<!DOCTYPE html> | ||||
| <html> | ||||
| 	<head> | ||||
| 		<title>{{.Name}}</title> | ||||
| 		<meta charset="utf-8"> | ||||
| 		<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||
| <style> | ||||
| * { padding: 0; margin: 0; } | ||||
| @ -106,7 +105,7 @@ h1 a:hover { | ||||
| } | ||||
| 
 | ||||
| header, | ||||
| .content { | ||||
| #summary { | ||||
| 	padding-left: 5%; | ||||
| 	padding-right: 5%; | ||||
| } | ||||
| @ -306,7 +305,7 @@ footer { | ||||
| 		</header> | ||||
| 		<main> | ||||
| 			<div class="meta"> | ||||
| 				<div class="content"> | ||||
| 				<div id="summary"> | ||||
| 					<span class="meta-item"><b>{{.NumDirs}}</b> director{{if eq 1 .NumDirs}}y{{else}}ies{{end}}</span> | ||||
| 					<span class="meta-item"><b>{{.NumFiles}}</b> file{{if ne 1 .NumFiles}}s{{end}}</span> | ||||
| 					{{- if ne 0 .ItemsLimitedTo}} | ||||
| @ -315,37 +314,40 @@ footer { | ||||
| 				</div> | ||||
| 			</div> | ||||
| 			<div class="listing"> | ||||
| 				<table> | ||||
| 				<table aria-describedby="summary"> | ||||
| 					<thead> | ||||
| 					<tr> | ||||
| 						<th> | ||||
| 							{{if and (eq .Sort "name") (ne .Order "desc")}} | ||||
| 							{{- if and (eq .Sort "name") (ne .Order "desc")}} | ||||
| 							<a href="?sort=name&order=desc{{if ne 0 .ItemsLimitedTo}}&limit={{.ItemsLimitedTo}}{{end}}">Name <svg width="1em" height=".4em" version="1.1" viewBox="0 0 12.922194 6.0358899"><use xlink:href="#up-arrow"></use></svg></a> | ||||
| 							{{else if and (eq .Sort "name") (ne .Order "asc")}} | ||||
| 							{{- else if and (eq .Sort "name") (ne .Order "asc")}} | ||||
| 							<a href="?sort=name&order=asc{{if ne 0 .ItemsLimitedTo}}&limit={{.ItemsLimitedTo}}{{end}}">Name <svg width="1em" height=".4em" version="1.1" viewBox="0 0 12.922194 6.0358899"><use xlink:href="#down-arrow"></use></svg></a> | ||||
| 							{{else}} | ||||
| 							{{- else}} | ||||
| 							<a href="?sort=name&order=asc{{if ne 0 .ItemsLimitedTo}}&limit={{.ItemsLimitedTo}}{{end}}">Name</a> | ||||
| 							{{end}} | ||||
| 							{{- end}} | ||||
| 						</th> | ||||
| 						<th> | ||||
| 							{{if and (eq .Sort "size") (ne .Order "desc")}} | ||||
| 							{{- if and (eq .Sort "size") (ne .Order "desc")}} | ||||
| 							<a href="?sort=size&order=desc{{if ne 0 .ItemsLimitedTo}}&limit={{.ItemsLimitedTo}}{{end}}">Size <svg width="1em" height=".4em" version="1.1" viewBox="0 0 12.922194 6.0358899"><use xlink:href="#up-arrow"></use></svg></a></a> | ||||
| 							{{else if and (eq .Sort "size") (ne .Order "asc")}} | ||||
| 							{{- else if and (eq .Sort "size") (ne .Order "asc")}} | ||||
| 							<a href="?sort=size&order=asc{{if ne 0 .ItemsLimitedTo}}&limit={{.ItemsLimitedTo}}{{end}}">Size <svg width="1em" height=".4em" version="1.1" viewBox="0 0 12.922194 6.0358899"><use xlink:href="#down-arrow"></use></svg></a></a> | ||||
| 							{{else}} | ||||
| 							{{- else}} | ||||
| 							<a href="?sort=size&order=asc{{if ne 0 .ItemsLimitedTo}}&limit={{.ItemsLimitedTo}}{{end}}">Size</a> | ||||
| 							{{end}} | ||||
| 							{{- end}} | ||||
| 						</th> | ||||
| 						<th class="hideable"> | ||||
| 							{{if and (eq .Sort "time") (ne .Order "desc")}} | ||||
| 							{{- if and (eq .Sort "time") (ne .Order "desc")}} | ||||
| 							<a href="?sort=time&order=desc{{if ne 0 .ItemsLimitedTo}}&limit={{.ItemsLimitedTo}}{{end}}">Modified <svg width="1em" height=".4em" version="1.1" viewBox="0 0 12.922194 6.0358899"><use xlink:href="#up-arrow"></use></svg></a></a> | ||||
| 							{{else if and (eq .Sort "time") (ne .Order "asc")}} | ||||
| 							{{- else if and (eq .Sort "time") (ne .Order "asc")}} | ||||
| 							<a href="?sort=time&order=asc{{if ne 0 .ItemsLimitedTo}}&limit={{.ItemsLimitedTo}}{{end}}">Modified <svg width="1em" height=".4em" version="1.1" viewBox="0 0 12.922194 6.0358899"><use xlink:href="#down-arrow"></use></svg></a></a> | ||||
| 							{{else}} | ||||
| 							{{- else}} | ||||
| 							<a href="?sort=time&order=asc{{if ne 0 .ItemsLimitedTo}}&limit={{.ItemsLimitedTo}}{{end}}">Modified</a> | ||||
| 							{{end}} | ||||
| 							{{- end}} | ||||
| 						</th> | ||||
| 					</tr> | ||||
| 					{{if .CanGoUp}} | ||||
| 					</thead> | ||||
| 					<tbody> | ||||
| 					{{- if .CanGoUp}} | ||||
| 					<tr> | ||||
| 						<td> | ||||
| 							<a href=".."> | ||||
| @ -353,25 +355,30 @@ footer { | ||||
| 							</a> | ||||
| 						</td> | ||||
| 						<td>—</td> | ||||
| 						<td>—</td> | ||||
| 						<td class="hideable">—</td> | ||||
| 					</tr> | ||||
| 					{{end}} | ||||
| 					{{range .Items}} | ||||
| 					{{- end}} | ||||
| 					{{- range .Items}} | ||||
| 					<tr> | ||||
| 						<td> | ||||
| 							<a href="{{.URL}}"> | ||||
| 								{{if .IsDir}} | ||||
| 								{{- if .IsDir}} | ||||
| 								<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 35.678803 28.527945"><use xlink:href="#folder"></use></svg> | ||||
| 								{{else}} | ||||
| 								{{- else}} | ||||
| 								<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 26.604381 29.144726"><use xlink:href="#file"></use></svg> | ||||
| 								{{end}} | ||||
| 								{{- end}} | ||||
| 								<span class="name">{{.Name}}</span> | ||||
| 							</a> | ||||
| 						</td> | ||||
| 						<td>{{.HumanSize}}</td> | ||||
| 						<td class="hideable">{{.HumanModTime "01/02/2006 03:04:05 PM"}}</td> | ||||
| 						{{- if .IsDir}} | ||||
| 						<td data-order="-1">—</td> | ||||
| 						{{- else}} | ||||
| 						<td data-order="{{.Size}}">{{.HumanSize}}</td> | ||||
| 						{{- end}} | ||||
| 						<td class="hideable"><time datetime="{{.HumanModTime "2006-01-02 15:04:05-0700"}}">{{.HumanModTime "01/02/2006 03:04:05 PM"}}</time></td> | ||||
| 					</tr> | ||||
| 					{{end}} | ||||
| 					{{- end}} | ||||
| 					</tbody> | ||||
| 				</table> | ||||
| 			</div> | ||||
| 		</main> | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user