Design

Main menu

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 :

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 :
- Legal Notice : redirects to the legal notice page
- Terms and conditions : redirects to the terms of service page
- Feedback : opens the feedback’s popup.
Release Number : 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

Deprecated : since Starter-Kit 2023.3.0, use DAM configuration page to setup the footer links

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

Config Path

Default value

Description

$.menu.footerLinks

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

Link to legal notice page

Link to CGU page

Each Link object has the following structure :

Property	Type	Default	Description

Property

Type

Default

Description

i18n

string

undefined

I18n key for link label

routing

object

{}

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

{ "to": { "name": "legal" } }

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 :

Config Path	Default value	Description

Config Path

Default value

Description

$.menu.links =

[
  {
    "key": "sidebar.links.board",
    "suffixIfAnonymous": true,
    "to": { 
      "name": "boards",
    },
    "onlyIfAllFeaturesActive": ["boards"]
  },
  {
    "key": "sidebar.links.searches",
    "onlyIfLogged": true,
    "to": {
      "name": "savedSearches"
    },
  }
]

Link to the user boards

Link to the user stored searches

Each Link object has the following structure :

Property	Type	Mandatory	Default	Description

Property	Type	Mandatory	Default	Description
`key`	`string`	`true`	`undefined`	I18n key for link label
`to`	`object`	`true`	`{}`	A JSON object containing a mandatory `name` property to specify the Vue route to follow. Ex: `{ "to": { "name": "savedSearches" } }`
`suffixIfAnonymous`	`boolean`	`false`
`onlyIfAllFeaturesActive`	`array`	`false`	`[]`	A list of features required for link activation
`onlyIfLogged`	`boolean`	`false`	`true`	Specifies if the link is public or if the user must be logged in for link activation

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

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:

name: the ISO code
id

Disabling access to the Profile menu

See Main Menu - User profile

Hiding the Release Number

Add or modify the hide-server-version.json file (located in the menu directory) and set its content to true (default is false).