Dashboard revamp

What does this MR do?

The dashboard has not only been functionally revised, but has also received a new coat of paint. Additional information about new and interesting functions is now displayed as banners, which can be hidden at any time. Likewise, all lists are collapsible and remember their state. As before it was only visible in the hidden navigation if a company has free pickup slots, this is now also displayed on the dashboard and with how many people you go pickup.

How confident are you it won't break things if deployed?

It shouldn't break too many things, fingers crossed.

Links to related issues

Slack discussion

Screenshots

	Mobile	Desktop
Foodsaver (max view)
Bot

Small changes

• client/src/components/Topbar/Topbar.vue, from fixed height to a min-height. (Closes #1090 (closed))

Critical changes

• Utility/PageHelper.php adds for the Dashboard a global bootstrap CSS class
• templates/layouts/base.twig changed float to flex with bootstraps grid system – but only for the dashboard page

Modules

• Events
• Intro
• Information
• Stores (Team, Management)
• Pickups
• Baskets (Closes #1037 (closed))
• Activity Feed

View's

• Foodsharer
• Foodsaver

Information

• Danger (Broadcast, missing home-region, missing address, e-mail-verify, e-mail-bounce)
• Information (Calendar webcal, Push – disabled for iOS, Foodsaver upgrade) (Closes #601 (closed))

New modules/features

• Information, a flexible module to show off new or important features – which contains a link to the feature settings (Example, push notification and calendar sync).
• Expand-/Collapsible list headers, all list headers gain the ability to collapse or expand – the state will be saved in local storage – (Closes #1174 (closed))
• Activity-Update-Feed, now saves the last selected state in local storage and Foodsharer only see the preselected "foodshare-point" filter
• Store list, show the identical information from the navigation point

Testing

When testing and switching between accounts, clear the local storage to see the information fields.

Automated test adjusted

• tests/acceptance/LegalControlCest.php – coded behavior was not reproducible (Legal was on Text on the dashboard page?)
• tests/acceptance/StoreCest.php
• tests/acceptance/FoodsaverVerifyUnverifyHistoryCept.php

---

Checklist

• Different user roles, have different views
• Column fallback for untouched subpages
• Language support

Release notes text in German

Das Dashboard wurde nicht nur funktional überarbeitet, sondern hat auch einen neuen Anstrich bekommen. Es werden jetzt zusätzlich Informationen zu neuen und interessanten Funktionen als Banner angezeigt, die jederzeit versteckt werden können. Ebenso sind alle Listen einklappbar und merken sich ihren Zustand. Wie zuvor nur in der versteckten Navigation zu sehen war, ob ein Betrieb freie Abholslots hat, wird dies jetzt auch auf dem Dashboard angezeigt und mit wie vielen Personen ihr Abholen geht.

Beta testing text in German

Im neuen Dashboard gibt es neues zum Ausprobieren. Klappt Listen zu und wieder auf, ladet danach die Seite neu, macht den Browser kleiner oder größer. Schließt Informationsbanner oder den Broadcast.  Aber nein, der Listenstatus (zu/aufgeklappt) oder das schließen das Informationsbanner ist nur lokal gespeichert, ihr werdet also bei jedem Browser wechsel damit erneut überhäuft. Ebenso gibt es momentan keine Funktion, diese wieder einzublenden (Browser LocalStorage löschen)! Somit könnt ihr am Smartphone eine andere Darstellung wählen wie am Desktop. 

Schaut auch auf die neuen Informationen in der Abholterminübersicht, stimmt die Anzahl der eingetragenen, bestätigten Slots oder ist die Farbkodierung verständlich. Achtet ebenso auf die Listendarstellung der Betriebe, ist der Hinweis für offene Slots optisch gut zu lesen, nimmt dieser zu viel Platz weg oder bricht der Text seltsam im Vergleich zu den anderen Texten um.

Wittmet auch der Aktivitätenübersicht etwas Zeit, diese speichert nämlich jetzt auch euren gewählten Filter. Probiert aus, ob ihr bis zum Footer kommt, wenn ihr die Übersicht zuklappt.

---

• added a test, or explain why one is not needed/possible… – nothing special added
• no unrelated changes
• asked someone for a code review
• set a "for:" label to indicate who will be affected by this change
• added to the next milestone (see https://gitlab.com/foodsharing-dev/foodsharing/-/milestones, unless it has a "for:Dev" label)
• added an entry to CHANGELOG.md
• added a short text that can be used in the release notes
• Once your MR has been merged, you are responsible to create a testing issue in the Beta Testing forum: https://foodsharing.de/?page=bezirk&bid=734&sub=forum. Please change the MRs label to "state:Beta testing".
  • Consider writing a detailed description in German.
  • Describe in a few sentences, what should be tested from a user perspective.
  • Also mention different settings (e.g. different browsers, roles, ...) how this change can be tested.
  • Be aware, that also non technical people should understand.