[
https://issues.apache.org/jira/browse/KNOX-3234?focusedWorklogId=1023806&page=com.atlassian.jira.plugin.system.issuetabpanels:worklog-tabpanel#worklog-1023806
]
ASF GitHub Bot logged work on KNOX-3234:
----------------------------------------
Author: ASF GitHub Bot
Created on: 05/Jun/26 12:23
Start Date: 05/Jun/26 12:23
Worklog Time Spent: 10m
Work Description: 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";
/>
Issue Time Tracking
-------------------
Worklog Id: (was: 1023806)
Remaining Estimate: 0h
Time Spent: 10m
> Upgrade Admin UI libraries/frameworks
> -------------------------------------
>
> Key: KNOX-3234
> URL: https://issues.apache.org/jira/browse/KNOX-3234
> Project: Apache Knox
> Issue Type: Improvement
> Components: AdminUI, Site
> Affects Versions: 3.0.0
> Reporter: Tamás Hanicz
> Assignee: Tamás Hanicz
> Priority: Major
> Time Spent: 10m
> Remaining Estimate: 0h
>
> Angular, Node, Bootstrap etc. libraries are out of date.
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
