diff options
| author | Daniel Baumann <daniel@debian.org> | 2024-10-18 20:33:49 +0200 |
|---|---|---|
| committer | Daniel Baumann <daniel@debian.org> | 2024-12-12 23:57:56 +0100 |
| commit | e68b9d00a6e05b3a941f63ffb696f91e554ac5ec (patch) | |
| tree | 97775d6c13b0f416af55314eb6a89ef792474615 /templates/repo/diff/image_diff.tmpl | |
| parent | Initial commit. (diff) | |
| download | forgejo-e68b9d00a6e05b3a941f63ffb696f91e554ac5ec.tar.xz forgejo-e68b9d00a6e05b3a941f63ffb696f91e554ac5ec.zip | |
Adding upstream version 9.0.3.
Signed-off-by: Daniel Baumann <daniel@debian.org>
Diffstat (limited to 'templates/repo/diff/image_diff.tmpl')
| -rw-r--r-- | templates/repo/diff/image_diff.tmpl | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/templates/repo/diff/image_diff.tmpl b/templates/repo/diff/image_diff.tmpl new file mode 100644 index 0000000..0612854 --- /dev/null +++ b/templates/repo/diff/image_diff.tmpl @@ -0,0 +1,83 @@ +{{if or .blobBase .blobHead}} +<tr> + <td colspan="2"> + <div class="image-diff" + data-path-before="{{.root.BeforeRawPath}}/{{PathEscapeSegments .file.OldName}}" + data-path-after="{{.root.RawPath}}/{{PathEscapeSegments .file.Name}}" + data-mime-before="{{.sniffedTypeBase.GetMimeType}}" + data-mime-after="{{.sniffedTypeHead.GetMimeType}}" + > + <overflow-menu class="ui secondary pointing tabular top attached borderless menu"> + <div class="overflow-menu-items tw-justify-center"> + <a class="item active" data-tab="diff-side-by-side-{{.file.Index}}">{{ctx.Locale.Tr "repo.diff.image.side_by_side"}}</a> + {{if and .blobBase .blobHead}} + <a class="item" data-tab="diff-swipe-{{.file.Index}}">{{ctx.Locale.Tr "repo.diff.image.swipe"}}</a> + <a class="item" data-tab="diff-overlay-{{.file.Index}}">{{ctx.Locale.Tr "repo.diff.image.overlay"}}</a> + {{end}} + </div> + </overflow-menu> + <div class="image-diff-tabs is-loading"> + <div class="ui bottom attached tab image-diff-container active" data-tab="diff-side-by-side-{{.file.Index}}"> + <div class="diff-side-by-side"> + {{if .blobBase}} + <span class="side"> + <p class="side-header">{{ctx.Locale.Tr "repo.diff.file_before"}}</p> + <span class="before-container"><img class="image-before"></span> + <p> + <span class="bounds-info-before"> + {{ctx.Locale.Tr "repo.diff.file_image_width"}}: <span class="text bounds-info-width"></span> + | + {{ctx.Locale.Tr "repo.diff.file_image_height"}}: <span class="text bounds-info-height"></span> + | + </span> + {{ctx.Locale.Tr "repo.diff.file_byte_size"}}: <span class="text">{{ctx.Locale.TrSize .blobBase.Size}}</span> + </p> + </span> + {{end}} + {{if .blobHead}} + <span class="side"> + <p class="side-header">{{ctx.Locale.Tr "repo.diff.file_after"}}</p> + <span class="after-container"><img class="image-after"></span> + <p> + <span class="bounds-info-after"> + {{ctx.Locale.Tr "repo.diff.file_image_width"}}: <span class="text bounds-info-width"></span> + | + {{ctx.Locale.Tr "repo.diff.file_image_height"}}: <span class="text bounds-info-height"></span> + | + </span> + {{ctx.Locale.Tr "repo.diff.file_byte_size"}}: <span class="text">{{ctx.Locale.TrSize .blobHead.Size}}</span> + </p> + </span> + {{end}} + </div> + </div> + {{if and .blobBase .blobHead}} + <div class="ui bottom attached tab image-diff-container" data-tab="diff-swipe-{{.file.Index}}"> + <div class="diff-swipe"> + <div class="swipe-frame"> + <span class="before-container"><img class="image-before"></span> + <span class="swipe-container"> + <span class="after-container"><img class="image-after"></span> + </span> + <span class="swipe-bar"> + <span class="handle top-handle"></span> + <span class="handle bottom-handle"></span> + </span> + </div> + </div> + </div> + <div class="ui bottom attached tab image-diff-container" data-tab="diff-overlay-{{.file.Index}}"> + <div class="diff-overlay"> + <input type="range" min="0" max="100" value="50"> + <div class="overlay-frame"> + <span class="before-container"><img class="image-before"></span> + <span class="after-container"><img class="image-after"></span> + </div> + </div> + </div> + {{end}} + </div> + </div> + </td> +</tr> +{{end}} |