As an Admin I want to customize Eclipse Che logo from the Custom Resource

[ibuziuk]

Is your task related to a problem? Please describe

As an Admin I want to customize Eclipse Che logo from the Custom Resource

Describe the solution you'd like

spec:
  components:
    dashboard:
       logo:
         - base64data: <base64-encoded-data>
           mediatype: image/png

logo: a base64 encoded image. The base64data parameter contains the data and the mediatype specifies the type of image, eg. image/png or image/svg.

Inspired by the https://github.com/operator-framework/operator-lifecycle-manager/blob/4197455/Documentation/design/building-your-csv.md#operator-metadata

Describe alternatives you've considered

N/A

Additional context

part of #21571

[tolusha]

The similar image [1] is used to configure OpenShift ConsoleLink.
But, the image url is the only way to set image for ConsoleLink object [2]

[1] https://github.com/eclipse-che/che-operator/blob/main/config/manager/manager.yaml#L96-L97
[2] https://docs.openshift.com/container-platform/4.9/rest_api/console_apis/consolelink-console-openshift-io-v1.html

[tolusha]

What about this structure:

spec:
  components:
    dashboard:
       branding:
         logo:
           - base64data: <base64-encoded-data>
             mediatype: image/png

[l0rd]

Related downstream issue

[debkantap]

Is this feature available in 7:75 version. We tried it ..but looks like not working. pls advice..

Thanks

[ibuziuk]

@debkantap yes, this feature works in 7.75 see eclipse-che/che-dashboard#907

[debkantap]

Thanks @ibuziuk for the quick reply ...It worked for me as well with the example. I missed the "'" single quote!!
Do you have some suggestion to convert the svg image to base64data pls?
Also is the loader image can also be changed using the same process, with rebuild..any clue?

[debkantap]

*without rebuild

[debkantap]

@ibuziuk ..now I could change logo and loader using both configurator and re-building the dashboard code. But not able to update the font color or background using the branding.css.
Do you have any clue?

Thanks & Regards
Debkanta