O/D Matrix interface part 2

[louisgreiner]

Description

The continuation of #313, from meta #126. Some work is already done in this PR from @Uriel-Sautron.

Each following sub-feature can be parallelized, anyone can pick in it and propose implementation.

What's missing:

• Center the matrice in the middle of the window
• Vertically display nodes name for x axis
• Check that nodes displayed on the x axis are in the same order than on the y axis
• Code architecture: remove duplicated code from O/D matrix algorithm in a single service
• Automatically update matrice when filters have changed
• Remove empty lines (filtered) from matrice
• Remove empty lines nodes are not selected (specific multi-selection of nodes)
• Zooming
• Paning
• Matrix selector (arrows to switch from Travel time or Connections or Total cost in the middle of cells), inspiration can be found here:
  
• Export current view as png and svg

What should be discussed (@aiAdrian):

• What color gradient for the background color of cells?
• How to include the level of details in the matrice vizualization?

Acceptance criteria from past issue

• "O/D matrix" button replaces the actual "Analytics" button and opens a new view (as "Streckengrafik" does)
• Node selection and filtering:
  • if no node selection, displays the matrix of all not filtered nodes
  • if no selection, displays the matrix of the selected and not filtered nodes
• Matrices:
  • 3 types are available : "Travel time", "Connections" and "Total cost"
  • "Total cost" is shown at first opening after calculation (default behavior)
  • the matrix has an optimal size and centered
  • Cells:
    • inside each cell is written the value, depending on the matrix the cell is in, for the pair origin / destination
    • the size of a cell is responsive and optimizes the space available in the matrix, depending on the number of nodes represented
    • on mouse hover, a tooltip appears : "{origin.betriebspunktname} / {destination.betriebspunktname} : {value} ; value depending on the matrix the cell is in (i.e., LTH / OL : 16)
  • Zoom:
    • user can zoom in a matrix, using the application zoom button (re-use) and mouse / pad scroll
    • must be synchronized between all the matrixes displayed
  • Pan:
    • user can pan (= move) in a matrix, the same way user can move in a netzgrafik (re-use)
    • must be synchronized between all the matrixes displayed
• Inside the O/D matrix view:
  • user can download as .svg and .png
  • inside this view only, if the filters selection has changed, recalculate the O/D matrix with the selection and active filters
    • bonus : add a loader when the O/D matrix calculation is running (to prevent browser freeze + crash for large networks), see SBB loader component