Multiple runs on simulation parameters panel

[YohannParis]

What

• Display multiple runs on the parameters panel.
• Starting to use CSS custom properties for design #99

What

• Clean up some eslint warning message about VueX decorator library
• Started a new file to set colours as CSS custom properties
• Renamed parametersMaxCount to numberOfSavedRuns in the VueX store for clarity
• Removed the bottom axis for parameters to match the design sketches
• Display the current run following the same design on the variables panel

Video

[RosaRomeroGomez]

A couple of comments:

• [x] I missed that in earlier PRs but you should be able to leverage createChart from utils/SVGUtil as well within ParametersPanel ( in drawGraph)
• [ ] This is just a thought to make the ParametersPanel code more reusable in the future but not mandatory to do now. We might want to take out the svg part of the ParametersPanel and create a component ParallelCoordinates under components/widgets/charts/ so if we ever want to use the parallel coords viz anywhere else we can just plug it. This is how we are doing it in the VariablesPanel currently.

[YohannParis]

This is just a thought to make the ParametersPanel code more reusable in the future but not mandatory to do now. We might want to take out the svg part of the ParametersPanel and create a component ParallelCoordinates under components/widgets/charts/ so if we ever want to use the parallel coords viz anywhere else we can just plug it. This is how we are doing it in the VariablesPanel currently.

I can't really do that, as this piece of code is really tie to the panel. It will be combursome to refactor as a component or function. This part can be done by the next person that needs to create another Parallel Coordinates graph (which most likely be me)

[YohannParis]

New behaviour @RosaRomeroGomez:

https://user-images.githubusercontent.com/636801/122946112-15fd6980-d347-11eb-8de0-0b06dde32376.mov