johan
/
docsys
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Document details: two-column layout (category/vendor/amount | date/processed/filename)

This commit is contained in:
James 2026-02-10 04:06:59 -05:00
parent 9c9bd5e881
commit a52ab6e20d
1 changed files with 49 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
templates/document.html
View File

@ -58,7 +58,9 @@
<h2 class="font-semibold text-gray-900 dark:text-white">Details</h2> <h2 class="font-semibold text-gray-900 dark:text-white">Details</h2>
</div> </div>
<div class="p-6"> <div class="p-6">
<dl class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-2 gap-x-8 gap-y-4">
<!-- Left column -->
<dl class="space-y-4">
<div> <div>
<dt class="text-sm text-gray-500 dark:text-gray-400">Category</dt> <dt class="text-sm text-gray-500 dark:text-gray-400">Category</dt>
<dd class="mt-1"> <dd class="mt-1">
@ -70,10 +72,10 @@
</select> </select>
</dd> </dd>
</div> </div>
{{if .Document.Date}} {{if .Document.Vendor}}
<div> <div>
<dt class="text-sm text-gray-500 dark:text-gray-400">Date</dt> <dt class="text-sm text-gray-500 dark:text-gray-400">Vendor</dt>
<dd class="mt-1 font-medium text-gray-900 dark:text-white">{{formatDate .Document.Date}}</dd> <dd class="mt-1 font-medium text-gray-900 dark:text-white">{{.Document.Vendor}}</dd>
</div> </div>
{{end}} {{end}}
{{if .Document.Amount}} {{if .Document.Amount}}
@ -82,10 +84,13 @@
<dd class="mt-1 font-medium text-gray-900 dark:text-white">{{.Document.Amount}}</dd> <dd class="mt-1 font-medium text-gray-900 dark:text-white">{{.Document.Amount}}</dd>
</div> </div>
{{end}} {{end}}
{{if .Document.Vendor}} </dl>
<!-- Right column -->
<dl class="space-y-4">
{{if .Document.Date}}
<div> <div>
<dt class="text-sm text-gray-500 dark:text-gray-400">Vendor</dt> <dt class="text-sm text-gray-500 dark:text-gray-400">Date</dt>
<dd class="mt-1 font-medium text-gray-900 dark:text-white">{{.Document.Vendor}}</dd> <dd class="mt-1 font-medium text-gray-900 dark:text-white">{{formatDate .Document.Date}}</dd>
</div> </div>
{{end}} {{end}}
{{if .Document.ProcessedAt}} {{if .Document.ProcessedAt}}
@ -95,7 +100,7 @@
</div> </div>
{{end}} {{end}}
{{if .Document.OriginalFile}} {{if .Document.OriginalFile}}
<div class="col-span-2"> <div>
<dt class="text-sm text-gray-500 dark:text-gray-400">Original File</dt> <dt class="text-sm text-gray-500 dark:text-gray-400">Original File</dt>
<dd class="mt-1 font-medium text-gray-900 dark:text-white truncate">{{.Document.OriginalFile}}</dd> <dd class="mt-1 font-medium text-gray-900 dark:text-white truncate">{{.Document.OriginalFile}}</dd>
</div> </div>
@ -103,6 +108,7 @@
</dl> </dl>
</div> </div>
</div> </div>
</div>
<!-- Summary --> <!-- Summary -->
{{if .Document.Summary}} {{if .Document.Summary}}