Logos in AppCenter

Sn0w3y · February 8, 2024, 5:37pm

Hallo zusammen,

wie löst man die Logos im AppCenter? Also wie kann man diese Implementieren?

Bei mir sieht es bis dato nur so aus:

c.lehne · February 9, 2024, 5:50am

most App (e.g. JanitzaMeter.java) inherit form AbstractOpenemsAppWithProps which inherits from AbstractOpenemsApp. That code provides a getImage() method:

github.com

OpenEMS/openems/blob/2c938aab7a19407e6ab5dcac7b33c5e15da971df/io.openems.edge.core/src/io/openems/edge/core/appmanager/AbstractOpenemsApp.java#L276-280


      
          	public String getName(Language language) {
          		return AbstractOpenemsApp.getTranslation(language, this.getAppId() + ".Name");
          	}
          
          	@Override
          	public String getShortName(Language language) {
          		return AbstractOpenemsApp.getNullableTranslation(language, this.getAppId() + ".Name.short");
          	}
          
          	@Override
          	public String getImage() {
          		var imageName = this.getClass().getSimpleName() + ".png";
          		var image = base64OfImage(this.getClass().getResource(imageName));
          		if (image != null) {
          			return image;
          		}
          		return null;
          	}
          
          	@Override
          	public OpenemsAppPropertyDefinition[] getProperties() {

Note line 277. Easiest way is it to put a file JanitzaMeter.png in the same directory where JanitzaMeter.java is located and recompile your openems-edge.jar.
Same works for most apps.

stefan.feilmeier · February 9, 2024, 7:21pm

Downside of @c.lehne’s approach is, that you need to add files to the Bundle, which makes merging more difficult.

Alternatively you can solve this by defining a publically URL in your custom UI environment file. Example

APP_CENTER: {
	APP_IMAGE: (language: string, appId: string): string | null => {
		return 'https://example.com/images/' + appId + '.png';
	},
},

→ openems/ui/src/themes/openems/environments/theme.ts at develop · OpenEMS/openems · GitHub

c.lehne · February 11, 2024, 7:32am

Nice, we were internally talking about this option. Did not know that it is already implemented ;-).

Sn0w3y · February 11, 2024, 5:49pm

Very interesting finding:

             * The current order of the displayed image of an app is:
             * Image from edge -> Image from Url -> No image just the app name