mirror of
https://github.com/go-gitea/gitea
synced 2024-11-01 15:54:25 +00:00
b35c1b5784
* add thumbnail preview section to attachments * dont show thumbnail if the image is already shown inline * update router to pass the `content` to the attachemnts template * limit attachment preview height to 150px (same as width) * remove unused css (referance removed in https://github.com/go-gitea/gitea/pull/11141/files#diff-9faae32445ed9673de2830c9fc35e93f44487f0a0068202988adaf00a5bac850L66 ) * dont show divider after edit if no attachemnts Co-authored-by: James <inbox.dev@jhodges.co.uk> Co-authored-by: 6543 <6543@obermui.de>
43 lines
1.8 KiB
Handlebars
43 lines
1.8 KiB
Handlebars
<div class="dropzone-attachments">
|
|
{{if .Attachments}}
|
|
<div class="ui clearing divider"></div>
|
|
{{end}}
|
|
<div class="ui middle aligned padded grid">
|
|
{{$hasThumbnails := false}}
|
|
{{- range .Attachments -}}
|
|
<div class="twelve wide column" style="padding: 6px;">
|
|
<a target="_blank" rel="noopener noreferrer" href="{{.DownloadURL}}" title='{{$.ctx.i18n.Tr "repo.issues.attachment.open_tab" .Name}}'>
|
|
{{if FilenameIsImage .Name}}
|
|
{{if not (containGeneric $.Content .UUID)}}
|
|
{{$hasThumbnails = true}}
|
|
{{end}}
|
|
<span class="ui image">{{svg "octicon-file"}}</span>
|
|
{{else}}
|
|
<span class="ui image">{{svg "octicon-desktop-download"}}</span>
|
|
{{end}}
|
|
<span><strong>{{.Name}}</strong></span>
|
|
</a>
|
|
</div>
|
|
<div class="four wide column" style="padding: 0px;">
|
|
<span class="ui text grey right">{{.Size | FileSize}}</span>
|
|
</div>
|
|
{{end -}}
|
|
</div>
|
|
|
|
{{if $hasThumbnails}}
|
|
<div class="ui clearing divider"></div>
|
|
<div class="ui small images thumbnails">
|
|
{{- range .Attachments -}}
|
|
{{if FilenameIsImage .Name}}
|
|
{{if not (containGeneric $.Content .UUID)}}
|
|
<a target="_blank" rel="noopener noreferrer" href="{{.DownloadURL}}">
|
|
<img class="ui image" src="{{.DownloadURL}}" title='{{$.ctx.i18n.Tr "repo.issues.attachment.open_tab" .Name}}'>
|
|
</a>
|
|
{{end}}
|
|
{{end}}
|
|
{{end -}}
|
|
</div>
|
|
{{end}}
|
|
|
|
</div>
|