Configuration to display an application banner

[josegar74]

In certain cases can be relevant to display a banner in the application to inform users, for example of a maintenance task.

This change request adds a new setting to enable an application banner and configure the text to display.

The banner is displayed in the public pages.

Checklist

• I have read the contribution guidelines
• Pull request provided for main branch, backports managed with label
• Good housekeeping of code, cleaning up comments, tests, and documentation
• Clean commit history broken into understandable chucks, avoiding big commits with hundreds of files, cautious of reformatting and whitespace changes
• Clean commit messages, longer verbose messages are encouraged
• API Changes are identified in commit messages
• Testing provided for features or enhancements using automatic tests
• User documentation provided for new features or enhancements in manual
• Build documentation provided for development instructions in README.md files
• Library management using pom.xml dependency management. Update build documentation with intended library use and library tutorials or documentation

[fxprunayre]

LGTM. One limitation is that the message is not multilingual. One option would be to use the service description of the catalogue like we do here https://github.com/geonetwork/core-geonetwork/blob/main/web-ui/src/main/resources/catalog/views/default/templates/home.html#L9 but not sure it worth it?

[josegar74]

I was thinking to configure a translation-key in the database and use it. I'll check to update the pull request with this.

[fxprunayre]

I was thinking to configure a translation-key in the database and use it. I'll check to update the pull request with this.

yep maybe a translation key can be good enough and will be display in main catalogue and portal more easily.

[josegar74]

@fxprunayre updated to use a translation key

[MichelGabriel]

@josegar74 I had a go at the styling and looked at how GitHub did it. I used the same yellow background for a better contrast of background and foreground.

For now the text is always displayed as bolder. I would leave that up to the user who writes the text for the banner. You can add html elements, like <b> in the translation.

This is the css I used:

.application-banner {
  background-color: #fff8c5;
  border: 1px solid #d4a72c66;
  margin: 15px;
  padding: 15px;
  border-radius: 4px;
  color: #000;
}

[josegar74]

@MichelGabriel, thanks. I've updated the styling.