52 lines
1.7 KiB
HTML
52 lines
1.7 KiB
HTML
{{template "base.html" .}} {{define "title"}}Documents{{end}} {{define
|
|
"content"}}
|
|
<div class="grid grid-cols-1 gap-4 my-4 md:grid-cols-2 lg:grid-cols-3">
|
|
{{range $doc := .Data }}
|
|
<div class="w-full">
|
|
<div class="flex gap-4 w-full p-4 bg-white shadow-lg dark:bg-gray-700 rounded">
|
|
<div class="min-w-fit h-48 relative">
|
|
<a href="./documents/{{$doc.ID}}/file">
|
|
<img class="rounded object-cover h-full w-full" src="./documents/{{$doc.ID}}/cover"></img>
|
|
</a>
|
|
</div>
|
|
<div class="flex flex-col justify-around dark:text-white w-full text-xs">
|
|
<div class="inline-flex shrink-0 items-center">
|
|
<div>
|
|
<p class="text-gray-400">Title</p>
|
|
<p class="font-medium">
|
|
{{ or $doc.Title "Unknown" }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="inline-flex shrink-0 items-center">
|
|
<div>
|
|
<p class="text-gray-400">Author</p>
|
|
<p class="font-medium">
|
|
{{ or $doc.Author "Unknown" }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="inline-flex shrink-0 items-center">
|
|
<div>
|
|
<p class="text-gray-400">Progress</p>
|
|
<p class="font-medium">
|
|
{{ $doc.CurrentPage }} / {{ $doc.TotalPages }} ({{ $doc.Percentage }}%)
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="inline-flex shrink-0 items-center">
|
|
<div>
|
|
<p class="text-gray-400">Minutes Read</p>
|
|
<p class="font-medium">
|
|
{{ $doc.TotalTimeMinutes }} Minutes
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|