Bring all apps up to Angular v8 (variously from v1.2, v1.5, v5, v6, and v7). Remove jHipster dependencies. Move to standardised file structure. Tidy up SCSS folder. Tidy up Protractor and Cucumber tests. NGRX Observable.
Background
There's a lot of tech debt across TIS. In FE this is the case too.
...
Things that need addressing are:
Different versions of Angular in use
Removal of dependency on jHipster scaffolding
Aligning the filing structure to match best practice for Angular 5
Tidy up the SCSS folder and code
Where to apply global and local styles
Tidying up of a plethora of tests and test approaches
NGRX - observable
Options considered
Option 1:
Option 2:
Option 3:
Option 4:
Bringing all elements in TIS up to the same, current version of Angular
V5
V6
V7
V8
Pros and cons
Admins UI is v5 and the biggest element of TIS. Getting everything to v5 would mean we could then upgrade all of TIS to later versions of Angular more easily
v5 is already 2 full versions behind the current stable version of Angular (v7). Admins UI contains lots of non-Angular v5 code within it that will need to be converted to Angular v5 first
More modern version of Angular opens up new features and addresses issues from v5
Admins UI is now Angular v6, but bringing Reval up to v6 is a large task
More modern version of Angular opens up new features and addresses issues from v6
No element is using Angular v7 yet, so bringing all of TIS up to v7 is a huge task
More modern version of Angular opens up new features and addresses issues from v7
No element is using Angular v8 yet, so bringing all of TIS up to v8 is a huge task
Estimated cost
Status
colour
YELLOW
Yellow
title
MEDIUM
Status
colour
RED
Red
title
LARGE
Status
colour
RED
Red
title
LARGE
Status
colour
RED
Red
title
LARGE
Status
Status
colour
Yellow
title
In progress
- Admins UI
Status
colour
Green
title
done
, Reval
Status
colour
Red
title
to do
Status
colour
YELLOW
Yellow
title
in progress
- Admins UI
Status
colour
Green
title
done
, Reval
Status
colour
Red
title
to do
Status
colour
Red
title
to do
Status
colour
RED
Red
title
to do
Action items
Update Admins UI code to Angular v5
Update Admins UI code to Angular v6
Update Admins UI code to Angular v7
Update Admins UI code to Angular v8
TISNEW-2498: Re-write Angular 1.2/1.5 apps (Reval | Concerns Log | Notifications | Common Components) to Angular v5, and upgrade to v6, v7 and v8
TISNEW-2503: Remove dependencies on jHipster scaffolding
Bring all apps up to Angular v8 (variously from v1.2, v1.5, v5, v6, and v7). Remove jHipster dependencies. Move to standardised file structure. Tidy up SCSS folder. Tidy up Protractor and Cucumber tests. NGRX Observable.
