Project Masthead

[ssilvert]

Description

"Project Masthead" is a meta-project that follows from the need to share UI components between the Keycloak admin console and the account console. Also, we need for developers to easily customize admin and account console. According to PatternFly Masthead documentation, "A masthead contains global properties such as logotype, navigation and settings in an organized fashion and it is accessible from all parts of the application. All pages should share a common masthead."

But Project Masthead goes beyond just a masthead for a single application. Instead of just having all pages to share a common masthead, all applications that participate in Keycloak SSO can share a common masthead along with a common look and feel and access to common tools like the account console and an app switcher. Project Masthead makes it easy to build out this kind of infrastructure. Think of it as your own "Google Applications" for the enterprise.

Project Masthead consists of a set of UI components, utilities, and documentation that allow a developer to easily create an application that uses Keycloak SSO and provides authentication, authorization, and account services with a similar look and feel.

Tasks needed to develop Project Masthead include:

• Factor out common components from the new admin console.
• Use these common components to create a new version of the account console.
• Create a sample application using these common components with React
• Create a sample application using these common components with another framework, such as Vue.
• Provide developer documentation
• Create an App Switcher to navigate between applications that participate in Keycloak SSO
• Add the ability to use an avatar from a social provider or an image server
• Make it easy to promote common look and feel between applications (i.e. CSS and logo)
• Research feasibility of slimmed-down PatternFly

Discussion

Discussed in UI Team Meetings and with management
This discussion is also relevant to providing easier customization: #13598

Issues

No response

Motivation

No response

[Scot-Survivor]

Any updates on this issue?
I am mainly interested in the Profile Picture implementation.

[ssilvert]

@Scot-Survivor It hasn't been publicized that well, but we now support the OIDC picture claim in both admin console V2 and account console V3. Account console V2 does not support it.
https://github.com/keycloak/keycloak-ui/pull/3195

For me, I just used a user attribute called picture, set up the URL, and added the mapper.

[Scot-Survivor]

@Scot-Survivor It hasn't been publicized that well, but we now support the OIDC picture claim in both admin console V2 and account console V3. Account console V2 does not support it. keycloak/keycloak-ui#3195

For me, I just used a user attribute called picture, set up the URL, and added the mapper.

Oh cool, I think I'm still on account console V2 as I can't see the upload. Is V3 released yet?

[NhProGamer]

Any news about the account console V3 ?

[helmut72]

Isn't it possible to use Keycloak for saving the picture or take it from LDAP jpegPhoto attribute and provide it as an URL?

Keycloak recently advertised user self-management on Fosdem.

Then user self management is in one place and not cluttered to different places.