ston1th/cachefs
0
0
Fork 0
Code Issues Releases Activity

new html template

Browse source
This commit is contained in:
ston1th 2022-03-20 17:02:20 +01:00
commit 29cfb766d6
1 changed files with 104 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

117
pkg/srv/templates.go
View file

@ -8,29 +8,120 @@ var (
index = template.Must(template.New("index").Parse(`<!doctype html> index = template.Must(template.New("index").Parse(`<!doctype html>
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style> <style>
body { padding: 0 150px 0 150px; font: 20px Helvetica, sans-serif; color: #333; } body {
article { display: block; text-align: left; margin: 0 auto; } font: 20px Helvetica, sans-serif;
table { text-align: left; width: 100%; } background-color: #111111;
color: #e6e6e6;
margin: 0px;
padding: 0 150px 0 150px;
}
@media only screen and (max-width: 800px) {
body {
padding: 0px;
}
}
article {
background-color: #222222;
display: block; text-align: left; margin: 0 auto; box-shadow: 0px 0px 50px 10px #000000;
}
a:link {
color: #e6e6e6;
text-decoration: none;
}
a:visited {
color: #e6e6e6;
}
a:hover {
color: #ffffff;
text-decoration: underline;
}
a:active {
color: #a6a6a6;
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 50px;
}
.listitem {
background-color: #333333;
height: 45px;
margin: 3px 0px;
}
.listitem:hover {
background-color: #404040;
}
.listitem:active {
background-color: #202020;
}
.listitem td {
padding: 5px;
vertical-align: middle;
display: table-cell;
}
.listpath {
white-space: normal;
width: 100%;
}
.listoptions {
white-space: nowrap;
text-align: right;
}
.listoptions span, a {
margin-left: 10px;
}
.spacer {
height: 3px;
width: 0%;
}
.red {
background-color: #e74c3c;
}
.yellow {
background-color: #f39c12;
}
.green {
background-color: #4caf50;
}
span {
color: #9b9b9b;
font-size: 15px;
}
</style> </style>
</head> </head>
<body> <body>
<article> <article>
<pre> <pre>
[v]: show video [v]: show video [p]: preload file
[n]: skip file caching [n]: skip file caching [s]: stop preloading
[p]: preload file
[s]: stop preloading
</pre> </pre>
<table> <table>
<tr><th style="width:100%;">Path</th><th>Options</th></tr> <tr class="listitem">
<tr><td><a href="../">../</a></td><td>[dir]</td></tr> <td class="listpath"><a href="../">../</a></td>
<td class="listoptions">[dir]</td>
</tr>
<tr class="spacer"><td colspan="2"></td></tr>
{{range $s := .Dirs -}} {{range $s := .Dirs -}}
<tr><td><a href="{{$s.URI}}">{{$s.Name}}</a></td><td>[dir]</td></tr> <tr class="listitem">
<td class="listpath"><a href="{{$s.URI}}">{{$s.Name}}</a></td>
<td class="listoptions">[dir]</td>
</tr>
<tr class="spacer"><td colspan="2"></td></tr>
{{end -}} {{end -}}
{{range $s := .Files -}} {{range $s := .Files -}}
<tr><td><a id="{{$s.Anchor}}" href="{{$s.URI}}">{{$s.Name}}</a></td> <tr class="listitem">
<td><a href="{{$s.URI}}?o=v">[v]</a>&nbsp;<a href="{{$s.URI}}?o=n">[n]</a>&nbsp;<a href="{{$s.URI}}?o=p">[p]</a>&nbsp;<a href="{{$s.URI}}?o=s">[s]</a>&nbsp;{{if ne $s.Status -1}}{{$s.Status}}%{{end}}</td></tr> <td class="listpath"><a id="{{$s.Anchor}}" href="{{$s.URI}}">{{$s.Name}}</a></td>
<td class="listoptions">
{{if ge $s.Status 0}}<span>{{$s.Status}}%</span>{{end}}<a href="{{$s.URI}}?o=v">[v]</a><a href="{{$s.URI}}?o=n">[n]</a><a href="{{$s.URI}}?o=p">[p]</a><a href="{{$s.URI}}?o=s">[s]</a>
</td>
</tr>
<tr class="spacer"><td colspan="2">
{{if ge $s.Status 0}}
<div class="spacer {{if le $s.Status 35}}red{{else if le $s.Status 65}}yellow{{else}}green{{end}}" style="width: {{$s.Status}}%;"></div>
{{end -}}
</td></tr>
{{end -}} {{end -}}
</table> </table>
</article> </article>
@ -39,7 +130,7 @@ var (
video = template.Must(template.New("video").Parse(`<!doctype html> video = template.Must(template.New("video").Parse(`<!doctype html>
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>
<video id="video" style="width: 100%; height: 100%;" src="{{.}}" controls=""></video> <video id="video" style="width: 100%; height: 100%;" src="{{.}}" controls=""></video>