Replace Gluu branding with Janssen Branding for User Facing Pages (Login, Error, etc)

[ossdhaval]

I have started to implement the code changes for this redesign. A good amount of CSS and HTML would be changed to implement this.

JS libraries and CSS that are used in current pages seem out of date now. This is probably the right time to upgrade them. The bootstrap library that we are using is version-4. That was Released 5 years back. The latest is 5.3.2. And we have a bunch of other libraries. For instance, we are currently using fontawesome and jQuery too. As I read, it seems that if we upgrade to Bootstrap 5, we don't need the previous two libraries either.

But I am no SME in this area. So, I am putting this thought out for discussion. Should we upgrade to Bootstrap 5 and remove fontawesome and jQuery?

Thoughts?

CC: @duttarnab @moabu @nynymike

[BainMcKay]

On a priority basis, we need an Admin UI and we need an export/import from GLUU 4 to Jansen., so there is a one-to-one mapping. A single click migration would save a ton of time, and frustration working through ambiguous documentation where details are understated or assumed.

[ossdhaval]

@BainMcKay

This thread is about changes to web pages (login, device-code etc) to give them Janssen identity. We can discuss above concerns in a different discussion thread.

Re - admin UI - From the Janssen Project perspective, we have TUI to ease the administration. And we are building more and more features into it. Proposals for additional features are welcome :-)

[nynymike]

Dhaval is correct. This thread is about replacing user-facing login pages that might still have the Gluu trademark.

[jv18creator]

Here are my thoughts from some research, do correct me where I might be wrong,

As I read, it seems that if we upgrade to Bootstrap 5, we don't need the previous two libraries either.

I belive we could remove jQuery-ui library, jQuery is used for DOM manipulation which is used in the project & Upgrading Bootstrap alone won't replace the core functionality provided by jQuery.

Should we upgrade to Bootstrap 5 and remove fontawesome and jQuery?

• I searched for the usage of jQuery & it's used in login-template.xhtml & login-extended-template.xhtml
• We won't be able to remove fontawesome library as well because from the bootstrap 5 docs they are supporting bootstrap-icons which is not included in v5 of bootstrap and needs to be separately installed just like fontawesome.
• In conclusion, we could remove the jQuery-ui v1.12.1 library & test it because it's only used at login-extended-template.xhtml, upgrade bootstrap to version 5 & fontawesome to v6 & keep jQuery.

[nynymike]

Very good suggestions. Please proceed.

[jv18creator]

thanks @nynymike, i will start with the setup for development.