Skip to content

Add loading symbol to metadata editor gallery detail view - #7231

Open
solth wants to merge 3 commits into
kitodo:mainfrom
solth:detail-view-loading-svg
Open

solth wants to merge 3 commits into
kitodo:mainfrom
solth:detail-view-loading-svg

Conversation

@solth

@solth solth commented Sep 1, 2026

Copy link
Copy Markdown
Member

This pull request adds a small SVG loader graphic that is displayed when an image starts loading and removed/hidden when the rendering of the image/media finished, to proivide better feedback to the user. Thus fixes #7057

Bildschirmaufnahme.2026-09-01.um.14.14.04.mov

Note: I will provide backports of this fix for Kitodo 3.9.x and 4.0.x once this pull request has been approved

@codacy-production

codacy-production Bot commented Sep 1, 2026

Copy link
Copy Markdown

Up to standards ✅

🟢 Issues 0 issues

Results:
0 new issues

View in Codacy

🟢 Metrics 0 complexity · 0 duplication

Metric Results
Complexity 0
Duplication 0

View in Codacy

NEW Get contextual insights on your PRs based on Codacy's metrics, along with PR and Jira context, without leaving GitHub. Enable AI reviewer
TIP This summary will be updated as you push new changes.

@solth
solth requested a review from oliver-stoehr September 1, 2026 13:45
@solth
solth force-pushed the detail-view-loading-svg branch 3 times, most recently from 4b2d174 to 392b497 Compare September 10, 2026 11:21

@oliver-stoehr oliver-stoehr left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The loading icon does not hide when loading an audio file and keeps spinning in the background:
Image

The loading icon should also be added to the externalView.xhtml.

And there is still an old loading icon present. I think it is broken quite some time now and not visible, anyway. It should be removed, now that we add a new loading icon:

  • <i class="fa fa-spinner fa-spin"/> in externalView.xhtml
  • <i class="fa fa-spinner fa-spin"/> in mediaDetail.xhtml
  • loadingIcon in ol_custom.js::showCanvas
  • loadingIcon in ol_custom.js::hideCanvas
  • #map > i in kitodo.css
  • #loader in media_detail_audio_waveform.js (Line 88 is probably the place where the new loading icon should be hidden, when loading an audio file.)

Comment thread Kitodo/src/main/webapp/WEB-INF/resources/css/kitodo.css Outdated
@solth
solth force-pushed the detail-view-loading-svg branch from 6c4f9cc to 3e0ef0b Compare September 16, 2026 15:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Signal loading in progress for large images in detail view

2 participants