Dependencies/micrach
1
0
Fork 1
mirror of https://github.com/yanislav-igonin/micrach synced 2025-11-04 02:27:02 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: separate thread card

Browse Source
This commit is contained in:
Yanislav Igonin 2022-01-30 14:09:55 +02:00
parent 5c8989e59e
commit c73c6e9aec
2 changed files with 27 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
templates/components/thread-card.html Normal file
View File

@ -0,0 +1,26 @@
{{ define "thread-card" }}
<div class="col col-sm-6 col-md-4 col-lg-3">
<div class="card">
{{ $length := len .Files }}
{{ if gt $length 0 }}
{{ $FirstFile := index .Files 0 }}
<img src="/uploads/{{.ID}}/t/{{$FirstFile.ID}}.{{$FirstFile.Ext}}" class="card-img-top" alt="Uploaded picture">
{{ end }}
<div class="card-body">
{{ if ne .Title "" }}
<h5 class="card-title">{{.Title}}</h5>
{{ end }}
{{ $textLength := len .Text }}
{{ if gt $textLength 300 }}
<p class="card-text line-break text-break">{{ slice .Text 0 300 }} ...</p>
{{ else }}
<p class="card-text line-break text-break">{{.Text}}</p>
{{ end }}
<a href="/{{.ID}}" class="btn btn-outline-primary">Open</a>
</div>
</div>
</div>
{{ end }}

27
templates/pages/index.html
View File

@ -15,32 +15,7 @@
<div id="" class="row row-cols-auto gy-4 mb-4 justify-content-center"> <div id="" class="row row-cols-auto gy-4 mb-4 justify-content-center">
{{ range $Post := .Threads }} {{ range $Post := .Threads }}
<div class="col col-sm-6 col-md-4 col-lg-3"> {{ template "thread-card" $Post }}
<div class="card">
{{ $length := len $Post.Files }}
{{ if gt $length 0 }}
{{ $FirstFile := index $Post.Files 0 }}
<img src="/uploads/{{$Post.ID}}/t/{{$FirstFile.ID}}.{{$FirstFile.Ext}}" class="card-img-top"
alt="Uploaded picture">
{{ end }}
<div class="card-body">
{{ if ne $Post.Title "" }}
<h5 class="card-title">{{$Post.Title}}</h5>
{{ end }}
{{ $textLength := len $Post.Text }}
{{ if gt $textLength 300 }}
<p class="card-text line-break text-break">{{ slice $Post.Text 0 300 }} ...</p>
{{ else }}
<p class="card-text line-break text-break">{{$Post.Text}}</p>
{{ end }}
<a href="/{{$Post.ID}}" class="btn btn-outline-primary">Open</a>
</div>
</div>
</div>
{{ end }} {{ end }}
</div> </div>