Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

Design

...

header-homepage.pngImage Added

header-searchpage.pngImage Added

header-searchpage-cursor-menu.pngImage Added

header-otherspages.pngImage Added

How it works

Header (Homepage)

...

Default Behaviour(s) :

Header is composed of :

  • A wedia logo : redirects to the homepage of the application

...

  • A wedia-transfer icon : opens wedia transfer app

  • “Boards” : redirects to

...

  • “my boards” page

  • “My workspaces” : redirects to creative review workspace

  • A Notification icon : opens the notification popin

...

  • Menu icon : opens the main menu

...

...

Header (

...

Search Pages)

...

Default Behaviour(s) :

Header is composed of :

  • A wedia logo : redirects to the homepage of the

...

An upload icon : redirects to the mass upload page

  • Only visible for Administrators

...

  • DAM

  • Universes drop-Down menu

...

  • :

...

All assets (with minimalist asset structure)

    • Default universes are all assets, all videos

    • The universes menu list predefined queries

    • Additional universes can be defined at the project level

    • Separators can space out universes

  • Search icon + Search bar with auto-complete + number of results corresponding to the total number of asset

...

  • After fielding-in one or several key word(s), user can click on the suggested tags throught autompleted options, or he can press the enter key of his keyboard in order to display the results

...

A notification icon : opens the notification popin

...

  • :

    • Search as you type is available

    • By default, all indexed properties will be analyzed (text, list, document contents)

    • It is possible to list the properties that should be part of this suggest, and exclude other full text search properties from the suggester

    • List of full text search properties that come with starter kit is available in the document Assets Structure

  • A wedia-transfer icon : opens wedia transfer app

  • “Boards” : redirects to “my boards” page

  • “My workspaces” : redirects to creative review workspace

  • A Notification icon : opens the notification popin

  • Menu icon : opens the main menu

Image Removed

...

Header (other pages

...

)

...

Header is composed of :

  • A wedia logo : redirects to the homepage of the application

...

  • A wedia-transfer icon : opens wedia transfer app

  • “Boards” : redirects to

...

  • Only visible for Administrators

...

  • “my boards” page

  • “My workspaces” : redirects to creative review workspace

  • A Notification icon : opens the notification popin

...

Board icon : redirects to “my boards” page

  • Menu icon : opens the

...

Image Removed

 

...

  • main menu

Standard configuration

The universes menu are manageable from an easy-to-use, out-of-the-box settings interface provided with starter kit from the 2023.1.0 WEDIA release.

➡️ More information

From the 2023.3.0 WEDIA release, logos are also manageable from this interface

Advanced Configuration for developpers

Customize your logos

Go to administration interface DAM Branding

Expected sizes and formats are described on this page : UI configuration checklist

...

Add universes (cursors or queries

...

Deactivating a features (upload or boards)

The upload icon depends on several parameters :

  • an upload feature,

  • if there are roles affected or not,

  • and the user has to be connected;

...

)

Queries

There are no conditions for the full text search bar to display in the dam page. It will always show.

...

On the home page however, the full text search bar is not visible.

Here is an overview:

Config path

Default value

Description

Translation i18n key:
topsearch.input-placeholder

I'm looking for

Cursors

By default, there are 2 cursors already configured : “All assets” and “All videos“. It also possible to add personalized cursors.

Default cursors

Here is it’s overview of the default cursors:

Config path

Default value

Description

Translation i18n key:

nav.upload

Upload assets

$.features.upload

true

To hide the upload icon, set the value to false.

$.dam-import.upload.roles

-

By default, no roles are created and so the upload is available.

If roles are created, the app will check that the user belongs in one of those role IDs.

Example of role configuration file:

Code Block
{
  "asset": [4, 27, 28],
  "pimasset": [4, 27, 28]
}

global.schemaNames.allAssets.cursor

All assets

Translation i18n key:

global.schemaNames.allVideos.cursor

All videos

$.common.cursors.all-assets.json

Code Block
languagejson
{
  "path": "dam/asset",
  "max": 60,
  "orderby": "created desc",
  "limit": 20,
  "withRights": true,
  "maxchildren": 6,
  "sortByRelevanceIfFulltext": true,
  "i18nQuery": true,
  "cacheDuration": "20000",
  "haveAssetNature": true,
  "staticQuery": {}
}

Describes how the cursor “All assets” will work: as the staticQuery is empty, all assets will be accepted.

$.common.cursors.all-videos.json

Code Block
{
  "path": "dam/asset",
  "max": 60,
  "staticQuery": {
    "assetnature": {
      "dof": {
        "code":"video"
      }
    }
  },
  "orderby": "created desc",
  "limit": 200,
  "haveAssetNature": true
}

Describes how the cursor “All videos” will filter the assets: will display all assets where the code property of assetnature is a video (in other words, will display all videos).

$.dam.default-cursor-name.json

"allAssets"

Defines the default cursor, the one that is shown when going to the dam explorer page.

Adding a new cursor

When adding a new cursor, there are a few steps to take.

First, we’ll have to add it to $.dam.contexts.json. Here is an example with a cursor called “allProducts”:

Code Block
[
  {
    "cursor":"allAssets",
    "disableResourceSubFilter": true
  },
  {
    "cursor": "allVideos",
    "disableResourceSubFilter": true
  },
  {
    "cursor": "allProduct",
    "disableResourceSubFilter": true
  }
]

Then we have to create a file in $.common.cursors.<cursor-name-in-kebab-case>.json. In our example, we’ll have : $.common.cursors.all-product.json

We have to fill in the file with the basic information and a specific query:

Code Block
languagejson
{
    "path": "dam/asset",
    "max": 60,
    "orderby": "created desc",
    "limit": 20,
    "withRights": true,
    "maxchildren": 6,
    "sortByRelevanceIfFulltext": true,
    "i18nQuery": true,
    "cacheDuration": "20000",
    "haveAssetNature": true,
    "staticQuery": {
      "and": [
        {"width":{"eq":3450}},
        {"height":{"eq":5175}}
      ]
    }
  }
  

Here, we ask that the cursor displays all assets that have a width of 3450px and a height of 5175px.

Finally, don’t forget to add the translation key in the appropriate plugin. It has to be as follow:

global.schemaNames.<nameOfCursor>.cursor

In our example, the translation key would be: global.schemaNames.allProducts.cursor.

Separators

It is also possible to add separators to space out cursors. To do so, add null between each object of a cursor in the $.dam.contexts.json, like so:

Code Block
[
  [...]
  {
    "cursor": "allVideos",
    "disableResourceSubFilter": true
  },
  null,
  {
    "cursor": "allVideos",
    "disableResourceSubFilter": true
  }
]

Here is an overview of what a separator would look like:

Image Added

Image Added

without separators

with separators

Disabling cursors

We can disable the visiblity of the cursors in the dam explorer page by setting to false the $.dam.behaviors.display-contexts-filter.json.

Deactivating boards

The board icon depends on only one parameter: a board feature.

Here’s it’s overview:

Config path

Default value

Description

Translation i18n key:
nav.boards

My boards

This translation key is used when the user is connected

Translation i18n key:

nav.boards_not_connected

Boards

This translation key is used when the user is not connected

$.features.boards

true

To hide the boards icon, set the setting $.features.boards to false

Deactivating Creative workflow

Follow the documentation in order to deactivate Creative workflow on your project :

https://crossmedia.atlassian.net/wiki/spaces/WD/pages/2862678030/Creative+workflow+installation+guide#1.3%2F-Don%E2%80%99t-need-the-creative-workflow