Implement messages on main page

zentrumnawi / solid-frontend

A versatile Web-App for Structured Object Learning and Identification

3 stars 3 forks source link

Implement messages on main page #889

Closed sheepyhollow closed 3 years ago

sheepyhollow commented 3 years ago

SOLID has a built-in "messaging service" to inform users about new content, updates etc. Messages are already displayed on the "info" page, separately as "News" and "Changelog" - this implementation can be used as a reference for the task.

Messages should be displayed on the main page (skeleton landing component) and look something like here: https://app.geomat.uni-frankfurt.de/

[x] Display the message list for "Notices" on the landing page between landing banner and menu grid - important for Release
[x] catch the case that no valid messages exist (or all are dismissed)
[x] edit css of the messages list (in info AND landing component).
[x] remove superfluous space in message title | valid-from date
[ ] make messages dismissible (mark as read)
[ ] find a way to deal with images in messages (I think we need a popup for the full message display)

sheepyhollow commented 3 years ago

The final behaviour is yet under discussion, there are several ideas but no final decision. But the first sub-task is basically the same: make messages available on the landing page. This can be done anytime.

sheepyhollow commented 3 years ago

@anhnguyen-98 If you start working on the 2nd sub task, you should check out the message.state.ts and message.actions.ts. Some of the work is already prepared since all messages are already loaded into the local store and obviously displayed from there. It seems a little unfinished, there is no routine to mark messages as read, but the basics are there.

sheepyhollow commented 3 years ago

As mentioned above: concentrate on the 1st sub-task - part 2 and 3 are not needed for the release.

sheepyhollow commented 3 years ago

I noticed that the "Neuigkeiten"-Area is always displayed, even if no valid messages exist. I updated the task list above. It's okay for now - we are going to make sure that we have valid messages.

sheepyhollow commented 3 years ago

We will have to edit the css on landing page messages, the effective line-height or line spacing is far too high and messages look "stretched".

sheepyhollow commented 3 years ago

And there is a double space character between the message title and the | separator. I think it's the linebreak after the {{ message.title }} variable and the <span> element.