BrainMinder/assets/templates/pages/home_items.tmpl

62 lines
2.2 KiB
Cheetah
Raw Permalink Normal View History

2024-08-22 10:13:16 +02:00
{{define "home:items"}}
{{ $itemCount := 0 }}
{{ range.items }}
<div class="w3-col l4 m6 s12 item" style="margin-bottom: 10px;"
{{ $itemCount = incr $itemCount}}
{{ if eq $itemCount 10 }}
{{ $offset := addI $.offset $itemCount}}
hx-get="/?offset={{ $offset }}&out=items"
hx-trigger="revealed"
hx-swap="afterend"
{{ end }}
>
<div class="w3-card w3-display-container w3-round-large" style="padding: 10px; background-color: #fff;">
<div class="w3-row">
<div class="w3-col l11 m11 s11">
2024-10-20 20:25:59 +02:00
<h5>
<a class="w3-hide-small" href="/item/view/{{.Id}}" hx-get="/item/view/{{.Id}}" hx-target="#modal-container"><i class="{{.Type_icon}}" title="{{.Type_title}}"></i> {{.Title}}</a>
<a class="w3-hide-medium w3-hide-large" href="/item/read/{{.Id}}" hx-get="/item/read/{{.Id}}" hx-target="#page-content" hx-push-url="true"><i class="{{.Type_icon}}" title="{{.Type_title}}"></i> {{.Title}}</a>
2024-08-22 10:13:16 +02:00
</h5>
2024-10-20 20:25:59 +02:00
<div class="home-card-summary">{{.Summary | markdownfy | safeHTML}}</div>
2024-08-22 10:13:16 +02:00
</div>
<div class="w3-col l1 m1 s1">
<a
class="w3-btn w3-medium w3-round-large"
style="float: right; padding: 8px 8px"
hx-get="/item/update/{{.Id}}"
hx-push-url="true"
hx-target="#page-content"
href="/item/update/{{.Id}}"
title="Edit"><i class="bi bi-pencil"></i>
</a>
<a
class="w3-btn w3-medium w3-round-large"
style="float: right; padding: 8px 8px"
href="#"
hx-target="#modal-container"
hx-get="/item/share/{{.Id}}"
title="Share"><i class="bi bi-share-fill"></i>
</a>
<a
class="w3-btn w3-medium w3-round-large"
style="float: right; padding: 8px 8px"
href="#"
hx-delete="/item/remove-from-dashboard/{{.Id}}"
hx-target="closest .item"
hx-swap="outerHTML swap:1s"
hx-trigger="confirmed"
onClick="bm_show_confirm(this, 'Dashboard', 'Remove this item from the dashboard ?')"
title="Remove from dashboard"> <i class="bi bi-pin"></i>
</a>
</div>
</div>
</div>
</div>
{{ end }}
{{ end }}