Platform: Shellbar Component Technical Design - SAP/fundamental-ngx GitHub Wiki
Shellbar
See Fundamental-NGX:Core implementation of Shellbar.
i18n
Link to general support for i18n: Supporting internationalization in ngx/platform
This section talks about i18n support for core's shellbar.
Special Usecase: No
fd-shellbar-title
andfd-shellbar-subtitle
can be supported as:
<fd-shellbar-title i18n="@@sbTitle">
Corporate Portal
</fd-shellbar-title>
<fd-shellbar-subtitle i18n="@@sbSubtitle">
Subtitle
</fd-shellbar-subtitle>
fd-shellbar-action
can be supported as:
<fd-shellbar-action
*ngFor="let action of actions"
[glyph]="action.glyph"
[callback]="action.callback"
i18n-label="@@label"
label="action.label"
[notificationCount]="action.notificationCount"
i18n-notificationLabel="@@notifLabel"
[notificationLabel]="action.notificationLabel"
>
</fd-shellbar-action>
The notificationCount
attribute can be supported by using DecimalPipe in the lib implementation which can automatically translate numbers depending on the locale.
Redesign Required: Yes
fd-shellbar-actions
expects user menu to be provided as an array of objects. There is no way to declare these individually, thereby not following declarative approach completely.
<fd-shellbar-actions [user]="user" [userMenu]="userMenu" [closePopoverOnSelect]="true"></fd-shellbar-actions>