hanicz opened a new pull request, #1249: URL: https://github.com/apache/knox/pull/1249
[KNOX-3234](https://issues.apache.org/jira/browse/KNOX-3234) - Upgrade Admin UI libraries/frameworks ## What changes were proposed in this pull request? Summary Upgrades the Knox Admin UI from Angular 13 to Angular 21 and Bootstrap 3 to Bootstrap 5, along with a full modernization of the frontend architecture. Framework upgrades - Angular: 13 → 21 (standalone components, new control flow syntax @if/@for, removed NgModules) - Bootstrap: 3.4 → 5.3 - Angular Material/CDK: added for table/paginator components (green-themed) - SweetAlert2: 11.6 → 11.26 (ESM import) - js-yaml: 3 → 4 (ESM import, removed deprecated safeLoad/safeDump) Architecture changes - Migrated from app.module.ts (NgModule) to standalone component architecture - Reorganized file structure: models into model/, services into service/, components into dedicated directories - Replaced .eslintrc.json with flat eslint.config.js - Removed all .spec.ts boilerplate files (no tests were implemented) - Created reusable ModalComponent utility (replaces Bootstrap JS modals) UI/Styling overhaul - New styles.scss with a consistent green theme palette ($primary: #4caf50) - Custom-styled panels, buttons, inputs, selects, checkboxes, and validation messages - Green-themed .btn-primary, form focus states, and accent-color for checkboxes - Material Icons integration with contextual coloring (add=green, remove→red on hover, etc.) - Replaced inline style="color: red" validation with .validation-error styled badges - Responsive resource list with mat-table and mat-paginator Cleanup - Removed unused model files (rewrite-rule.ts, rewrite-rules.ts), dead methods, unused properties, and commented-out code blocks - Removed legacy files: styles.css, sticky-footer.css, typings.d.ts, index.ts, app/main.ts ## How was this patch tested? Tested locally ## Integration Tests N/A ## UI changes <img width="1916" height="854" alt="Screenshot 2026-06-05 at 13 39 46" src="https://github.com/user-attachments/assets/2d3878ce-e0e3-4f4c-8cf7-6fb4e60be647"; /> <img width="1913" height="849" alt="Screenshot 2026-06-05 at 13 40 07" src="https://github.com/user-attachments/assets/80a6ca33-b008-477d-8e92-50b4c9751d78"; /> <img width="1905" height="853" alt="Screenshot 2026-06-05 at 13 40 26" src="https://github.com/user-attachments/assets/0dfd94dc-4d74-4876-9984-5224fcb86cfa"; /> <img width="1915" height="850" alt="Screenshot 2026-06-05 at 13 40 41" src="https://github.com/user-attachments/assets/166c2fa7-fcc7-4758-ab5a-6abcdfd1b42e"; /> <img width="856" height="763" alt="Screenshot 2026-06-05 at 13 48 14" src="https://github.com/user-attachments/assets/e0407f99-74a8-4f0f-9f57-992dd9390645"; /> <img width="818" height="317" alt="Screenshot 2026-06-05 at 13 48 34" src="https://github.com/user-attachments/assets/b7ac5c83-e8f6-4071-9071-1ad48b59a0c6"; /> <img width="1915" height="849" alt="Screenshot 2026-06-05 at 13 49 04" src="https://github.com/user-attachments/assets/abba8843-65b6-41dd-bf66-d7afc4a12e81"; /> -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
