Skip to content

Conversation

@walldenfilippa
Copy link
Contributor

@walldenfilippa walldenfilippa commented Dec 12, 2025

Description

Added metadata to the data element, along with functionality to store the metadata within it.
Additional functionality in app-lib (Altinn/app-lib-dotnet#1598) and localtest(Altinn/app-localtest#183). Storage branch: https://github.com/Altinn/altinn-storage/tree/filippa2

Design in figma, pre development:

image

Mobileview:
image

Current layout:

image

Mobileview:
image

Preview of thumbnail:
image

Mobile:
image

Related Issue(s)

#792

Verification/QA

  • Manual functionality testing
    • I have tested these changes manually
    • Creator of the original issue (or service owner) has been contacted for manual testing (or will be contacted when released in alpha)
    • No testing done/necessary
  • Automated tests
    • Unit test(s) have been added/updated
    • Cypress E2E test(s) have been added/updated
    • No automatic tests are needed here (no functional changes/additions)
    • I want someone to help me make some tests
  • UU/WCAG (follow these guidelines until we have our own)
    • I have tested with a screen reader/keyboard navigation/automated wcag validator
    • No testing done/necessary (no DOM/visual changes)
    • I want someone to help me perform accessibility testing
  • User documentation @ altinn-studio-docs
    • Has been added/updated
    • No functionality has been changed/added, so no documentation is needed
    • I will do that later/have created an issue
  • Support in Altinn Studio
    • Issue(s) created for support in Studio
    • This change/feature does not require any changes to Altinn Studio
  • Sprint board
    • The original issue (or this PR itself) has been added to the Team Apps project and to the current sprint board
    • I don't have permissions to do that, please help me out
  • Labels
    • I have added a kind/* and backport* label to this PR for proper release notes grouping
    • I don't have permissions to add labels, please help me out

Summary by CodeRabbit

  • New Features
    • Thumbnail image previews added to file uploads with responsive sizing and a new thumbnail column in the file list
    • Table and row layout updated to display thumbnails correctly in mobile and desktop views
    • Added localization strings for English, Norwegian Bokmål, and Norwegian Nynorsk
    • File metadata support introduced to enable thumbnail handling

✏️ Tip: You can customize this high-level summary in your review settings.

@walldenfilippa walldenfilippa added kind/product-feature Pull requests containing new features backport-ignore This PR is a new feature and should not be cherry-picked onto release branches labels Dec 12, 2025
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Dec 12, 2025

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@walldenfilippa walldenfilippa changed the title Feat/thumbnail feat/thumbnail Dec 12, 2025
@walldenfilippa walldenfilippa mentioned this pull request Dec 12, 2025
19 tasks
@walldenfilippa
Copy link
Contributor Author

old PR: #3797

@walldenfilippa
Copy link
Contributor Author

/publish

@github-actions
Copy link
Contributor

github-actions bot commented Dec 12, 2025

PR release:

  • <link rel="stylesheet" type="text/css" href="https://altinncdn.no/toolkits/altinn-app-frontend/4.24.0-pr.3283.thumbnail.86022a75/altinn-app-frontend.css">
  • <script src="https://altinncdn.no/toolkits/altinn-app-frontend/4.24.0-pr.3283.thumbnail.86022a75/altinn-app-frontend.js"></script>

⚙️ Building...
✅ Done!

}) => {
const { langAsString } = useLanguage();
const uniqueId = isAttachmentUploaded(attachment) ? attachment.data.id : attachment.data.temporaryId;
return (

Check warning

Code scanning / CodeQL

Useless conditional Warning

This use of variable 'mobileView' always evaluates to true.
@walldenfilippa
Copy link
Contributor Author

/publish

@github-actions
Copy link
Contributor

github-actions bot commented Dec 27, 2025

PR release:

  • <link rel="stylesheet" type="text/css" href="https://altinncdn.no/toolkits/altinn-app-frontend/4.24.0-pr.3413.thumbnail.bc54e0fa/altinn-app-frontend.css">
  • <script src="https://altinncdn.no/toolkits/altinn-app-frontend/4.24.0-pr.3413.thumbnail.bc54e0fa/altinn-app-frontend.js"></script>

⚙️ Building...
✅ Done!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport-ignore This PR is a new feature and should not be cherry-picked onto release branches kind/product-feature Pull requests containing new features

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants