8000 NAS-136168 / 25.10 / Update to Angular 20 by denysbutenko · Pull Request #12121 · truenas/webui · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

NAS-136168 / 25.10 / Update to Angular 20 #12121

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking &ldq 8000 uo;Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 35 commits into
base: master
Choose a base branch
from
Open

Conversation

denysbutenko
Copy link
Member
@denysbutenko denysbutenko commented Jun 10, 2025

Changes:

  • Update to Angular 20
  • Update date-fns

Testing:
Check pages 8000 for regressions introduced by adding new CSS variables in the material?

Downstream

Affects Reasoning
Documentation mention in release note?

TODO:

  • Fonts in buttons are different.
  • Fonts in status pills (like in Shares) look different
  • Colors in radio groups are incorrect.
  • Toggle control looks different.
  • Apps warning Using 3rd party applications with TrueNAS... looks incorrect. Text too squished.
  • Header in job dialog and margins between other elements looks different.
  • Checkboxes have different color, but it's okay to keep them gray. They do however need to have light checkmark on light themes.
  • Boot Environments → Date Created now shows Invalid Date. Same for dates in reporting.
  • Button group checkmark used to be white, not blue.
  • There is a tiny scrollbar in confirmation dialog that says You have unsaved changes.

@denysbutenko denysbutenko requested a review from a team as a code owner June 10, 2025 15:37
@denysbutenko denysbutenko requested review from undsoft and removed request for a team June 10, 2025 15:37
@bugclerk bugclerk changed the title Update to Angular 20 NAS-136168 / 25.10 / Update to Angular 20 Jun 10, 2025
@bugclerk
Copy link
Contributor

Copy link
Collaborator
@undsoft undsoft left a comment

Choose a reason for hiding this comment

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

  • Fonts in buttons are different.
  • Fonts in status pills (like in Shares) look different
  • Colors in radio groups are incorrect.
  • Toggle control looks different.
  • Apps warning Using 3rd party applications with TrueNAS... looks incorrect. Text too squished.
  • Header in job dialog and margins between other elements looks different.
  • Checkboxes have different color, but it's okay to keep them gray. They do however need to have light checkmark on light themes.
  • Boot Environments → Date Created now shows Invalid Date. Same for dates in reporting.
  • Button group checkmark used to be white, not blue.
  • There is a tiny scrollbar in confirmation dialog that says You have unsaved changes.

Also I had to upgrade my node to make project build. We need to make sure our build process won't fail because of it. Please use Jenkins -> master -> custom with TRY_BRANCH_OVERRIDE to build your branch to make sure it builds.

serial: null as null,
type: null as null,
rotationrate: null as null,
pool_info: null as null,
Copy link
Collaborator

Choose a reason for hiding this comment

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

null as null means that only null is allowed as a value, which is not true. It's better to case as DashboardEnclosureSlot on the object.

@@ -38,7 +38,7 @@ export const alertReducer = createReducer(
on(alertIndicatorPressed, (state) => ({ ...state, isPanelOpen: !state.isPanelOpen })),
on(alertPanelClosed, (state) => ({ ...state, isPanelOpen: false })),

on(adminUiInitialized, (state) => ({ ...state, isLoading: true, error: null })),
on(adminUiInitialized, (state) => ({ ...state, isLoading: true, error: null as null })),
Copy link
Collaborator

Choose a reason for hiding this comment

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

Same here.

@@ -31,7 +31,7 @@ export const jobReducer = createReducer(
on(jobIndicatorPressed, (state) => ({ ...state, isPanelOpen: !state.isPanelOpen })),
on(jobPanelClosed, (state) => ({ ...state, isPanelOpen: false })),

on(adminUiInitialized, (state) => ({ ...state, isLoading: true, error: null })),
on(adminUiInitialized, (state) => ({ ...state, isLoading: true, error: null as null })),
Copy link
Collaborator
@undsoft undsoft Jun 12, 2025

Choose a reason for hiding this comment

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

and here and in other places You should be able to use as string | null

Copy link
8000
codecov bot commented Jun 19, 2025

Codecov Report

Attention: Patch coverage is 74.46809% with 12 lines in your changes missing coverage. Please review.

Project coverage is 84.49%. Comparing base (b567ecb) to head (6a65f5f).
Report is 1 commits behind head on master.

Files with missing lines Patch % Lines
src/app/modules/language/locale.service.ts 50.00% 3 Missing ⚠️
...pp/pages/credentials/groups/store/group.reducer.ts 0.00% 2 Missing ⚠️
.../app/pages/credentials/users/store/user.reducer.ts 0.00% 2 Missing ⚠️
src/app/store/preferences/preferences.reducer.ts 0.00% 2 Missing ⚠️
...tasets/modules/snapshots/store/snapshot.reducer.ts 0.00% 1 Missing ⚠️
...oard/components/line-chart/line-chart.component.ts 50.00% 1 Missing ⚠️
src/app/services/system-general.service.ts 0.00% 1 Missing ⚠️

❌ Your patch check has failed because the patch coverage (74.46%) is below the target coverage (75.00%). You can increase the patch coverage or adjust the target coverage.

Additional details and impacted files
@@            Coverage Diff             @@
##           master   #12121      +/-   ##
==========================================
+ Coverage   84.38%   84.49%   +0.10%     
==========================================
  Files        1740     1740              
  Lines       61716    61734      +18     
  Branches     6852     6852              
==========================================
+ Hits        52078    52161      +83     
+ Misses       9638     9573      -65     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@undsoft undsoft self-requested a review June 19, 2025 15:43
Copy link
Collaborator
@undsoft undsoft left a comment

Choose a reason for hiding this comment

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

Looks like something is wrong with translation extractor – I can see some messages removed from translation files, even though they are present in code.

package.json Outdated
@@ -44,24 +44,24 @@
"url": "https://jira.ixsystems.com"
},
"engines": {
"node": ">=18.19.1"
"node": ">=22.0.0"
Copy link
Collaborator

Choose a reason for hiding this comment

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

We need to confirm that this is actually required by Angular and is supported by our build pipeline.

Copy link
Member Author

Choose a reason for hiding this comment

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

angular.dev says at least 20.19 or higher.

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.

3 participants
0