Common filter layout

[tschaka1904]

In the Complex-Portal, as I think in many of the other EBI pages, we have a results page. There you can navigate through the results using the suggested pagination and filters.

Maybe, it would be worth to have a common layout and design for the filters?

[khawkins98]

Yes, good candidate for a shared pattern.

Would also be nice to build in a responsive approach -- perhaps with the sub-categories being accordian-collpased on small mobile.

A couple of examples from around EBI:

• Training: http://www.ebi.ac.uk/training
• EBI Search: http://www.ebi.ac.uk/ebisearch/search.ebi?db=allebi&requestFrom=searchExample&query=blast
• UniProt (EBI-esque): http://www.uniprot.org/proteomes/

I'm sure there are others, but I don't recall seeing on that seemed like a pattern that could easily be ported -- we might want to use the one you have as a base pattern. Is the page somewhere I can access, or just on your local machine?

[tschaka1904]

I like the UniProt one the most. Looks very clean.

Sure, here is the source code: https://github.com/Complex-Portal/complex-portal-view/blob/v0.0.4-beta/src/app/complex/complex-results/complex-filter/complex-filter.component.html

And here is the and visual example: https://complex-portal.github.io/complex-portal-view/search?query=GO%3A0016491

...slightly off topic, but the loading bar in EBI Search, which is just underneath the header. Is that foundation or something else?

[khawkins98]

And here is Interpro in the new version:

http://wwwdev.ebi.ac.uk/interpro/sequencesearch/iprscan5-S20170316-145537-0616-23692636-hx

Thanks for the link to your dev version.

As for EBI Search, that's all done in Angular -- I believe it's a common Angular pattern. I think it's quite nice and could be "ported" to Foundation.