We use Octopus dashboard in a Blue/Green infrastructure where we do a lot of switching between two similar environments. To distinguish them and provide a visual overview we developed a Chrome extension that highlights certain columns on the Octopus dashboard, so it’s easy to see which one is the active environment.
We first did it in Octopus 3.17.5 where the HTML is made up of tables, so we were able to traverse the table structure and identify certain columns based on their content and index value.
In Octopus 2018.10.5 we’re having some difficulties doing the same, since the layout is made up of div elements with absolute positioning. I tried to identify some pattern in the class names or attributes, but I’m currently unable to tell which div belongs to which row or column.
Do you have any suggestions or tips on how to tackle this issue?