[FLINK-23111] Update Angular to version 12

• Type: Sub-task
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Fix Version/s: 1.14.0
• Component/s: Runtime / Web Frontend
• Labels: pull-request-available
• Assignee: Junhan Yang
• Reporter: Ingo Bürk
• Created: 23/Jun/21 06:43
• Updated: 03/Sep/21 08:29
• Resolved: 16/Aug/21 15:10

Description

Angular 7 (currently used by Flink UI) is already EOL. In order to stay up to date with improvements to the framework, browser support, security and dependencies, we need to update it to the latest version.

This also involves updating various dependencies like node, ng-zorro, TypeScript, RxJs, …

 

Note that updating across several major versions is not recommended. We should do the update one-by-one for each version (e.g. one commit for each update). Due to the lack of tests we need to make sure the UI works in all areas afterwards, also visually.

Issue Links

• blocks: FLINK-23113 Linting for Flink UI
• blocks: FLINK-23114 Address vulnerabilities in Flink UI
• fixes: FLINK-21268 Logs view can't scroll in Firefox
• fixes: FLINK-22642 Tooltips do not close again
• supercedes: FLINK-17347 upgrade to latest angular version
• links to: GitHub Pull Request #16603
• links to: GitHub Pull Request #16854
• links to: GitHub Pull Request #16980