b4f8da533e
* Search and Diff CSS enhancements - Use flexbox for language stats - Improve labels and code boxes on repo and code search - Use flexbox on diff header and improve suppressed diff text - Add dedicated color for diff expander * more diff tweaks, less vertical padding on header * more minor tweaks * always show fold icon, image diff improvments * remove margin Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com> Co-authored-by: techknowlogick <techknowlogick@gitea.io>
79 lines
2.9 KiB
Handlebars
79 lines
2.9 KiB
Handlebars
{{ $imagePathOld := printf "%s/%s" .root.BeforeRawPath (EscapePound .file.OldName) }}
|
|
{{ $imagePathNew := printf "%s/%s" .root.RawPath (EscapePound .file.Name) }}
|
|
|
|
<tr>
|
|
<th class="halfwidth center pl-3 pr-2">
|
|
{{.root.i18n.Tr "repo.diff.file_before"}}
|
|
</th>
|
|
<th class="halfwidth center pl-2 pr-3">
|
|
{{.root.i18n.Tr "repo.diff.file_after"}}
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td class="halfwidth center pl-3 pr-2">
|
|
{{if or .file.IsDeleted (not .file.IsCreated)}}
|
|
<a href="{{$imagePathOld}}" target="_blank">
|
|
<img src="{{$imagePathOld}}" class="border red" />
|
|
</a>
|
|
{{end}}
|
|
</td>
|
|
<td class="halfwidth center pl-2 pr-3">
|
|
{{if or .file.IsCreated (not .file.IsDeleted)}}
|
|
<a href="{{$imagePathNew}}" target="_blank">
|
|
<img src="{{$imagePathNew}}" class="border green" />
|
|
</a>
|
|
{{end}}
|
|
</td>
|
|
</tr>
|
|
{{ $imageInfoBase := (call .root.ImageInfoBase .file.OldName) }}
|
|
{{ $imageInfoHead := (call .root.ImageInfo .file.Name) }}
|
|
{{if or $imageInfoBase $imageInfoHead }}
|
|
<tr>
|
|
<td class="halfwidth center pl-3 pr-2">
|
|
{{if $imageInfoBase }}
|
|
{{ $classWidth := "" }}
|
|
{{ $classHeight := "" }}
|
|
{{ $classByteSize := "" }}
|
|
{{if $imageInfoHead}}
|
|
{{if not (eq $imageInfoBase.Width $imageInfoHead.Width)}}
|
|
{{ $classWidth = "red" }}
|
|
{{end}}
|
|
{{if not (eq $imageInfoBase.Height $imageInfoHead.Height)}}
|
|
{{ $classHeight = "red" }}
|
|
{{end}}
|
|
{{if not (eq $imageInfoBase.ByteSize $imageInfoHead.ByteSize)}}
|
|
{{ $classByteSize = "red" }}
|
|
{{end}}
|
|
{{end}}
|
|
{{.root.i18n.Tr "repo.diff.file_image_width"}}: <span class="text {{$classWidth}}">{{$imageInfoBase.Width}}</span>
|
|
|
|
|
{{.root.i18n.Tr "repo.diff.file_image_height"}}: <span class="text {{$classHeight}}">{{$imageInfoBase.Height}}</span>
|
|
|
|
|
{{.root.i18n.Tr "repo.diff.file_byte_size"}}: <span class="text {{$classByteSize}}">{{FileSize $imageInfoBase.ByteSize}}</span>
|
|
{{end}}
|
|
</td>
|
|
<td class="halfwidth center pl-2 pr-3">
|
|
{{if $imageInfoHead }}
|
|
{{ $classWidth := "" }}
|
|
{{ $classHeight := "" }}
|
|
{{ $classByteSize := "" }}
|
|
{{if $imageInfoBase}}
|
|
{{if not (eq $imageInfoBase.Width $imageInfoHead.Width)}}
|
|
{{ $classWidth = "green" }}
|
|
{{end}}
|
|
{{if not (eq $imageInfoBase.Height $imageInfoHead.Height)}}
|
|
{{ $classHeight = "green" }}
|
|
{{end}}
|
|
{{if not (eq $imageInfoBase.ByteSize $imageInfoHead.ByteSize)}}
|
|
{{ $classByteSize = "green" }}
|
|
{{end}}
|
|
{{end}}
|
|
{{.root.i18n.Tr "repo.diff.file_image_width"}}: <span class="text {{$classWidth}}">{{$imageInfoHead.Width}}</span>
|
|
|
|
|
{{.root.i18n.Tr "repo.diff.file_image_height"}}: <span class="text {{$classHeight}}">{{$imageInfoHead.Height}}</span>
|
|
|
|
|
{{.root.i18n.Tr "repo.diff.file_byte_size"}}: <span class="text {{$classByteSize}}">{{FileSize $imageInfoHead.ByteSize}}</span>
|
|
{{end}}
|
|
</td>
|
|
</tr>
|
|
{{end}}
|