Ability to configure which summary statistics appear about mobility-metrics HOT 2 CLOSED

I've been making progress on this front and have a semi-presentable version working.

how it works

I have added a summary option to the config with a list of human readable titles as attributes. These each default to true, but you can swap them over to false.

...
"summary": {
    "Unique Vehicles": true,
    "Active Vehicles": true,
    "Total Trips": true,
    "Total Trip Distance": true,
    "Distance Per Vehicle": true,
    "Vehicle Utilization": true,
    "Trips Per Active Vehicle": true,
    "Avg Trip Distance": true,
    "Avg Trip Duration": true
  },
...

This object is now rendered to the report template, just like we do for the report's data blob. I have this working by then mapping the human readable names to the div ids, then I simply find the respective divs and delete the elements at render time. This works fine and you can see an example with 3 disabled fields here:

what's next

I'm happy with the general config flow and how we are rendering this in the UI, except for one issue. If you delete metric elements across rows, it can lead to some funny layouts. The grid system adapts nicely horizontally but does not adapt vertically. Here's an example of that behavior with more of the metrics disabled:

What I am planning to try next is to walk through the metrics list and render the layout like this:

rows = []
row = 0
for metric in metricConfig:
  if metric == true:
    if rows[rows.length-1] < 3:
      rows[row].push(metric)
    else:
      rows.push([])
      row++
      rows[row].push(metric)

This would mean that the rows will "fill" with a max of 3 metrics per row, until all the enabled metrics have been rendered. The last row, wherever it lands, will center the metrics horizontally as seen in the existing implementation above.

from mobility-metrics.

Shipped in v4.0

from mobility-metrics.