Design

...

...

Default Behaviour(s) :

...

How it works

The main menu is accessible from every pages of the DAM by clicking on the menu icon in the Header.

By default, the main menu is composed of :

Footer links

• Profile picture / First Name / Last Name : redirect to the user profile edition page. The Profile edition can be disabled

• Logout link : The user is disconnected from the DAM by clicking on this link

• Language drop-down menu with options : French, English, Deutch. It is possible to disable one or more languages through configuration.

• My boards link : Redirects to “My Boards” page

• My searches link : Redirects to “My searches” page

• Configure DAM link : Opens wedia-config interface in a new window (Only for developers role)

• Footer links :

  Image Added

  • Legal Notice : redirects to the legal notice page

  • Terms

...

• • and conditions : redirects to the

...

• • terms of service page

  • Feedback : opens the feedback’s popup.

...

Profile picture / First Name / Last Name

...

Disconnect link

...

My boards link

...

• Release Number

...

Language drop-down menu with options :

• French, English, Deutch

...

Cross, for closing the menu

Advanced Configuration

...

• : Automatically set by the DAM, can be removed at project level.

Standard Configuration

Since Starter Kit 2023.3, it is now possible to configure the footer links in the menu via the DAM configuration page.

For more details, see this page.

Advanced Configuration

Adding footer links in the main 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

...

$.menu.actionAvailabled=

...

[
  {
    "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 :

...

Property

...

Type

...

Default

...

Description

...

id

...

string

...

false

...

Unique identifier of your choice for the shortcut

...

key

...

string

...

undefined

...

I18n key for shortcut label

...

icon

...

string

...

undefined

...

Font awesome style fa-s/l/r + icon name prefixed with fa-

...

to

...

object

...

{}

...

A JSON object with a mandatory name property to specify the Vue route to follow. Ex:

{

"name": "dam-explore",

"params": {}

}

...

descriptionKey

...

string

...

undefined

...

I18n key for shortcut description

Adding footer links in the main menu

...

{
  "links": [
    {
      "i18n": "page.title.legal",
      "routing": {
        "to": {
          "name": "legal"
        }
      }
    },
    {
      "i18n": "sidebar.about",
      "routing": {
        "to": {
          "name": "cgu"
        }
      }
    }
  ]
}

Adding links in the sidebar menu

...

The links you want to display in the sidebar menu must described in the links.json file located in the menu directory. It's an Array<Link> with the following settings :

[
  {
    "key": "sidebar.links.board",
    "suffixIfAnonymous

": true,
    "to": { 
      "name": "boards",
    },

 "

onlyIfAllFeaturesActive": ["boards"]
  },
  {
    "key": "sidebar.links.searches",
    "onlyIfLogged

": true,
    "to": {
      "name": "savedSearches"
    },

}
]

Each Link object has the following structure :

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 :

[
  {
    "name": "fr",
    "id": 1
  },
  {
    "name": "en",
    "id": 2
  },
  {
    "name": "de",
    "id": 4
  }
]

Disabling access to the Profile menu

...