<html>
<head>
<title>Noteman</title>
<style>
.box {
padding: 10px;
border: 1px solid black;
}
#name {
width: 300px;
}
td {
padding: 0 15px
}
.help {
display: none;
}
:checked + .help {
display: block;
}
#search-box {
display: none;
}
:checked + #search-box {
display: block;
}
:checked ~ * .filtered {
display: none;
}
:checked + #upload-box {
display: block;
}
#upload-box {
display: none;
}
</style>
</head>
<body>
<div class="box">
<label for="doupload">Vis upload</label>
<input type="checkbox" id="doupload">
<div id="upload-box">
<form method="POST" action="{{ .Root }}/upload" enctype="multipart/form-data">
<input type="input" name="h">
<input type="file" name="f" accept="image/*,.pdf,.txt,.md" capture>
<input type="submit" value="go">
</form>
</div>
<label for="dohelp">Vis hjælp</label>
<input type="checkbox" id="dohelp">
<div class="help">
<h4>Navn format</h4>
<pre>$DATE:$PATH/$PART</pre>
<table>
<tr>
<td>$DATE:</td>
<td>ISO Dato</td>
</tr>
<tr>
<td>$PATH:</td>
<td>Sti til note</td>
</tr>
<tr>
<td>$PART:</td>
<td>En note kan have flere sider</td>
</tr>
</table><br>
<p>Eksempler:</p>
<pre>2020-09-09:sig/mm1/noter/1
2020-09-09:s5/sig/mm1/noter/2
2020-09-09:s5/sig/mm1/opg/1</pre>
<table>
<tr>
<th>Lokations format</th>
</tr>
<tr>
<td>Papir</td>
<td>P</td>
</tr>
<tr>
<td>Bog</td>
<td>B[id]S[page]</td>
</tr>
<tr>
<td>Noter git repository</td>
<td>G</td>
</tr>
</table><br><br>
</div>
<form method="POST">
<label for="cmd">cmd</label>
<input id="cmd" name="cmd" type="text">
<input type="submit" value="go">
</form>
</div><br>
<label for="dosearch">Vis søg</label>
<input type="checkbox" id="dosearch">
<div id="search-box">
<label for="search">Filter: </label>
<input type="input" id="search">
<span id="search-status"></span>
</div><br>
<div class="box">
<table id="notetable">
<tr>
<th>Ref</th>
<th>Navn</th>
<th>Files</th>
</tr>
{{ range .Notes }}
<tr>
<td style="font-family: monospace;">#{{ .Hash }}/{{ .Location }}</td>
<td>{{ .Name }}</td>
{{ $files := index $.Files .Hash }}
<td>{{ range $i, $f := $files }}
<a href="{{ $.Root }}/data/{{$f}}">[{{ $i }}] </a>
{{ end }}</td>
</tr>
{{ end }}
</table>
</div>
<script>
function inputchange() {
let value = this.value;
let table = document.getElementById("notetable");
let rows = table.getElementsByTagName("tr");
let status = document.getElementById("search-status");
status.textContent = "søger";
// Filter table
for (var i = 1; i < rows.length; i++) {
let row = rows[i]
if (!row) {
continue;
}
if (row.textContent.indexOf(value) > -1) {
row.classList.remove("filtered");
} else {
row.classList.add("filtered");
}
}
status.textContent = "done";
}
var e = document.getElementById("search");
e.addEventListener("change", inputchange);
e.addEventListener("keyup", inputchange);
</script>
</body>
</html>