mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
ed36d08344
* ALL LANGUAGES: This includes all ADF UI files localised into 10 languages as indicated in JIRA ADF-1706: Translate ADF i18n strings into all supported languages * ITALIAN: Small amends to Italian strings as part of previous commit to complete ADF-1706 * Add multilanguages * Load the languages from the app config file * Fix it json * Simplify the adf menu languages * Removed unused code * Basic documentation * Fix unit test
2.1 KiB
2.1 KiB
Language Menu component
Displays all the languages that are present in the "app.config.json" or the defaul one (EN).
Basic usage
How to attach an ADF Language Menu as main menu
<button mat-icon-button [matMenuTriggerFor]="langMenu">
<mat-icon>language</mat-icon>
</button>
<mat-menu #langMenu="matMenu">
<adf-lanugage-menu></adf-lanugage-menu>
</mat-menu>
Details
In the previous example we are using the ADF Language Menu as main menu. The Language Menu component is able to fetch all the languages from the "app.config.json". This is how the configuration looks like in the the "app.config.json"
"languages": [
{
"key": "en",
"label": "English"
},
{
"key": "fr",
"label": "French"
},
{
"key": "it",
"label": "Italian"
}
]
In case no setting is provided, the component shows only the English language.
Nested Menu lanugages
How to attach an ADF Language Menu as nested menu
<button md-icon-button class="dw-profile-menu" [mdMenuTriggerFor]="profileMenu">
<md-icon>more_vert</md-icon>
</button>
<md-menu #profileMenu="mdMenu">
<button md-menu-item>profile-settings</button>
<button md-menu-item [matMenuTriggerFor]="langMenu">Languages</button>
<button md-menu-item>sign-out</button>
</md-menu>
<md-menu #langMenu="mdMenu">
<adf-lanugage-menu></adf-lanugage-menu>
</md-menu>
Nested menu details
In the previous example we are using the ADF Language Menu as nested menu.