Add search/filtering to HTML OMD

[dotMorten]

It would be useful to be able to quickly filter the HTML diagram by name, namespace, usage etc.

[MarcosMeli]

Hi there @dotMorten I can help if you want with this issue
I will implement it with jquery, using the cdn to avoid .js files in the repo and distribution

What do you think about to add an option to create a plain html, like the current one, and a dynamic version with jquery, filtering, collapsing, etc ?

[dotMorten]

@MarcosMeli One of the requirements is to have a completely encapsulated report. Referencing an external jquery would break that and including jquery just for some basic filtering seems rather overkill.

[Antaris]

I have a prototype self-contained search utility that I am happy to do as a new PR @dotMorten?

[dotMorten]

@Antaris That sounds interesting. Do you have an example page I can look at?

Back when this was logged, the layout was even worse, so at least now you can quickly collapse by namespace, which does help a lot.

[Antaris]

@dotMorten Here is my example: https://antaris.github.io/OMD-SearchExample/

Still a little rough around the edges, but certainly a start!

[PeterMTaylor]

@Antaris that example is great I find that much easier to shift my focus/interest on namespace I need with the plus minus on the side to expand and collapse things of interest. One additional feedback would be perhaps a way to have a collapse All and Expand All option at the top instead of the bottom in the next iteration if approved.
I note that you made a link to Github.io with one HTML could I ask how I can set up mine this way, any tips? Thanks.

[dotMorten]

@Antaris did you want to make a PR for your search feature? Or do you mind I pull it in?