Description

The purpose of this issue is to provide a complete reskin of the MapStore Home page by:

• reviewing current functionalities
• including new functions
• providing overall improvements for UI/UX

One of the main goal of this work is to also provide a consistent refactor for both MapStore and GeoNode aimed at maintaining the Home page code base entirely on the MapStore framework to be imported in GeoNode through the usual geonode-mapstore-client.

Below are some screenshots coming from a preliminary design phase to provide a preview as complete as possible of what can be achieved at the UI/UX level. Further design is anyway envisaged as part of this issue to also review what done so far before starting the implementation work.

Main Acceptance Criteria

• The Home page will be refactored providing new sections for:

  • Filters and Facets
    
    Filter panel with new facets and filtering capabilities including new options to filter personal resources and other (e.g. user favorites). It will be possible to click on a Filter button on the top-left to open the Filter panel and manage new facets in a new panel on the right.

  • Resource metadata properties and Details
    
    Metadata properties with access to resource information, details, permissions and other. It will be possible to click on a resource in the catalog to open the metadata properties panel on the right.

  • New Featured section
    
    Changing the UI/UX for featured resources using horizontal scroll (to be reviewed during design phase).

• The information and tools available will be different between authenticated users and anonymous users (most probably there will be a dedicated configuration tier to tune this according to the needs, to be reviewed during design phase)

  
  The metadata properties panel will show only the allowed information/contents to anonymous users as usual.

  
  The filter panel will also provide a limited set of functions and facets for anonymous users by following usual policies.

• New Catalog to browse resources in two different views (grid or list) with different sorting options. It will be possible then to change the visualization of resources in the catalog choosing between grid mode and list mode

  
  Usual grid view. There will be the possibility to sort the resources on top-right.

  
  New list view. There will be the possibility to sort the resources on top-right.

• The information to show for each resource item in the catalog will be established by default but it should be possible to customize visualized information (especially for the list view mode where more space is available, to be reviewed during design phase)

• It will be possible to manage Tags for MapStore resources. Tags can be managed for all resource types by users in a dedicated details tab. Admin users will have access to a dedicated admin page to manage all tags and perform CRUD operation on them

• It will be possible for users to mark a resource as Favorite. It will be possible to browse these resources in the MapStore catalog from filter panel

• The current homepage banner definitely needs to be changed to a more appealing one, as it is now out of date

• Change the position of the "Fork me on Github" label by moving it on the top bar with an more common/up to date style (to be reviewed during design phase)

Other connected activities:

• Transfer catalog components from GeoNode
• Add new home page catalog components and workflow
• Add a filter panel component and workflow
• Add a resources medata panel component and workflow
• Review the "save as" dialog
• Review the save as dialog
• Support resource contact details
• Support for Tags
• Support for favourites
• Dev guide, JSDoc and migration documentation for the new homepage plugins
• User guide documentation for new homepage
• Review of footer plugin
• Review of the home description image
• Update training documentation related on changes of the new homepage

Other useful information

Development work is also expected on the MS backend tier to support new functionalities and available search options (see connected issues).