diff options
author | silverwind <me@silverwind.io> | 2023-05-29 14:10:00 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-05-29 12:10:00 +0000 |
commit | e4e98979fff54564f20e451bfdf7b05a7da4f11a (patch) | |
tree | 07cd409f5454f81abf19f0dfe6fa9f60ecb8bc04 /templates | |
parent | 35ce7ca25b5756441949312d79aa6382f98ce8d6 (diff) | |
download | gitea-e4e98979fff54564f20e451bfdf7b05a7da4f11a.tar.gz gitea-e4e98979fff54564f20e451bfdf7b05a7da4f11a.zip |
Add PDF rendering via PDFObject (#24086)
Use [PDFObject](https://pdfobject.com/) to embed PDFs, replacing our
outdated PDF.js copy we vendor (the last non-webpack vendoring).
[Commit
1](https://github.com/go-gitea/gitea/pull/24086/commits/673e0263da64b72565ff59b990ab1b8e87271872)
is the PDFObject integration
[Commit
2](https://github.com/go-gitea/gitea/pull/24086/commits/9336f5769d54445bba0e16776164f6a2fe2c32ac)
is the removal of PDF.js
<img width="1251" alt="Screenshot 2023-05-27 at 09 57 52"
src="https://github.com/go-gitea/gitea/assets/115237/169ce50c-bd1d-4bb0-86e5-1710bd0400a9">
<img width="1257" alt="Screenshot 2023-05-27 at 10 12 50"
src="https://github.com/go-gitea/gitea/assets/115237/318f7ee9-fb11-4093-83e7-17475aa70629">
Fallback for unsupporting browsers (most mobile ones, except Firefox
Mobile):
<img width="358" alt="Screenshot 2023-05-27 at 09 43 34"
src="https://github.com/go-gitea/gitea/assets/115237/8c12d7ba-57d6-4228-89a0-5fef9fad0cbb">
---------
Co-authored-by: Giteabot <teabot@gitea.io>
Diffstat (limited to 'templates')
-rw-r--r-- | templates/repo/settings/lfs_file.tmpl | 4 | ||||
-rw-r--r-- | templates/repo/view_file.tmpl | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/templates/repo/settings/lfs_file.tmpl b/templates/repo/settings/lfs_file.tmpl index d38cf32d24..de6f0100f8 100644 --- a/templates/repo/settings/lfs_file.tmpl +++ b/templates/repo/settings/lfs_file.tmpl @@ -19,7 +19,7 @@ {{else if .IsPlainText}} <pre>{{if .FileContent}}{{.FileContent | Safe}}{{end}}</pre> {{else if not .IsTextFile}} - <div class="view-raw ui center"> + <div class="view-raw"> {{if .IsImageFile}} <img src="{{$.RawFileLink}}"> {{else if .IsVideoFile}} @@ -31,7 +31,7 @@ <strong>{{.locale.Tr "repo.audio_not_supported_in_browser"}}</strong> </audio> {{else if .IsPDFFile}} - <iframe width="100%" height="600px" src="{{AssetUrlPrefix}}/vendor/plugins/pdfjs/web/viewer.html?file={{$.RawFileLink}}"></iframe> + <div class="pdf-content is-loading" data-src="{{$.RawFileLink}}" data-fallback-button-text="{{.locale.Tr "diff.view_file"}}"></div> {{else}} <a href="{{$.RawFileLink}}" rel="nofollow" class="btn btn-gray btn-radius">{{.locale.Tr "repo.file_view_raw"}}</a> {{end}} diff --git a/templates/repo/view_file.tmpl b/templates/repo/view_file.tmpl index f50d8646de..389aa2f4f2 100644 --- a/templates/repo/view_file.tmpl +++ b/templates/repo/view_file.tmpl @@ -73,7 +73,7 @@ {{else if .IsPlainText}} <pre>{{if .FileContent}}{{.FileContent | Safe}}{{end}}</pre> {{else if not .IsTextSource}} - <div class="view-raw ui center"> + <div class="view-raw"> {{if .IsImageFile}} <img src="{{$.RawFileLink}}"> {{else if .IsVideoFile}} @@ -85,7 +85,7 @@ <strong>{{.locale.Tr "repo.audio_not_supported_in_browser"}}</strong> </audio> {{else if .IsPDFFile}} - <iframe width="100%" height="600px" src="{{AssetUrlPrefix}}/vendor/plugins/pdfjs/web/viewer.html?file={{$.RawFileLink}}"></iframe> + <div class="pdf-content is-loading" data-src="{{$.RawFileLink}}" data-fallback-button-text="{{.locale.Tr "repo.diff.view_file"}}"></div> {{else}} <a href="{{$.RawFileLink}}" rel="nofollow" class="btn btn-gray btn-radius">{{.locale.Tr "repo.file_view_raw"}}</a> {{end}} |