Design
Default Configuration
Default Behaviour(s) :
User can acces the main menu from every pages of the DAM by clicking on the menu icon in the Header.
By default, main menu is composed of :
Search for an asset link - redirects to the search page,
Upload assets link - redirects to the mass upload page,
Only visible for Administrators
Footer links
Legal Notice : the user is redirected on the legal notice page
Terms of use : the user is redirected on the terms of service page
Feedback : opens the feedback’s popup.
Profile picture / First Name / Last Name
Disconnect link
My boards link
My searches link
Release Number
Language drop-down menu with options :
French, English, Deutch
Cross, for closing the menu
Advanced Configuration
Adding shortcuts in the menu
The shortcuts you want to display must be described in the actionAvailabled.json file located in the menu directory. It is an Array<Action> with the following settings :
Config Path | Default value | Description |
|---|---|---|
| [
{
"id": "menu-action-search",
"key": "sidebar.search.title",
"display": true,
"icon": "fal fa-search",
"to": {
"name": "dam-explore",
"params": {
}
},
"descriptionKey": "sidebar.search.description"
},
{
"id": "menu-action-upload",
"key": "nav.upload",
"display": true,
"icon": "fal fa-cloud-upload",
"to": {
"name": "import-jobs",
"params": {
}
},
"descriptionKey": "sidebar.upload.description",
"onlyForUserGroups": [
4, 27
],
"onlyIfAllFeaturesActive": ["upload"]
}
]
| Shortcut to asset search Shortcut to asset import |
Each Action object has the following structure :
{
"id": "menu-action-search", unique identifier of your choice for the menu entry
"key": "sidebar.search.title", i18n localized key for action label
"icon": "fal fa-search", font awesome icon (fa-s/l/r)
"to": {
"name": "dam-explore", the Vue route to follow on click
"params": {
}
},
"descriptionKey": "sidebar.search.description" i18n localized description
},
Adding footer links in the menu
The footer links you want to display must be described in the footer-links.json file located in the menu directory. The links property is an Array<Link> with the following settings :
Config Path | Default value | Description |
|---|---|---|
| {
"links": [
{
"i18n": "page.title.legal",
"routing": {
"to": {
"name": "legal"
}
}
},
{
"i18n": "sidebar.about",
"routing": {
"to": {
"name": "cgu"
}
}
}
]
}
| Link to legal notice compon |
Each Link object has the following structure :
{
"i18n": "page.title.legal", i18n localized key for link label
"routing": {
"to": {
"name": "legal" the Vue route to follow on click
}
}
}
Disabling one or more languages
The list of available languages can be modified from the available-languages.json file located in the language directory. It is an Array<Lang> with the following description :
Config Path | Default value | Description |
|---|---|---|
$.language.availableLanguages | [
{
"name": "fr",
"id": 1
},
{
"name": "en",
"id": 2
},
{
"name": "de",
"id": 4
}
]
| An array of lang objects with 2 entries:
|