102 lines
3.4 KiB
HTML
102 lines
3.4 KiB
HTML
{{define "title"}}{{.Date}} — Reisejournal{{end}}
|
|
|
|
{{define "content"}}
|
|
<main class="container">
|
|
<nav><a href="/days">← Alle Tage</a></nav>
|
|
<h1>{{.Date}}</h1>
|
|
|
|
<form method="post" action="/entries" enctype="multipart/form-data">
|
|
<input type="hidden" name="date" value="{{.Date}}">
|
|
<div class="gps-row">
|
|
<input type="time" name="time" required id="entry-time">
|
|
<select name="visibility">
|
|
<option value="private">Privat</option>
|
|
<option value="public">Öffentlich</option>
|
|
</select>
|
|
</div>
|
|
<input type="text" name="title" placeholder="Überschrift">
|
|
<textarea name="description" rows="4" placeholder="Beschreibung"></textarea>
|
|
<div class="gps-row">
|
|
<input type="number" name="lat" id="entry-lat" step="any" placeholder="Breite">
|
|
<input type="number" name="lon" id="entry-lon" step="any" placeholder="Länge">
|
|
<button type="button" id="btn-gps">◎ GPS</button>
|
|
</div>
|
|
<small id="gps-status"></small>
|
|
<input type="text" name="hashtags" placeholder="Hashtags (kommagetrennt)">
|
|
<input type="file" name="images" multiple accept="image/*" id="image-input">
|
|
<div id="image-preview" class="image-preview"></div>
|
|
<button type="submit">Speichern</button>
|
|
</form>
|
|
|
|
<h2>Einträge <small>({{len .Entries}})</small></h2>
|
|
{{range .Entries}}
|
|
<div class="entry-card">
|
|
<div class="entry-meta">
|
|
<strong>{{.EntryTime}}</strong>
|
|
{{if eq .Visibility "public"}}<span class="badge-public">öffentlich</span>{{end}}
|
|
{{if .Lat}}<small> · ○ {{printf "%.5f" (deref .Lat)}}, {{printf "%.5f" (deref .Lon)}}</small>{{end}}
|
|
<a href="/entries/{{.EntryID}}/edit" class="entry-edit">bearbeiten</a>
|
|
</div>
|
|
{{if .Title}}<div class="entry-title">{{.Title}}</div>{{end}}
|
|
{{if .Description}}<div class="entry-desc">{{.Description}}</div>{{end}}
|
|
{{if .Hashtags}}<div class="hashtags">{{range .Hashtags}}<span class="tag">#{{.}}</span> {{end}}</div>{{end}}
|
|
{{if .Images}}
|
|
<div class="entry-images">
|
|
{{range .Images}}
|
|
<a href="/uploads/{{.Filename}}" target="_blank">
|
|
<img src="/uploads/{{.Filename}}" alt="{{.OriginalName}}" class="thumb">
|
|
</a>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
{{else}}
|
|
<p><small>// Noch keine Einträge</small></p>
|
|
{{end}}
|
|
|
|
<h2>Aufenthalte <small>({{len .Stops}})</small></h2>
|
|
{{if .Stops}}
|
|
<table>
|
|
<thead><tr><th>Von</th><th>Bis</th><th>Dauer</th><th>Ort</th></tr></thead>
|
|
<tbody>
|
|
{{range .Stops}}
|
|
<tr>
|
|
<td>{{.StartTS.Format "15:04"}}</td>
|
|
<td>{{.EndTS.Format "15:04"}}</td>
|
|
<td><small>{{divInt .DurationS 60}} min</small></td>
|
|
<td>{{if .PlaceLabel}}{{.PlaceLabel}}{{else}}<small>—</small>{{end}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
{{else}}
|
|
<p><small>// Keine Aufenthalte</small></p>
|
|
{{end}}
|
|
|
|
<details>
|
|
<summary><small>Trackpunkte ({{len .Points}})</small></summary>
|
|
<table>
|
|
<thead><tr><th>Zeit</th><th>Lat</th><th>Lon</th><th>Quelle</th></tr></thead>
|
|
<tbody>
|
|
{{range .Points}}
|
|
<tr>
|
|
<td>{{.Timestamp.Format "15:04:05"}}</td>
|
|
<td>{{printf "%.5f" .Lat}}</td>
|
|
<td>{{printf "%.5f" .Lon}}</td>
|
|
<td class="source-{{.Source}}">{{.Source}}</td>
|
|
</tr>
|
|
{{else}}
|
|
<tr><td colspan="4"><small>// Keine Punkte</small></td></tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</details>
|
|
</main>
|
|
{{end}}
|
|
|
|
{{define "scripts"}}
|
|
<script src="/static/day.js"></script>
|
|
{{end}}
|
|
|
|
{{template "base" .}}
|