Add html, handler and db mock

This commit is contained in:
2020-10-08 12:43:59 +02:00
parent 41c14ff6bb
commit e2aa46c891
14 changed files with 672 additions and 1 deletions

View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Medien Sammlung - Credits</title>
<link rel="stylesheet" type="text/css" href="/static/semantic.min.css">
</head>
<body>
{{template "navbar"}}
<div class="ui text center aligned container">
<br>
<h1 class="">Medien Sammlung <small>Version: {{ .version }}</small></h1>
<br>
<h2>Entwickler: structix</h2>
<h2>Git Repository: <a href="https://git.schoffit.net/structix/cdsammlung.git">Gitea Link</a></h2>
</div>
</body>
</html>

35
html/mainpage/index.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Trikotwaschliste</title>
<link rel="stylesheet" type="text/css" href="/static/semantic.min.css">
</head>
<body>
{{template "navbar"}}
<div class="ui center">
<h1 class="">Trikotwaschliste <small>Version: {{ .version }}</small></h1>
<table class="ui celled table">
<thead>
<tr>
<th>Person</th>
<th>Datum</th>
<th>Gewaschen?</th>
</tr>
</thead>
<tbody>
{{range .items}}
<tr>
<td>{{.Person}}</td>
<td>{{.Date}}</td>
<td>{{.IsWashed}}</td>
</tr>
{{end}}
</tbody>
</table>
</div>
</body>
</html>

11
html/static/navbar.html Normal file
View File

@@ -0,0 +1,11 @@
{{define "navbar"}}
<div class="ui inverted menu">
<a href="/"><div class="header item">Trikotwaschliste</div></a>
<div class="right menu">
<a href="/querypage/create"><div class="item">Query</div></a>
<a href="/stats/interpret"><div class="item">Stats</div></a>
<a href="/credits"><div class="item">Credits</div></a>
</div>
</div>
{{end}}

372
html/static/semantic.min.css vendored Normal file

File diff suppressed because one or more lines are too long

11
html/static/semantic.min.js vendored Normal file

File diff suppressed because one or more lines are too long

40
html/static/style.css Normal file
View File

@@ -0,0 +1,40 @@
.title {
text-align: center;
}
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
.button-green {background-color: #4CAF50;} /* Green */
.button-blue {background-color: #008CBA;} /* Blue */
.button-red {background-color: #f44336;} /* Red */
.button-gray {background-color: #e7e7e7; color: black;} /* Gray */
.button-black {background-color: #555555;} /* Black */
.center {
margin: auto;
width: 50%;
//border: 3px solid green;
padding: 10px;
}
tr:hover {background-color: #f5f5f5;}
th, td {
padding: 15px;
text-align: left;
}
table {
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}