Feature: update concept mappings table UI

[Bilelkihal]

Related issue: lifewatch-eric#82

Changes

• Change mappings table font size and different spacings
• Use a basic text instead of a chip to display concepts
• Use icons for mappings source, home icon for internal, external-link icon for external, "I-P" for Inter-portal with a tooltip displaying the source on hover
• Display the first and the last letter of the type and display the full type in tooltip on hover.
• Hide relations column when it's completely empty.
• Hide actions column if no mapping is of type REST (empty column because we display actions only for the mappings of type REST)

Screenshot

[Bilelkihal]

@syphax-bouazzouni The idea of turning rows into lines instead of multiple columns didn't go well since we need to specify somehow where is the 'mappings to' where is the 'ontology' ...

[Bilelkihal]

@jonquet @syphax-bouazzouni do you have in mind a concept that has some mappings of type REST, so I can use it to test actions and I replace them by icons instead of words?

[jonquet]

@jonquet @syphax-bouazzouni do you have in mind a concept that has some mappings of type REST, so I can use it to test actions and I replace them by icons instead of words?

You can create one ;)

[syphax-bouazzouni]

@Bilelkihal here is my proposed version, the idea is mostly to remove the source and relations columns.

Not logged-in version

If logged in use icons for the actions

For the type badges added a tooltip to explain each

[syphax-bouazzouni]

Deployed to https://stageportal.lirmm.fr/ontologies/BIODIVTHES2?p=classes

[Bilelkihal]

@syphax-bouazzouni I updated the screenshots in the PR description